カルボナーラの構造と組み立て方
ペペロンチーノと並んで、物議を醸すのがカルボナーラ。 最近もWEBメディアが適当な記事をあげてカルボナーラ警察に摘発されていたことが記憶に新しい。 でも、ブコメ読んでる人からすれば「何が正解なの！？」と混乱してしまうよね。 というわけで、カルボナーラの組み立てを、できる限り分解しながら考えてみる。 【人はカルボナーラに何を求めるのか】 料理はすべて、最終ゴールになにを求めるかで作り方が変わる。 最初に出来上がりのカルボナーラ像を意識しておくことが非常に大事。 具体的にカルボナーラのイメージとしては ・チーズの旨味はどれくらい効いてるとよいか？ ・生クリームを入れるか？全卵に挑戦するか？ ・仕上がりのテクスチャはさらさらからドロドロのどの辺りを狙うか？ ・卵はどれくらい効かせるか？追い卵黄はするか？ ・黒胡椒のパンチはどれくらい欲しいか？ ・買い物しても最高系を目指すか、妥協して家の材料で作
「Google Feed API」代替として「Googleスプレッドシート」を使う方法
2015年12月2日に「Google Feed API」が「This API is no longer available.」になり、RSSをJSONP形式で簡単に取得することができなくなりました。 そこで、「Googleスプレッドシート」を使って、RSSを定期取得して、JSONPで吐き出す実験をして、上手くいきましたので、その方法をまとめておきます。 ●スプレッドシートの作成 ・「Googleドライブ」で「Googleスプレッドシート」を作成する。 ・スプレッドシートのタイトルを入力する。 ●スクリプトの入力と初回実行 ・メニューの［ツール］→［スクリプトエディタ］で、スクリプトエディタを開く。 ・以下のコードを入力する。 /* * プロジェクト名「rss_hatena」 * * 「はてブ 新着エントリー」からRSSを取得 * 参考： * gas - Google Apps Script
WordPressのカスタム投稿タイプとカスタムフィールドを実際に追加してみた！ - マネー報道 MoneyReport
WordPress 新しいWebサイト構築に向けて、現在WordPressを勉強しています。 昨日は「カスタム投稿タイプ」を使う事で、自分好みのメインコンテンツを記事とは別に作れる話を書きました。 で、実際にレンタルサーバーにアップしているWordPressに「カスタム投稿タイプ」を適用してみましたので、その適用方法と実際の適用後の見栄え等をお伝えしたいと思います。 また「カスタムフィールド」と呼ばれるオリジナルの投稿項目についても設定してみましたので、そちらも併せて記載します。 カスタム投稿タイプの適用 カスタム投稿タイプをWordPressに導入するには自分で「function.php」を書き換える事でも実現できますが、PHPソースの改変があり間違うとWordPressが動かなくなったりと弊害が大きいので、今回はプラグインを使ってカスタム投稿タイプを実現します。 カスタム投稿タイプを実
【RWD ーレスポンシブー】右にできた謎の余白を消す方法 | バシャログ。
こんにちは。mackyです。 じめじーめな日々のせいなのでしょうか。6月がとても長く感じます。 今日は右にできた謎の余白を消す方法をまとめます。 そもそも余白って？ できあがったサイトをipadやiphoneで表示確認したとき、以下のような余白ができたことはないですか？ 先日、携わった某サイトはiphoneとipadで表示チェックを行ったのですがその際右のスクロールバーの横に白い余白ができてしまいました。ヘッダーも背景画像もそこで切れてしまいます。その時色々試してみて解決した方法をメモしておこうと思います。（サンプルコードは一部内容を変更しています。） サイトの大まかな構成としては、bodyにwidth:100%;。 内側（ipadおよびiphoneで見切れないで表示させたい幅）sectionに固定サイズの1024pxを指定しました。 ipadとiphoneでみてみたら… (※下の図はip
Illustrator：和柄のパターンの作り方を紹介。24種類のtips＆リンク集
余談ですがブログでテーブルタグを使いたいときの便利サイト。 テーブルタグ作成ツール 本当は作り方のリンク集を作るつもりだったのですが、意外とネット上にパターンのチュートリアルが少なくてほとんどの記事を管理人が作る羽目になりめちゃくちゃ疲れました。 自分でも少し説明不足かななんて感じるチュートリアルもあるので、時間があるときにちょこちょこ修正していこうと思います。 間違いの指摘や、もっと詳しく説明してほしいところがありましたらお気軽にコメントください。m(__)m いちいち作ってられない人におすすめのサイト＆書籍。 このブログで何度か紹介をしていますがベクターデータの和柄の素材集めに便利なサイトと素材集のリンクを張っておきます。 おすすめのサイト こちらのサイトで和柄の名前を検索すれば大抵のパターンが見つかると思います。 商用利用も完全にフリーなサイトなのでお勧めのサイトです。 ちょっとだけ
パペットピンツールでキャラクターを動かす
After Effectsの標準機能である【パペットピンツール】を使ったアニメーションの解説です。 レイヤー分けされた１枚絵のキャラクターをそれぞれアニメーションさせてみました。 人物に回り込むような動きは難しいですが、一般的なアニメーションで言う“中割り”は必要ありません。 高いフレームレートでもたくさん枚数がいらないため、工数がかからないメリットがあります。 以下、【パペットピンツール】の基本的な使い方を説明していきます。 STEP１．動きを意識してキャラクターを描く 今回は、線画はSAIを使用、細かいレイヤー分けと着色はPhotoshopを使いました。 最終的にアニメーションさせることを想定し、パーツ分けしていきます。ここでは、１３パーツにレイヤー分けしました。 また、「ここは大きく動きそうだ」というレイヤーの下のレイヤーは、絵を余分に持っておくと良いです。 （より見た目に違和感なく
CCとCC 2014の互換性｜DTP Transit
理想 アプリケーションごとに異なる対応でなく、設定の移行方法が揃っている方が望ましい Illustratorの「個別の設定」のように、明示的に設定を保存できるとナイス 「設定を同期」で扱える項目が、Illustrator、Photoshop、InDesignでもう少し共通化して欲しい ご参考： CCアプリケーションの「設定を同期」は超便利。でも、実装がバラバラすぎる... - DTP Transit（Illustrator, InDesign, Photoshop） Creative Cloud 2014年 バージョンのFAQ | // andy hall InDesign関連 ドキュメントの互換性 InDesign CC 2014で保存したドキュメントを、InDesign CCで開いたときに表示されるアラート。 InDesign CC 2014で保存したドキュメントをInDesign C
アドビ、InDesign用の新潮社の文字組設定や商業印刷文字組セットを無償配布
アドビ システムズは、同社の公式Facebookページ「Adobe Creative Station Japan」にて、同社の組版ソフト「Adobe InDesign」向けの文字組データを無償配布している。 このたび配布されているのは、同社の組版ソフト「InDesign」向けの文字組データ。InDesign日本語版の既存プリセット以外、主に商業印刷の組版用途に適した文字組み設定4種類と、文芸書の老舗として知られる出版社・新潮社の「新潮社文字組基本設定」が用意されている。 また、これらの文字組データに関しては、同社のFacebookページより無償で入手することができる。Facebook上の該当リンクをクリックすると、ZIPファイルにてデータをダウンロードすることが可能だ。 なお、マイナビニュースでは、媒体読者限定で「Adobe Creative Cloud」に関するアンケートを実施しているた
CSSのみで実装するキャプションエフェクト 20 - NxWorld
自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。 画像ホバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。 キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTML・CSS 一部をのぞき、今回はサンプルとして基本的に下記のようなHTMLを使用しています。 <figure> <img src="image.jpg" /> <figcaption> <h3>Caption Title</h3> <p>caption text here ...</p> </figcaption> </figure> CSSに関してはそれぞれ動きに関係する部分のみ記述しており、figcaption内にあるh3とpの見栄えに関するフォント
FC2総合インフォメーション 【ブログ】「FC２ブログ」をオープンソースで公開！より自由にカスタマイズ可能！
03 /19 2014 平素は、FC2(fc2.com)をご利用いただき、誠にありがとうございます。 この度、FC2ブログ（ blog.fc2.com ）にて ブログをオープンソース（MITライセンス）で公開しました。 独自のカテゴライズや情報サイトの構築など、アイディア次第！ FC2ブログをより快適に楽しいサービスやソフトウェアで彩ってみませんか？ 現在公開中のオープンソースでは、FC2ブログテンプレートの利用や １つの記事へ複数カテゴリの設定、複数ブログの作成が可能となっております。 オープンソースのダウンロードは、下記ページより行っていただけます。 ※詳細ページへ遷移しますので、すぐにダウンロードが開始されることはございません。 ※オープンソースのブログはベータ版として公開中です。 予告なく説明や仕様が変更される場合がございますのでご了承ください。 ぜひ、オープンソースのブログを使っ
【WordPressで感覚的にヘッダー画像を変更できる機能を付ける】カスタムヘッダー機能を付けて納品するとお客さんにとても喜ばれます｜今村だけがよくわかるブログ
【WordPressで感覚的にヘッダー画像を変更できる機能を付ける】カスタムヘッダー機能を付けて納品するとお客さんにとても喜ばれます Webサイトを作る際に「ヘッダー」って結構凝りますよね。カッコイイ、インパクトあるキレイな画像やロゴなどで目を惹いて、サイトの印象を決めるのに一役買っていますかね。 私のこのブログの場合は、ヘッダーにロゴを入れています。このヘッダーにあるロゴのおかげで、結構サイトの存在を覚えてもらいやすくなっていますよ。「ああ～、あの色がいっぱいあるサイトね」みたいな・・・ そんなヘッダーですが、手軽に管理できる方法がWordPressにはあります。「カスタムヘッダー」機能と呼ばれています。この「カスタムヘッダー」機能を導入して納品すると、お客さんにとても喜ばれます。 ではでは、導入方法をご紹介します～。 ヘッダーを管理する「カスタムヘッダー」機能を追加それでは、ご使用のテ
[CSS]アイテム数が不明でもカラム数に合わせてぴったりに配置するスタイルシート
下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます。 もちろん余白のままでも良い場合はありますが、ぴったり収めたいという時に役立つスタイルシートのテクニックを紹介します。 Tetris & The Power Of CSS 基本となるHTMLは、リストでアイテムを配置します。 HTML アイテム数は、適当に変更して構いません。 <ul class="flex-container"> <li class="flex-item">1</li> <li class="flex-item">2</li> <li class="flex-item">3</li> <li class="flex-item">4</li> <li class="flex-item">5</li> <li cla
[ajax] JavaScript版 RSSリーダー設置手順
JavaScript と HTML テンプレートをコピー＆ペーストするだけで、 あなたのホームページに右のような ajax 版 RSS ビューワを設置できます。 ※ただし、Internet Explorer と Firefox が対象です。 それ以外のブラウザでは正しく表示されないかもしれません。 ⇒Opera／Safari 2.0／OmniWeb でも動きます。 STEP1 使用するライブラリ STEP2 JavaScript コード STEP3 HTML テンプレート TIPS RSS 2.0、W3CDTF、件数制限 コメントはこちらへ トラックバック 設置手順は以下の通りです。 STEP1 2つのファイルをダウンロードして、 あなたのホームページのHTMLファイルと同じディレクトリか 他の .js ファイルと同じディレクトリにアップロードしてください。 jkl-hina.js jkl
静的ページにRSSを表示させる - GeeklogJpWiki
RSSフィードを表示する RSSを使ってトップページのセンターブロックで新着情報を表示するPHPです。 静的ページPHPのページを作成する際に、「センターブロックに表示」をチェックすると、トップページに表示されます。 //読み込ませたいRSSファイルを指定してください。 $urlrss="http://○○○○○○/○○○"; //各項目の説明文の最大表示文字数（先頭から○○文字） $limits=30; $buff=""; $fp=fopen($urlrss,"r"); while(!feof($fp)){ $buff.=fgets($fp,4096); } fclose($fp); $parser=xml_parser_create(); xml_parser_set_option($parser,XML_OPTION_SKIP_WHITE,1); xml_parse_into_str
溺愛してやまない激オススメなシンプルフリーフォント、そして有料フォント | バンクーバーのうぇぶ屋
円高ですよ円高。この前、知り合いの日本在住WEB屋が「いい機会だから」と、日本円で大量にフォントを購入していてました。 僕がカナダに初めて留学生として来た4年前は１カナダドルが120円くらいだったので。今の70円くらいなのが目の錯覚に見えてしょうが無い今日この頃です。（ちなみに、カナダドルって日本人に馴染み無いかもですが、日本からみりゃ米ドルと大体一緒くらいですかね。） さてさて、先月有名フォントのことをまとめましたが、そんな円高に合わせてフォント大量購入な知り合いのこともあり、今回はその知人へのあてつけ（？）に「最近はフリーフォントもこんなにレベル高いんだぞ！」ということを伝えたいと思いましたので、そのまとめを書かせてもらいます。 ……と、思ったのですが、有料フォントでも最近だと結構低価格で買える物もいっぱいあるので、僕の好きなシンプルめで強調しすぎない有料フォントも有名所を中心に一緒に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
旧バージョンと新バージョンでこんなにも違うワークフロー | Adobe Design Magazine
nh-lab.com
ore-memo.com
サービス終了のお知らせ - NAVER まとめ
http://solidstate.jp/ContentsDisplay/tabBox/script_3.html