Tumblrはブログを簡単に投稿できるサービスですが、Wordpressよりも簡単に始めることができ、しかもカスタマイズも自由に行えます。 公式サイトでも数多くのテーマが公開されおり、選ぶのにこまってしまうほどです。ただ、全体的にポートフォリオタイプが多いのが現状。オリジナルサイトを作ったり、企業のブログとして本格的に使いたい場合などは自分でカスタマイズする必要性がでてきます。 このページではTumblrをカスタマイズするための便利なリソースや、カスタマイズの大まかな方法について紹介します。 Tumblrカスタマイズの便利なリソース Tumblrの公式ドキュメント Tumblrをカスタマイズする際にもっともお世話になるのが公式ドキュメントです。 このページのGetStartedから初めるとTumblrの基本的なカスタマイズができるようになっています。 このサイトでも各ポストタイプについてカ

こんにちは！はじめまして！ カヤックHTMLファイ部に来年度新卒で入社予定のもときです。 現在はインターンとしてカヤックに来ています。 今回はtumblrについての記事です。 tumblrに関する記事はググればいくらでも出てきますが、 このデザイナーズブログではまだ扱っていないようなので、 tumblrの魅力と、tumblrサイトのカスタマイズのはじめかたを、 僕なりに紹介してみたいと思います！ ・tumblrってなんとなくは知ってるけど、一体どんないいことがあるの？という方 ・いまtumblrを使ってて、もうちょっとカスタマイズしてみたい方 ・これからtumblrでサイトを作ってみようと思ってる方 そんな方に向けた記事です。 tumblrの魅力 tumblrとは このブログを見ているような方々なら、今や知らない人のほうが少ないのではないでしょうか。 それほどにすでに有名なサービスですね。

テーマカスタマイズの解説最新版 （2015年3月26日更新） 本記事より分かりやすく、テーマカスタマイズについて解説した記事を、連載形式でアップしています！以下よりご覧ください。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 こんにちは、デザイナーのぺちこです！ お盆が過ぎたら、本当に夜が涼しくなった気がします。ツクツクボウシが「ツクツクボウシ」って鳴いてると最初に思った人は、けっこう想像力豊かだったんだなあと思う今日このごろです。 そんなわけで、9月も近づいて参りました。9月といえばLIGが運営を手がけるシェアオフィス「いいオフィス」のオープンが控えています。そして「いいオフィス」では公式ブログ「いいオフィスBLOG」をTumblrで運用しています。 私はこのTumblrのカスタマイズを担当しましたので、今回

こんにちは、デザイナーのぺちこです。 以前、「Tumblrでもここまでデザインできる！オリジナルカスタマイズの実例解説」という記事で、「いいオフィスBLOG」の例を出して解説をしたのですが、汎用性がないなあと今更反省をしています。 前回はまだTumblr初心者ということもあったので許してもらうとして……。今回は、本気でTumblrテーマを作りたい人のために出直してきました！ 1つの記事にすると長い戦いになると思ったので、以下の順で連載のかたちをとってご紹介したいと思います。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 テーマカスタマイズということで、あらかじめ「HTML／CSSの理解がある」「Tumblrの管理画面くらいは知っている」というのを前提に話を進めていきます。 Vol.1「テーマカスタマイズの基本編

OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

きっと誰もが経験あるはずです。ぼんやりとしたアイデアやプロジェクトの目標を与えられて、いったい何から始めればいいのかさっぱりわからない、という経験が。Googleのソフトウェア開発者Vivek Haldar氏は、この問題を解決するための「具体的な4段階アプローチ」を紹介しています。 あらゆるプロジェクトはぼんやりとしたイメージから始まります。この混沌とした状態に、形ある具体的なアイデアを持ち込んだ者こそが、最大の功労者となるのです。とはいえ、簡単なことではありません。私自身、このプロジェクト初期の段階にどうアプローチすればいいのか、いまだに模索中です。以下に、個人的な体験と観察から、わずかずつでも学んできたことをご紹介したいと思います。■基本原則を決める 設計作業に入る前に、まず「基本原則」を考えるようにします。例えば、「Gmail」のプロジェクトでは、「Eメールのナビゲーションで最も重要

こんにちは、ティーンズメディアグループ小出です。 ティーンズメディアグループでは、リアルタイムサービス「デコミィ」とスマホ専用デコメサイト「デコポスト」のディレクションや運営を行っています。また、マーケティング活動の一環としてグループインタビュー（以下グルイン）なども行っています。 ライブドアに入社してからも含め、私個人ではこの業界に入ってこれまでに約15回ほどのグルインを行ってきました。その経験で身につけたノウハウを、2011年7月18日に実施したデコポストグルインの様子と共にお伝えします。 事前準備編〜“明確な趣旨”と“想定される回答”の用意 「狙いを明確にする」 まずはチームメンバーで集まって「グルインを行って何を明確にしたいのか？」という狙いを明確にします。「潜在的なニーズを掘り起こしたい」「サイト内UIを改善したい」など媒体によって様々でしょう。 デコポストのグルインでは「スマホ

ネッツアイに火の用心 あなたのハートにG-SHOCK！こんにちは、nakatanigoです。 かつてはディレクターブログを書く立場だったのですが、諸事情により遠ざかっておりました。 というのも、かつて前職でデザイナーをしていた経験から、ディレクターを２年ほど経験した後、デザイナーに転籍したのです。 そこで、今回はその経験から、ディレクターからデザイナーにデザインを依頼する際に注意すべきことをお話させていただきます。ディレクターがデザイナーに依頼をする際、こういう言い方は避けたほうがいいという事例もあわせてご紹介します。 大前提として、デザイナーはディレクターから言われたことしかやらないわけではありませんので、依頼に疑問があれば質問し相談します。しっかりとコミュニケーションをとれば下記のような事例は起こらないと思いますが、それが抜けてしまった場合には効果の小さいデサインができあがってしまうと

商品のコンセプト、例えば商品の魅力は、モニター上で素敵な言葉をいくら羅列してもなかなか伝わりません。コンセプトは商品や作品の本質そのものなので、言葉にするのは難しいのです。だから私はコンセプトを伝えるシンプルな一言を探します。それが「コンセプトキーワード」です。コンセプトキーワードは特別なものではなく、製品の開発や企画書のタイトルなどさまざまな場面でよく使われる言葉ですが、ここでは「商品の魅力を表現する」キーワードのことを指します。コンセプトキーワードを制作の柱としてコンテンツを作ることで、魅力の本質がユーザーの心に届くようになります。コンセプトキーワードを決めなければ広告作りは先に進まないので、いわば魅力を伝える力の源泉、ご本尊と言えるものです。 前回、サイトマスターはコンセプトをまとめる前に情報収集をすることを書きました。その上で魅力、ターゲット、タイミングを考えるわけですが、今回は魅

jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します（2012/01/11頃まで）。 このエントリーで紹介する情報は2011年12月のものです。 １．ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ