明日（2014年3月31日）、笑っていいともが最終回を迎え、32年の歴史に幕を下ろします。 数々の伝説を残した笑っていいともですが、私にとってはテレフォンショッキングでたまに披露されるタモさんのお料理トークが一番心に残っています。 今日はタモさんがテレフォンショッキングで話した料理の再現レシピを中心にタモリレシピをまとめてみましたので皆さんの思い出と共にご自宅でタモリ流料理を振り返ってみませんか？ 【スポンサードリンク】 漬けこまないタモリ式豚の生姜焼き タレがからむので漬けこまなくても大丈夫！ステキな時短レシピです♪ 材 料（2人分） 豚肉（しょうが焼用）6枚 小麦粉少々 玉ねぎ1/2個 生姜（今回はチューブ使用）3～4cm位 醤油大2 酒大2 みりん大2 漬けこまないタモリ式豚の生姜焼き レシピ・作り方 by 四月のヒーロー｜楽天レシピ タモさんのピーマン 私にとってタモさんレシピとい

レスポンシブWebデザインでは要素を可変にするために数値を%で指定することが多いですが、%指定の仕様を理解してないとハマることがあります。自分もそのような経験があったので備忘録としてまとめました。 要素の幅と高さの%指定 レスポンシブWebデザインのように、ある要素の幅を一定の比率を保ったまま可変するようにするには、通常、値を%で指定します。この時の値は、 求める要素の幅÷親要素のコンテンツ幅×100% の式で求められます。 例えば求める要素の幅が20px、親要素のコンテンツ幅が200pxの場合は、10%となります。 また、ここで言うコンテンツ幅とはmargin、padding、borderを含まない幅です。 同様に高さを%で指定する場合は、 求める要素の高さ÷親要素のコンテンツの高さ×100% となります。 marginとpaddingの%指定 左右のmargin、paddingを%で指

皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD

朝ごはんの時間によく作ってるやつ http://t.co/FQVo0AMHAp

This domain may be for sale!

「ファミコン『ドラゴンクエストIV』のパッケージイラストの主役が、一番小さく描かれているのに、最初に目に入ってくるのはなぜか」 これについて、中村佑介氏の解説が目鱗だ→【イラストの見栄えが良くなる】中村佑介先生の公開講座が凄い！。本来は目立たせたいもの（主役）を大きく描くのが原則だが、彩度とコントラストを増やすことで、見やすい画面作りをしているという。 だが、もう一つ、このデザインには「主役」を主役たらしめるテクニックがある。それは以下の通り。 1. 人は、人の顔に一番興味を持つ 2. 人は、画面の中で、顔を最初に見る 3. 人は、画面の顔の視線の先に注意を向ける この原則を知ったのが、本書だ。人はどのように認知し、判断し、行動し、そしてエラーを引き起こすのかについて、ウェブやアプリのデザイナー向けに、「100の指針」という形でまとめたもの。 「嘘のレベルは伝達手段で変わる」や、「読むと理

先日、イラストレーターの 中村佑介（なかむら ゆうすけ) 先生 のツイッターで公開アドバイスが行われました。 『アイデア』 『色のバランス』 『塗り方』 『構図』 のデザインの基本ついて分かりやすく解説されています。 凄く勉強になると思いますので 将来イラストレーターを目指している人は必見です。 その中の一部をご紹介したいと思います。 ※この記事はツイッターからの引用になります。 この記事は、中村佑介 先生　ayamick さん　すなつ さんに公開許可を頂いております。 それらを踏まえたうえでお読み頂ける様にお願い致します。 【良い構図は大・中・小を使い分け】 【ayamick さん】 私は18歳です。 描いた動機は どの年齢の方が見ても楽しめるような絵を描きたかったからです。 コンセプトはなるべくたくさんの色をつけて、 全体的に賑やかにしているところです(^^) こんな感じですm(__)

効果が出るバナーのレイアウトには一定のパターンがあります。 今回は成果を出せるバナーのテンプレートを20種、広告代理店でバナーを作成している私が作ってみました。 バナーのレイアウトでお悩みの方も、そうでない方も、イメージを膨らませたり、いざという時のためにストックしたり、自由に活用して頂ければと思います。 【eBook】コンバージョンする効果の高いバナーの作成方法 悩んだらまずは最強のベーシック型コピー・訴求文・写真などをバランス良く盛り込み、情報量が多いレイアウト。バナーの時点で多くの情報を伝えられるため、飛び先との整合性が高いことが特徴です。しかし珍しさやインパクトにかけるので、似たようなバナーにまぎれると埋もれてしまう恐れがあります。 ベーシック型バナーレイアウトベーシック型バナーサンプル ベーシックに負けない３つの王道レイアウト同じバナーを出し続けているとユーザはマンネリを感じてし

おいしいごはんの秘訣は“楽しむこと”おいしそうだけではなくてなんだか「しあわせ」になれるようなごはんがわたしの理想のごはん。

宣伝 2015/11 追記 ソフトウェアデザイン 11月号に HTTP/2の特集記事を書かせていただきました。より詳しく書きましたので、本記事より参考になるかと思います。 http://www.amazon.co.jp/dp/B01494YKUI HTTP2は2014年4月のWG Last Callに向けて、仕様策定が進められている。 現在も、ロンドンで行われているIETFのミーティングでは熱い議論が行われているところであろう。 (local activityとして日本での活動なども紹介されているようです) HTTP2の仕様を決めているHTTPbisワーキンググループのchairであるMark Nottingham氏が、自身のブログにて「Nine Things to Expect from HTTP/2」という記事が投稿されている。 ここでは、HTTP2が何をもたらすか以下の観点で説明して

紙媒体の編集を6年やって、今はwebのおもしろさにはまって紙の仕事もやりつつweb記事を書いている私ですが、紙媒体をメインにしている人からの、web媒体の人へのマウンティング攻撃がすごいなと感じることがあります。 新聞や週刊誌から下りてきているウェブニュースあたりを除けば、ネット上に晒されている原稿は、紙媒体のそれと比べ、圧倒的に精度の低いものが多い。 「ウェブライターよ。なぜ君たちはこれほど文章がヘタなのか？」より 他にも「webライターの仕事はチャチャッとフリーフォトを使って短期間でやっていて簡単」とか「公開してからも直せるからって、荒い」とかも言われます。 ■確かにweb媒体の校正回数は少ないし、文字制限があることも少ない 確かに、web媒体は文章量に1文字レベルでの制限はない（ことが多い）し、校正の回数も非常に少ないです。たいていはライター確認と編集部での確認のみ。一方、私が前に勤

デザインしてますか？spicagraphです。ふだんツールに関する記事を書いたり、Twitterでつぶやいたりしていると「こいつ見た目のことばっかりやな」と思われそうで、めずらしくデザインするとき大切にしていることについて書きます。わたしの仕事は主にEC、LP、プロモーション、コーポレートサイトなので、UI/UXみたいなかっこいい話でないことは前置きしておきます（でもだいじなおしごとだよ！） デザインは誰のため？ 大前提として、わたしは誰に向かってデザインしているのか。 わたしはフリーランスで仕事をしているため「お客さん」がたくさんいます。仕事をくれた制作会社のディレクターさん、クライアント、ユーザーです。webサイトの「お客さん」はユーザーですが、ユーザーだけがいいと思うものだけが良いデザインだとは思いません。 webサイトは更新されていくものです、多くの場合はクライアントによって。とい

ブツ撮りや商品撮影は普段撮っている風景や街のスナップとは少し違った考え方が必要です。また、「カメラで撮る」以外の要素が大きなウェイトを占めるのも特徴。そんなわけで今回はブツ撮りをする際に初めに知っておくべき大事な３つの要素をご紹介します！ 商品撮影を上手にするためのポイントは？カフェのランチを撮ったり、お気に入りの雑貨やアクセサリーを撮ったり、オークション出品用の写真を撮ったり。。こういう撮影のジャンルを写真の世界では「ブツ撮り」とか「商品撮影」と言ったりします。 写真を撮るという行為自体は変わりないのですが、普段多くの方が撮っている風景やスナップとはまた違った考え方が必要になったりもするので今回はその辺のことについて撮影以外の大事な要素を３つに分けてご紹介します。 例えば上の写真、左右どちらも元は同じ写真です。左の写真を現像・レタッチすることで右になりました。 上手く撮れない原因はカメラ

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

「大地黄金」という禅語があります。 光り輝く場所を探すのではなく、今いる場所を自分自身で輝かせる。 「どこか」ではなく「ここ」を。 「誰かが」ではなく「自分」が。 「いつか」ではなく「今」を。 自分次第で、どんな大地も黄金になりますから。 大地黄金 禅語のなかに「大地黄金」という言葉があります。 『自分が置かれている場...

Googleでヒドすぎる検索バグが発生中、リンクテキスト消滅やHTMLタグの表示など──検索結果ページのデザイン変更と関連か Googleの検索結果で一部ユーザにバグが発生中 先月末ごろより、PCからGoogle検索を利用した場合の検索結果ページ（SERP：Search Engine Result Page）にバグが発生している。 筆者が確認した限りでは、リンクのテキストが消滅し「...」に置き換えられたり、文字数が多すぎるリンクの省略表示が異常なものになることが多々見受けられる。 また、その他にもリンクテキストに明らかに不自然なタグが挿入されるケースもある。 このようにHTMLタグである<b>タグ（強調表示）や<wbr>タグ（改行してもよい位置を示す）が露出してしまっている。 これらのバグの発生原因は確定していないが、現在Googleが実施している新しいデザインの検索結果ページの導入テス

情弱の家族にスマホの使い方を教える悲惨さについて - しがない学生の雑記 を読んで私も情弱な母にPC・スマホの基本操作を教えた際に気がついた点をいくつか １　ググレカスなどという言葉は存在すらしない 一応国内の有名大学を卒業し、社会人経験もある母なので、それなりにできるだろうと考え。分からないことはググるということを一番初めに教えてみたが,一度としてググれた形跡はない。 分かったこと ググるのは難しい。これまで意識したこともなかったが、そもそも検索のためのキーワードを作るという作業が理解できていなかったようだ。これは発見だった。それに調べるときに我々はただググるのではなく、地図を見たいときはgooglemapを乗り換え・天気はyahoo、値段は価格comnなどを利用するのだが、そういった特殊な情報を調べるツールを知らない。 ゆえに、この家の辞書にはググレカスという言葉は存在しない。 ２　私

今日のよりぬきレシピはアボカドです。 「森のバター」とも呼ばれ栄養豊富でおいしいアボカドですが、独特のエグみが苦手という方もいらっしゃるかもしれませんね。そういう方はおそらく熟していないアボカドを食べてしまったんだと思います。緑がかったアボカドはそのまま食べずに、黒っぽく熟すまで常温で保存してから食べましょう。 今日は簡単でおいしいアボカドレシピをよりぬいてみましたので普段食べない方も召し上がってみてはいかがですか？ちなみに「アボガド」ではなく「アボカド」ですのでご注意を。 以下のレシピの他にも調べてみたい方はこちらのレシピ検索サイトで「アボカド」と検索してみて下さい。 【スポンサードリンク】 焼きアボカド★ベーコンチーズのせ 我が家ではくぼみにベーコンなどを入れるのではなくアボカドをいったん出して細かく切って、ベーコンなどと混ぜて戻してから焼きます。その方が食べやすいです。 材 料（2人