[レベル: 中級] Google画像検索がAMPに対応しました。 検索結果に表示された画像の提供元がAMPページの場合は、AMPページへアクセスできます。 画像検索結果に表示されるAMP 画像の提供元がAMPページのときには、おなじみの⚡AMPマークとラベルが付きます。 タップすると、通常のモバイルページではなく、AMP CDNにキャッシュされているAMPページが表示されます。 その画像をタップしたときの拡大画像がAMPキャッシュから返されるわけではありません。 画像が掲載されているウェブページ本体がキャッシュから返されます（もちろんそこに掲載されている画像はAMPキャッシュから返されます）。 日本の画像検索もAMP対応しています。 自分のAMPページの画像がAMPで画像検索に出ているかどうかを調べてみてください。 スマートフォンで画像検索したユーザーが、お目当ての画像を発見しそれが掲載さ

こんにちは。みんなのウェディングの平岡です。 みんなのウェディングでは自社開発したCSSフレームワーク「Esthe（エステ）」を利用して開発をしています。 今回はそのEstheの簡単な説明と導入までの流れを紹介したいと思います。 導入前までに抱えていた問題 案件が発生する都度すべてのデザインを作成していたため、デザイナーの作業が増えていく デザインガイドラインがないため、コンテンツ作成毎にトンマナがずれていく CSSのルールがないため、どこから読まれているのかわからず解読＆確認に時間がかかる サービスの急激な伸びによる影響でCSS周りの整備まで手が回らず、 コンテンツの拡充に比例して日々メンテナンスコストが上がっている状態でした。 なんとかしたい サイトとして共通化されたデザインパーツがほしい デザインガイドラインがほしい 管理されたCSS環境がほしい bootstrap？ bootstr

知っておくと便利なnpm（Node Packaged Modules）のコマンドとTipsを全部で10本まとめました。 Facebookの新しいYarn projectには興奮を覚える一方で、Node.jsの躍進にはオリジナルパッケージであるnpmの存在が大きく貢献しています。 少ないnpmのコマンドで、初期化したり（npm init）、パッケージをダウンロードしたり（npm install）、テスト（npm test）したり、プロジェクト内でカスタムスクリプト（npm run）を作ったりできます。少し詳しく調べていけば、日々の開発を劇的に変えてくれるさまざまなコマンドがnpmには用意されています。 注意：もしnpmの手引きが必要なら『A Beginner’s Guide to npm — the Node Package Manager』をチェックしてください。npmとYarnの違いにつ

コインランドリーのIT化と聞いてもピンと来ないかもしれないが、実はここ数年でコインランドリーを取り巻く環境も大きく変化している。ITによるビジネス変革とライフスタイル変革は、コインランドリー業界にも起きているのだ。 12月2日から4日までの3日間、東京ビッグサイトで「国際コインランドリーEXPO 2016」が開催された。クリーニングの総合展示会「クリーンライフビジョン21／2016東京国際クリーニング総合展示会」に併設される形でスタートしたイベントだが、郊外を中心に大きな変貌を遂げつつあるコインランドリー業界の現状を俯瞰できるイベントとあって活況を呈していた。 都心部に住んでいると、コインランドリーと聞いても、洗濯機を持たない独身者が利用するもの、というイメージが強いかもしれない。しかし、女性の社会進出とともに、衣類の洗濯に割ける時間が減っているという背景から、特に主婦層のコインランドリー

SVG is one of the most powerful tools in a front-end developer's arsenal, and while its browser support is excellent, there's enough rough edges that a lot of people consistently reach for an alternative such as icon fonts, static images or CSS-only drawing techniques. In this episode we'll look at what can be achieved by writing SVG by hand, simple effects that can add a lot to an interaction th

『君の名は。』『魔法少女まどか☆マギカ』『ニセコイ』のグラフィックデザインを手掛けたBALCOLONY.に潜入！ イラスト、漫画、アニメ、動画、音楽……さまざまなジャンルで活躍するクリエイターたちの制作机にスポットを当てる連載企画『#DESKWATCH』。珠玉のクリエイティブがどのような環境で生まれるのか、プロのクリエイターはどんなツールを使っているのか、写真とインタビューでじっくり迫ります！ 今回は『君の名は。』『ニセコイ』『ラブライブ！』などのクリエイティブを手がけたデザイン事務所、BALCOLONY.（バルコロニー）にお邪魔して、『魔法少女まどか☆マギカ』のタイトルロゴをデザインしたアートディレクター・染谷洋平さんの制作机をチェック！ 自身のことを「萌え豚」と称する染谷さんは、萌え絵をこよなく愛するデザイナーなんです。