CSSフレームワークとスタイルガイド、CSS記法まとめ（2018/1/30時点）
「フロントエンド開発者」の終焉を読んでモヤモヤしているオオコシです。 早速ですが、Bootstrapのv4が正式版になったということで、他のCSSフレームワークやスタイルガイド、CSS記法なんかをまとめてみました。 ※Bootstrap v4についてはコリスさんの記事が良いと思います。 ■Semantic UI 執筆時のバージョンは2.2.154（2018/1/29）。 gulp/LESSで、classの命名ルールは単語をクラスとして考えるタイプ。 カードのサンプルコード <div class="ui card"> <div class="image"><img src="/images/avatar2/large/kristy.png"></div> <div class="content"> <a class="header">Kristy</a> <div class="meta">
Push通知を自前でつくるか、SaaSを使うか - Amazon SNS, Urban Airship, PushWoosh, CORE PUSH, Fello を比較してみた - API比較.com
はじめまして。 いろんなSaaS, APIを比較してみるブログを始めてみることにしました。 今回は、スマホアプリやWebブラウザへのPush通知サービスについてまとめてみました。 サービスを作っている方に、少しでも参考になれば嬉しいです。 ※各サービスの機能や価格は2016年5月の執筆時点のものです。間違いがあれば、コメントにてご指摘ください。 ※こちらの記事を書いた数日後、Google I/OにてFirebaseの大幅な機能強化が発表され、GCMと連動したFirebase Notificationsなるサービスも発表されました。ぜひとも追記したいのですが、今、まとめる時間がないので、後日書きます。こちらの記事にご興味の方、よろしければFirebaseもご参考になさってみてください。 Push通知とは？ Push通知の仕組み 自前でやるか、SaaS でやるか - 利用ステップ毎に設計の難易
チキンカレーレシピ
材料 鶏肉600g たまねぎ250g トマト300g にんにく40g しょうが50g サラダ油150cc 水800cc パプリカ45cc ターメリック20cc カイエン5cc ガラムマサラ5cc 塩20cc 手順 鶏肉は食べやすい大きさに、たまねぎ、にんにく、しょうがはみじん切りにする。トマトはあらみじんに切る。 鍋を強火にかけサラダ油を熱し、にんにくの香ばしい香りが出るまでよく炒める。 にんにくが色づいたら、たまねぎを加えやわからくなるまで炒める。 しょうが、トマトも加え炒める。更にスパイス（パプリカ・ターメリック・カイエン・塩）を加えて炒める。 肉を加え水分がなくなるまで炒める。 水分がなくなってきたら水を加え煮込む。火をとめる直前にガラムマサラを加える。 画像で見る手順 ワンポイントアドバイス サラダ油の量 サラダ油の量が多いと思われるかもしれませんが、インド料理としては少なめな設定
沖縄そばについて – 沖縄生麺協同組合 | 地域団体商標（沖縄そば）取得団体
沖縄そばとは、小麦粉100％にかん水を加えてつくる沖縄固有の沖縄固有の麺であり、原料と製法から、中華麺に属します。 起源は、中国にある「琉球交流史」に、1534年に琉球王の四十九日供養に「粉湯（中国語で、汁そばの意味）」を献上したとあるのが原形だとされています。 これが宮廷料理となって、明治時代には裕福層にて食されます。 第二次世界大戦終結後には広く庶民へも広まるようになり、これで現金収入を得ようと、各地域で様々な沖縄そばが作られる要因にもなりました。 1.三枚肉 皮付き豚のバラ肉を砂糖醤油でじっくり煮込んだ沖縄そばになくてはならない具。 2.しょうが 豚骨ダシのコクのあるスープを引き締めるショウガ、そばジョーグー」には、紅ショウガにこだわった人も多いとか・・・ 3.かまぼこ 沖縄のかまぼこといえば油で揚げたもの！地域によって様々な種類がある 4.麺 そば粉を使わない沖縄そばの麺の特徴とい
中国・四川レポート② 担担麺の定義とは？～四川に行って徹底的に調べてきた～｜Cooking Maniac
皆様、こんにちは。 私、「タンタンタイガー」という汁なし担々麺専門店の店主を務めております。 タンタンタイガーでは、汁あり担々麺や、ラーメンなどはなく、本当に汁なし担々麺１本に絞ったお店でして、あえて汁なし担々麺１本にメニューを絞ったのは・・・ 「担々麺の発祥地である中国・四川省では汁あり担々麺はなく、汁なし担々麺こそが”担々麺”である」 という料理の正統性を重んじてのことでもあります。 しかし、 「担々麺とはなにか？」 と訊かれたら、簡潔＆明快に答えられるだろうか？ 「担々麺とはなにか？」 その問いについてはっきりとした答えを出すべく・・・ 中国・四川省 成都市に行ってきました！！ 前回の記事では四川の食事情について概要を書きましたが、今回は「担々麺」にてついてのみ焦点を絞って書きました。 ここで「担々麺とはなにか？」しっかり結論を出します！ 今回、5日間で19店舗23食の麺を食べてきま
触れるミュージックビデオ!? インライン動画再生のはなし - KAYAC engineers' blog
HTMLファイ部ののびーです。12月ぶりです。 さて今回は、以前にとあるアイドルさんのWebサイトを制作した際に使った、 インライン動画再生 という技術について、その仕組みや使い所を解説していこうと思います。 今回のために作ったデモサイトがこちらになります。ぜひこちらのページもスマホで開きつつ、記事をご覧ください。 https://fnobi.github.io/plays-inline-demo/demo/ インライン動画再生とは 動画を再生するWebサイトを作ったことがある方ならわかると思いますが、これまでiOS Safariでは、動画を再生する際は必ず全画面再生になってしまう、という制約がありました。 この制約により、たとえば動画をサイトの背景に使ったり、動画と連動する演出を出したりといった表現が、iOSのシェア率を考えると断念せざる終えない…という状況が続いていました。 ところが、
東京、ちゃんぽん10選
🙌 Awesome, you're subscribed! Thanks for subscribing! Look out for your first newsletter in your inbox soon! Get us in your inbox Sign up to our newsletter for the latest and greatest from your city and beyond
餃子とは似て非なるモノ…だけど、カーボローディングには最適！なマウルタッシェン - 餃子ランナーは電子機器の夢を見るか？
その料理は、強烈なインパクトだった。 撮影時、あまりの凄さに圧倒され、サイズ比較対象の物を置き忘れてしまったので、わかりにくいかもしれないが、僕らはそのボリュームに、しばし絶句してしまったほど。 何しろ、この他にあと1つしか料理を注文しなかったのに、男3人がかりで完食できなかったのだから、半端じゃない。 これで2人前。 別途1人1人に大きなサラダがついて、18ユーロ（約2,400円）。しかも、とっても美味しかったので、コストパフォーマンスも優れていると思う。 これは、北ドイツ料理の「盛り合わせ」のようなもの（？）で、パスタに加えて、ソーセージとザワークラウト（キャベツの酢漬け）。そして、その上に「それ」が鎮座していた。 ドイツの餃子的な食べ物。マウルタッシェンだ。 確かに、こうやってひとつだけ取り出して見ると、焼餃子に見えなくもない。 僕らが注文したもう1品は、「マウルタッシェンのチーズが
もう逃げない。HTMLのviewportをちゃんと理解する
と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。 次にviewportを実際の液晶画面に表示する。この時、view
搾油機PITEBA 総まとめページ - 自給自足がしたいサラリーマンのblog
オランダ製手回し搾油機PITEBAについての当ブログ記事を全て分類したまとめページです。 個人搾油家の皆様のご参考になれば幸いです。 PITEBAを購入する前 PITEBA以外の選択肢は？ 筆者のPITEBAレビューもご参考まで オリーブオイルを搾りたいんだけど？ PITEBA購入後 PITEBAの他に準備するものは？ PITEBA、どこに設置する？ PITEBAのハンドル改造 PITEBAでいよいよ搾油するぞ 使い方のコツは？ ハンドルが硬くて回らなくなったときは？ 各原料について（入手法〜搾油レポート） ごま ピーナッツ（落花生） 菜種 椿 PITEBAを購入する前 PITEBA以外の選択肢は？ PITEBAを買う前に、ほかにも搾油機の選択肢がいろいろとありますので、よくご検討ください。 目的別に分けると、 ・ここぞの時に使う特別な油を都度少量作りたい人→玉絞り式（玉絞め式） ・毎日使
AMPの導入と効果について - ZOZO TECH BLOG
こんにちは、エンジニアの荒井です。 2016年はAMP（Accelerated Mobile Pages）の正式サポートがアナウンスされ、導入した方も多いのではないでしょうか。VASILYでもAMPを導入し数ヶ月運用しています。AMPの導入に関しては、関連記事も多く存在しますが、導入したことによって得られた結果について触れている記事は少ないと感じています。そこで本記事では、弊社でのAMP導入事例と、AMPによって得られた効果を紹介したいと思います。これから導入を検討している方はAMP対応による効果の一例として、すでに導入している方は比較対象として参考にして頂ければと思います。 AMPについて 初めにAMPについて簡単に説明します。 AMPはモバイルページを高速にユーザー届けるために発足したプロジェクトです。昨年Googleの検索結果に表示されるようになり、様々なサービスで対応が進められてい
2017年用、日本語のフリーフォント259種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人や商用で無料利用できる、日本語のフリーフォント260種類を紹介します（公開時より、2つ追加）。 ビジネスからプライベートまで、幅広く利用できるフォントが満載です！ 毎年まとめていますが、去年は219種類だったので、大幅に増えています。無料でなくなったフォントや配布終了になったフォントもいくつかありました。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 まずは個人的に、今年一年かなり使用したフォントからご紹介。 3種類
文章嫌いだった僕が、ブログで数万PVを叩き出すために意識した３つのこと - オモロク
2017 - 05 - 20 文章嫌いだった僕が、ブログで数万PVを叩き出すために意識した３つのこと webマーケティング SEO ネット集客 コピーライティング ブログ集客 ライティング この記事を開いてくれたあなたは、もしかしたら今、このように感じていませんか。 『自分には文章力が無い、表現力も無い。だから自分のブログは読まれないんだ』 もし、 あなたのブログが読まれない理由を「文章力」のせいにしているならば、それは１００％間違っています。 現に僕は、小・中学校時代、大の作文嫌いで、ましてや大学のレポートに至っては、いかにコピペに奔走するかしか考えていませんでした。にも関わらず、このブログではわずか２０数記事の更新で、たくさんの方に見ていただけています。 なぜ、大の文章嫌いの私がブログでこんなに成果をあげることができたのか。それは、これから説明するたった３つのコツを意識し続けたからです
Googleアナリティクスのすごい使い方！バブルチャートで検索経由の売上を増やそう
Googleアナリティクスの使い方で、バブルチャートというグラフを作成する機能があるのを知ってますか？ バブルチャートを利用すると、自分のWebサイトにとって、最も売上に結びつきやすい検索キーワードを簡単に発掘し、効果的にSEOやリスティング広告に取り組むことができます。もしくは逆に、まったく売上に役立ってないキーワードを見つけることでサイトの改善へと繋げられます。 今回は、そんなバブルチャートの見方と作り方をGoogleアナリティクスの使い方と一緒に紹介します。カスタムレポートというデータの集計方法についても説明するので、Googleアナリティクスについて「もうちょっと突っ込んだ使い方を知りたい！」という人にも、ぜひ読んでもらいたいです。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの
Markdown記法 チートシート
Markdown記法のチートシートです。 記法はGitHub Flavored Markdownに準拠し、一部拡張しています。 Qiitaでシンタックスハイライト可能な言語一覧については、 シンタックスハイライト可能な言語 をご覧下さい。 Code - コードの挿入 Code blocks - コードブロック たとえば、「Ruby」で記述したコードをファイル名「qiita.rb」として投稿したいときは、 バッククオート（`） か チルダ（~） を使用して以下のように投稿するとシンタックスハイライトが適用されます。 コードブロック内でコードブロックを書きたい場合は異なる記号を使うことで書けます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Soup Stock Tokyoの年始のご挨拶
#5 eastern youth 吉野寿 後編 | ele-king
バニラ・エアが燃えている。しかし、木島さんも燃えている。
フォトビー｜いつもの写真を使って、いつもと違うビールを贈ろう。
繁盛店の舞台ウラ | 業態別お役立ち情報 | 味の素KK業務用商品サイト
