レシピページのOGP画像を動的に生成する - クックパッド開発者ブログ
こんにちは、クックパッドでエンジニアをやっている @morishin です。入社してわりと長い間 iOS アプリやそのバックエンドの開発を中心にやってきましたが、最近は専らウェブフロントエンドとその基盤をいい感じにするというのをやっています。先日クックパッドウェブサイトのレシピページの OGP 画像を素敵に刷新したのでそのお話をしたいと思います。 ※ ここで OGP 画像と呼んでいるのは Open Graph Protocol で定義されている og:image プロパティに指定する画像のことです。 ※ OGP 画像と呼んでいますが厳密には今回変更したのは Twitter Card (twitter:image) 用の画像のみなので、その他の SNS に表示される画像 (og:image) は変わっていません。 できたもの これまではレシピ作者さんがアップロードされた料理写真を単にクロップ
ペライチのWebページをすばやく作り始められるやつ「Rin 3.0」作った - MEMOGRAPHIX
Rin 3.0 というのを作った。 Rin - A lean, gulp-based HTML and SASS boilerplate by sanographix僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。 フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポーネントを用意しまくる、というふうにはしていない。結局各webサイトでデザインの要件が大きく異なる場合が多いので、CSS部分の記述をできるだけ少なくして、各サイト向けに柔軟にスタイルを書けるようにする方針をとっている。一方でビルドツールに求められることは割と毎回一緒なことが多いので、gulpですばやく環境構築して、スタイルは各サイトでよしなに、みたいな雰囲気。 Rinは、だいたい下記のようなことがすば
初日で30万アクセスを超えた診断アプリを作った話：村上福之の「ネットとケータイと俺様」：オルタナティブ・ブログ
今さらながら、診断アプリを作ったら初日で30万PV超えてた。中身は寿命と死因を診断するお墓ジェネレーターです。たぶん、最初のバージョンの開発に2時間もかからなかったかも。その割にはPV稼げたと思う。ちなみにfbの個人情報とかは抜いてないです。興味ない。 お墓メーカー 作ったときのポイントとか： 画像は600x320ピクセル固定。 facebookのサムネイルはmetaタグに書かないとやばい。 iPhoneファーストで作るべき。 サーバーはさくらの共有レンサバでいいよ 画像は600x320ピクセル固定。 FBでシェアする画像は600x320を推奨。変なサイズだ。しかし FBのサムネイルがこのサイズなのでこれに準拠するべき。でないと、 勝手に変なトリミングされる。 facebookのサムネイルはmetaタグに書かないとやばい FBのサムネイルは指定したほうがいいとおもう。 iPhoneファース
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
