こんにちは、KAI-YOU開発部のねりまちゃんです。 少し前のニュースになりますが、KAI-YOU.netは2016年2月1日にフルリニューアルしました！ もうみなさん新しいデザインは見ていただけていますでしょうか？ 実は、目に見えるページデザインやUIを良くする以外にも、内部ではSEOを意識したサイト構造になるよう心がけています。 リニューアルに伴って行ったSEOを意識した施策をご紹介いたします。 SEOを意識したページレイアウトについて まず、リニューアル後のKAI-YOU.netのページレイアウトについて詳しくご紹介します。 私たちが目で見てサイトを理解するのと同じように、Googleもレンダリングすることでメインコンテンツを理解し、サイトを評価しています。 ユーザーのみなさまにももちろん、Google側にも内容をわかりやすく伝えることが重要ということになります。 KAI-YOU.n

※will-changeは編集時点(2016/07/27)でCandidate Recommendationの状態です。仕様変更による挙動差異などがあれば適宜コメントを頂けるとありがたいです。 TL;DR 使いどころ JavaScriptでアニメーションを行う際 CSS animation, transitionを:hover等で遅延実行する際 などの、初期値として変形やアニメーションの値を持たない要素を特定の要因で実行する際に効果を発揮する ユースケースによって、常に指定するか、動かす直前から指定して終了時に解除するかを判断する 最適化はUAごとに異なっており、かつ指定したからといって必ず恩恵が得られるものではない "おまじない"的な使い方も有りだが、本当にパフォーマンスが必要な場面で有効かどうかはブラウザの実装を調べるのがてっとり早い 前提知識 Webブラウザのレンダリングの仕組み ブ

Amazon Elasticsearch Service 2.3 がサポートされましたね。現在進行中のプロジェクトで Amazon ES を使うかどうか再検討しなくてはと思いつつ、 本題です。Elasticsearch の検証をするとき、サンプルデータを作成するのは地味に大変じゃありませんか？ AWS の S3 に JSON Lines 形式のファイルを保存して Lambda で何か処理をするときのサンプルデータを作るのは大変ですよね？ ということで、JSON Generator Atom Package 作りました！そして公開しました！（久しぶりに便利なもの作った気がする） JSON Generator Atom Package インストール ※ このパッケージは、Atom エディタのプラグインとして動作します。Atom をまだインストールしていない場合は、ここからダウンロードしてインス