そうめんを使って作る「葱油拌麺（台湾ねぎ油まぜそば）」パンチのあるねぎが食欲そそる絶品メニュー！【アレンジ集付き】 - メシ通 | ホットペッパーグルメ
こんにちは、料理・食文化研究家の庭乃桃です。 本日ご紹介するのはそうめんを使った「葱油拌麺（ツォンヨウバンミィェン・台湾ねぎ油まぜそば）」です。 「葱油拌麺」というのは、台湾や上海で愛されているとてもシンプルな麺料理です。 作り方はとっても簡単で、まずは多めの油でねぎをじっくりと揚げ焼きにして香りを移し、そこに醤油と砂糖を混ぜ入れて食欲そそる味わいのたれを作ります。そのたれを、茹であげた麺にからめればできあがり。 ねぎ油で作ったたれは作り置きができるので、まとめて作っておくと、麺を茹でるだけでいつでも食べることができます。 ねぎの香ばしさと深いコクが食欲をそそる「ねぎ油だれ」は、大葉やミョウガ、ショウガなど、そうめんの定番の薬味や具材とも相性抜群。店によってはさらに調味料や具材がプラスされることもあり、アレンジはまさに無限大です！ 記事の後半では、おすすめの追加トッピングや味変調味料につい
鶏むね肉の進化形「レンジ蒸し鶏」が、肉も野菜もたれまで一度に作れて最高 - メシ通 | ホットペッパーグルメ
こんにちは、料理・食文化研究家の庭乃桃です。今回ご紹介するのは、鶏むね肉も付け合わせも、そしてたれまで一度にいわゆるレンチンで作れてしまう簡単蒸し鶏です。 電子レンジで作る蒸し鶏というと、普通はたれを別に作って後から添えることが多いかと思います。今回は、あらかじめ鶏むね肉に調味料をもみ込んで味付けし、ついでに付け合わせ野菜も一緒に調理していきます。これだと耐熱皿一つで全て作れて味もよくなじむので、とにかく最高なんです。 そんな進化形レンジ蒸し鶏を、ねぎ塩だれとピリ辛味噌だれの2種類の味付けでご紹介。 手頃な値段の鶏むね肉を、しっとりやわらかくジューシーに仕上げるコツももちろんお伝えしていきます。ちょっとアレンジするだけでパスタやうどんとも合わせることができるので、重宝しますよ！ ねぎ塩だれのレンジ蒸し鶏 旬の長ねぎを、丸ごと1本たっぷりと使ったレンジ蒸し鶏。くったりシャキシャキな長ねぎの食
これは凄い！Web制作が捗るモーフィング系の最新スニペットまとめ
作成：2016/04/25 更新：2016/06/29 Web制作 > ある形から別の形に連続で変化をかけていくモーフィングのような、視覚的な変化を表現できるスニペットをまとめました。トレンドをおさえた最新スニペットを厳選してピックアップ。 エンジニア速報は Twitter の@commteで配信しています。 背景色に合わせて、テキスト色をリバースさせる DOM要素の重なりを指定するCSS3のブレンドモードmix-blend-mode: differenceを使って、背景色と同時にテキストカラーを反転させていく方法。CSSだけでこれができるのは驚き。 進捗を示すプログレスバーなどで使うと、コントラストがはっきりするので見やすくなりそうです。 mix-blend-modeの「 difference」についてはCSS3のブレンドモードが素敵！ 新プロパティmix-blend-modeを使いこな
【永久保存】Webマーケティングに役立つ心理学用語36選
インターネットを通じて商品やサービスを提供するWebサービスは、ユーザーも企業側もお互いが直接向かい合わせることはほぼできません。 実店舗のようにお客様と対面し、直接話をしながら接客できない分、お客様の心理をできるだけ想像し、その心理に沿ったホームページ作りを行う必要があります。 今回は、ユーザー心理を理解するうえで役に立つ心理学用語を36語を解説付きで紹介します。 第一印象が肝心 1.アンカリング効果 人は一番最初に見た数字やデータをよく記憶しており、何かしらの意思決定を行う際、最初に見たデータを重要視する傾向にあります。これを「アンカリング効果」といいます。 アンカリング効果を応用し、ユーザーに対し「この商品はお得だ」「良い買い物ができた」と思わせるようにするための仕掛けを作ることもできます。（「数量限定」「期間限定」というふうにプレミア感をアピールする等） 2.ハロー効果 ある1つの
Talpa memorandum
橘玲の『「読まなくてもいい本」の読書案内』を読んだので、感想とメモをまとめておく。 この本、タイトルは『「読まなくてもいい本」の読書案内』だが、実際には「読まなくていい本」はほとんど紹介されていない。紹介されているのは、当たり前の話かもしれないが読むべき本だ。他の読書案内本と異なっているのは、”こういう本は読まなくて良い”と、ばっさり切り捨てているところ。読むべきか・読まなくてもよいかの基準は、20世紀後半に爆発的に進歩した科学研究の成果に置いている。著者は、この時期に起きた科学研究の大幅な進歩を”知のビッグバン”、”知のパラダイム転換”と呼び、これ以前に書かれた本は（とりあえず）読む必要がないと言い切る。古いパラダイムで書かれた本は捨てて、新しいパラダイムで書かれた本を読もうという話だ。ちょっと乱暴な分け方ではあるが、1980年代に大学生だった私には案外納得できるものだった。学生時代に最
今年もっとも切り口に嫉妬したエントリー20個
＠yamada_nt です。 「今年」という大枠で紹介したいと考えてはいますが、やはり記憶は新しい記事のほうが印象に残っているケースが多く、すこし偏りがちになりそうな気もします。来年はEvernoteにもっとぶっこんでいこうと心の中で反省している限りです。 ただ今回はですね、記事自体が訴えかける情報が素晴らしいという内容ではないです。 私がこの記事の切り口が素晴らしいと「感じた」部分を表にだして書いていきますので、その時私が何を思ったのかを見てもらうイメージですね。 それではガンガン行きましょう。 今年これだけは読んどけっていうネタ帳のおすすめ セミプロブロガーの憂鬱：#01 プロブロガーの「プロ」には二つある そうかそんな手があったか！となんとなくやられた感のある記事。 憂鬱→解決のヒントを繰り返し連載しはじめたこの「セミプロブロガーの憂鬱」シリーズ。ターゲットも明確で、プロまで目指した
【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜Compass基礎編 | DevelopersIO
はじめに 季節の変わりめで風邪をひいていませんか？僕は38度の熱で会社を休みました。ごめんなさい。 前回は「【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜基礎編」でGUIでSCSSを使えるScout.appのインストールからセットアップについて、またSCSSの4つの主な機能「変数」「宣言ブロックのネスト」「Mixins（関数）」「セレクタ継承」についてご紹介しました。 そこで、今回はGUIツールのScout.appに同梱されているCompassについて活用方法を紹介したいと思います。Compassは、SCSS使いなら必須の便利なフレームワークです。 Compass - CSS オーサリングフレームワークとは compassはSassを使ったオープンソースのCSSオーサリングフレームワークです。 compassを使うことで、Bender Prefix、CSS Spriteを自動
反応が取れるブログの書き方〜たった4つの基本文章テクニック〜
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ビジネスを円滑に進め、成長させるためには文章力は欠かせない。 なぜなら、ちょっとした書き方ひとつで、読み手が感じる印象は変わる。そして、印象が変われば、当然反応率も変わってくる。 あなたも、そうした文章の重要性を感じているのではないだろうか？ そこで、本日は、読者から高い反応率が取れる文章を書くために、全てのライターが知っておくべき、４つの基本をご紹介する。これらの基本を頭に入れて、文章を書けば、今までと全く違う反応を得られるようになるだろう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続
お金がないベンチャーでも使った方が良いサービス・外注先 | ランサーズ社長日記
いいね！ 138 ツイート B! はてブ 1171 Pocket 1292 少しの投資でスピードアップ 起業したては、本当にお金がないので、いかにお金を使わずに会社をするか！と考えがち。 この考え自体は大変素晴らしいのですが、気づくと何でも自分達で全部やっていて、本業に注力すべき時間を、まったく本業とは関係の無いことに費やしていたりします。 お金がないベンチャーでも、少しの投資で劇的にスピードがあがったりするもの。自分の経験を元に、そういったサービスや外注先、そして、外注すべきかどうかの判断軸などを紹介します。 人のアウトソーシング 人のアウトソーシングで大切なのは、「丸投げ」にしないということです。例えば、起業手続きで言えば、行政書士さんにお願いすれば、簡単に会社を設立してくれますが、最低限の知識（資本金、株、会社の仕組みなど）は自分で把握すべきです。完全にブラックボックスで丸投げしてし
HTML5時代のWebデザイン
2. 自己紹介を… こもりまさあき http://protean.im 1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大 学卒業後そのまま正社員となり、入出力業務、デザイン業務、ネットワーク 関連業務に並行して従事。2001年、会社を退職しフリーランスの道へ。 案件ごとに業務内容や立ち位置が異なるため、職域的な肩書きはなし 近著に『レスポンシブ・ウェブデザイン標準ガイド（MdN刊）』『Webデ ザイナーのためのHTML5移行ガイド（共著・インプレスジャパン刊）』、 など HTML5 Conference 2012 特別価格980円 Twitter: @cipher / @proteanbm http://direct.ips.co.jp/html5/ Instagram: @cipher 3. これからお話しすること • Webをデザインするって何だろう？ • どん
WordPressカスタマイズの基礎が全て分かる初心者必読の記事10選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。（※W3TECHの調査によると、世界のWebサイトの約33.9％がWordPress。CMS市場では60.7%がWordPress。） もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、本日は、WordPressをカスタマイズしたい初心者が絶対に読むべき１０の記事をご紹介する。 また、私たちバズ部は
Html5勉強会
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Html5勉強会 — Presentation Transcript HTML5を取り巻くマルチプラットフォーム の神話とその未来 提供元Corona Evangelist木村圭佑 提供 あなたの家を守る仕事、自宅警備員 提供 iPhone/Androidエンジニア@Corosuke_k 見事にすべりましたね (
CSS： marginの正しい理解 - kojika17
toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸
「CSS3を使って美しく装飾されたテーブルの作り方｜Webpark」のサンプルを LESS で作ってみた | TM Life
昨日 に引き続き LESS 関連エントリーです. 「CSS3を使って美しく装飾されたテーブルの作り方｜Webpark」で紹介されていた, テーブルを CSS3 で装飾するサンプル. 非常に良く出来ていて見た目もコードもとてもキレイです. 今回は, このエントリーに触発されて, サンプルをパクってオマージュしてみました. ただパクったオマージュしたわけではなく LESS で作っていたり, 色々と私の都合の良いように変えてたりします. LESS だと変数が使えるのでベースとなるカラーを変更したり, 幅や高さの調整も超簡単にできますよん♪ サンプルは jsdo.it で作成したので, よかったら fork して色々とイジッてみて下さい. Table of contents サンプルを実行してみよう テーブルのメインカラーを変数化 linear-gradient を使ってヘッダーにテカリフィルター
人気ブログの作り方~1日45万PVの超有名ブログに学ぶ７つの習慣~
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 国内にも少しずつ浸透してきたインバウンドマーケティングにおいて、ブログは最も重要なツールだ。 しかし、企業、個人ともに、ブログを作っても中々思うように結果が出ずに悩んでいるのではないだろうか？ 結局のところ、ブログを作り、短期間で結果を出すためには、既に大きな成果を出しているやり方をマネるのが最も確実だ。 私はブログを始める前、”Social Media Examinar“というブログを最も入念に研究していた。 なぜなら、Social Media Examinerは、２０１０年の末にスタートしたにも関わらず、半年後には全米No.１のスモールビジネスブログにランキングされたブログだからだ。そして、今では、一日に４５万のPVを集め、１３万人の
人生をより楽しくさせる100の方法 | Webクリエイターボックス
2013年3月23日 ライフハック 今、あなたは自分の人生に満足していますか？もしそうでないなら、今回の記事が役に立つかもしれません。より素敵な人生を送るためのライフハックです。SEOに疲れたとき、1pxのズレで残業したとき、納期から逃げたくなったとき（※どっかで聞いたなそのフレーズ）に、ぜひ読んでみてください！ ↑私が10年以上利用している会計ソフト！ Webクリエイターボックスを始めた理由 実は約一年前、毎日なんだか退屈だな…と思っていたときに、今回紹介する「100 Ways To Live A Better Life」という記事を見て、ブログを始める決意をしたのでした。落ち込んでいたり、私と同じく退屈している友達がいればこの記事を見せていました。その友人の中には仕事をやめる決心がつき、バンクーバーでも有名な大手の会社に入社したり、海外に引越たり、結婚を決意したりと、彼らがなにかを始め
JavaScript アニメーションのデザインパターン
JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの？ setInterval の意味が分からない こんな感じで書けないの？ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sublime Text 2, 3の使いやすいテーマのまとめ
ボタン作りの手間を削減！CSSボタンデザインジェネレーターまとめ
SEO検索エンジン最適化チュートリアル
