色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー

Google Spreadsheet を簡易 Webサーバーとして動かして、手軽にWebHookを受け取る方法GoogleAppsScriptWebhook 外部のサービスからの通知を WebHookで受け取ってちょっとした処理をしたいことってたまにありませんか？ たとえば、アプリのクラッシュログを解析するFabricの Crashlytics には、新しいクラッシュが発生したり特定の閾値を超えると WebHookで通知してくれる、つまり特定の URL にPOSTを発行してくれる機能があります。 これを上手く使うと、下の図のように「新しいクラッシュが発生したら Backlogなどのチケット管理サービスに自動登録」といったことができそうです。 もちろんCrashlyticsから BacklogのAPIは直接叩けないので、このように WebHookを使ってこちらのサーバを叩いてもらい、そのサー

デザインの方向性をすり合わせる時に便利な、「デザインコンセプトシート」を作ってみました。 とくにLP/ランディングページや時短の案件は、要件がふわっとしがちなので、最初の方向性の認識がズレていると、あとあと出戻りが発生して大変ですよね・・（実体験）。 そうなる前に活用したい、新米デザイナーさんでも簡単に作れる1枚のシートになっています。記事の最後でテンプレートのダウンロードもできますので、ぜひ使ってみてください！ 1. 簡易版デザインコンセプトシートの【利用シーン】今回は簡易版なので、LPや時間が無い案件の時に、サクッと確認したいときに向いています。こういったすり合わせをするための資料を作ったことないという初心者さんにもオススメです。 こんなときに活用すると便利！（A）クライアントとの方向性のすり合わせクライアントや代理店からふわっとしたデザイン依頼が来た時に、担当者とすり合わせる時に役に

グラフィカルユーザインタフェースなしで デバイス上で動作することができるソフトウェアである。 このようなソフトウェアは、入力を受け取り、 ネットワークなどを介して出力を提供します。 Wikipedia - Headless software ※ https://en.wikipedia.org/wiki/Headless_software Headless CMSとは （ デカップルドアーキテクチャとも言われる ） 言葉から推測すると ※VIEWなどのプレゼンテーション機能なし 利用されている場所 CMSを提供するアプリで積極的に推進 Plone (Python) Drupal (PHP) WordPress (PHP) など Headless CMSの実現 ・ フロントエンドとバックエンドの分離 (decouple) ・ REST API準拠のストレージバックエンドの作成 (APIファー

って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C

ソシオメディアでは、デザインコンサルティングの一環としてデザインガイドラインを作成することがよくあります。デザインガイドラインの役割は主に以下のようなものです。 大規模なシステム開発において、複数の画面設計者がそれを参照し、デザインに統一感を持たせるため 将来的に複数のサブシステムが追加開発されるのを見込んで、それらのデザインとメインシステムとに統一感を持たせるため サードパーティに対してアドオンやプラグインのAPIを提供する際、デザインガイドラインを合わせて提供するため 特に開発体制の中に専属のデザイナーがいない場合、デザインガイドラインが画面設計者にとっての拠り所となります。アプリケーション全体における概念モデルと画面構成の関係、共通画面要素の役割、各画面種別ごとの基本的なレイアウトやコントロール表現、配色やアイコンの意匠といったものをガイドラインで定めることにより、ユーザビリティ上の

2016年12月に実施されたベイジのコーポレートサイトリニューアルについて、2017年9月時点で成果を検証してみました。主にSEOの始点からの成果とそのために行った具体的な施策についてです。成果はできるだけ具体的な数字で公開しています。都内某所で行われたB2B企業向けSEO勉強会のスライドに加筆修正したものです。

Free for commercial or personal use by Dima Braven. WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.