カイジ「は…？ガルパン…？」 : ゴールデンタイムズ
1 ：以下、＼(^o^)／でVIPがお送りします ：2016/12/11(日) 14:16:27.230 ID:k9lH9Qbf0.net カイジ「は…？ガルパン…？」 利根川「そう…ガルパン…！ガールズ&…パンツァー…！」 遠藤「ククク…」 班長「つまりこういう事さ…カイジ君。我々が今日…集結した意味…それは…」 佐原「観賞会をするため…！ガルパン観賞会っ…！」 ざわ…ざわ… 4 ：以下、＼(^o^)／でVIPがお送りします ：2016/12/11(日) 14:18:45.777 ID:k9lH9Qbf0.net 利根川「カイジ…お前、ガルパンを観たことはあるんだろうな？」 佐原「深夜アニメ映画の興行収入第2位。最近は最終章の情報も出たしな。今ホットなアニメの一つ…ガルパンっ…！」 カイジ「クク…ククク…ははははっ」 班長「何がおかしい？」 カイジ「いや、すまねぇ。つい当たり前すぎる質問
Lighthouseで把握するWebサイトパフォーマンス
2016年12月10日 著 この記事は、Webサイトパフォーマンス Advent Calendar 2016の10日目の記事です。数日前に突然、竹洞さんから参加のお誘いをいただいてしまい......正直、取り立ててこの分野に長けているわけではないので、つい最近知ったLighthouseを紹介することでお茶を濁そうと思います（汗 Lighthouseを一言でいえば、Progressive Web Apps（PWA）の品質チェックツールです。そもそもPWAとは何ぞや、となるとまたちょっと表現が難しいのですけど、自分はWebアプリとネイティブアプリの「いいとこ取り」みたいに言うことが多いです。Webアプリ開発の最新トレンド、とも言えるでしょうか。LighthouseはCLIで実行することもできますが、Chromeの拡張機能をインストールして利用するのがお手軽です。英語ですが、導入と使用法の簡単な
ミエヴィルの長篇を一篇一篇に凝縮したような短篇集──『爆発の三つの欠片』 - 基本読書
爆発の三つの欠片(かけら) (新☆ハヤカワ・SF・シリーズ) 作者: チャイナミエヴィル,引地渉,日暮雅通,嶋田洋一,市田泉出版社/メーカー: 早川書房発売日: 2016/12/08メディア: 単行本この商品を含むブログ (2件) を見る2016年は、多くの翻訳ＳＦ短篇集が出て、質も高かったのだが本書はそんな中でも飛び抜けて楽しい一冊だ。ミエヴィルは2009年に『都市と都市』、10年に『クラーケン』、11年に『言語都市』を出し、12年にヤングアダルト向けの作品を出した後に沈黙し、3年ぶりの15年に刊行されたのがこの『爆発の三つの欠片』である。 最初は3年も新刊出さずに何してたんじゃいこら！ と文句を言いたい気分だったのだが、読み終えてみたらぶっ飛んでしまった。全28篇のどれもがミエヴィルの長篇を短篇に圧縮したように奇妙で奇抜で洗練されていて、何よりおもしろい作品たちなのである。こんなおもし
Sass：cubic-bezierを使った各種イージングを変数化しておき、簡単に指定できるようにする備忘録 - NxWorld
CSSでイージングを使用する際、easeやlinearの場合はそのままその名前を値に記述すればいいですが、例えばeaseOutCubicやeaseOutExpoなどを使用したいときはcubic-bezierを用いて記述する必要があります。 ただ、それぞれの指定数値をいちいち覚えておくのは面倒なのと単純にイージング名で使用できたらいいなと思ったので、簡単に指定できるように変数化してみた備忘録です。 紹介しているイージング名やcubic-bezierの各値については、「Easing Function 早見表」を参照しており、それに加えease, linear, easeIn, easeOut, easeInOutも含めてあります。 単純な変数化 $ease : cubic-bezier(0.25, 0.1, 0.25, 1); $linear : cubic-bezier(0, 0, 1, 1
2016年ベストショット #2016bestshot - RyoAnna
例えばこの写真。撮影に使ったカメラはCONTAX T2でフィルムはLomography、場所は東京の国立新美術館。このようなテキスト情報を付けると写真の評価は上がる。映画や音楽は機材がクローズアップされることはあまりないが、写真は強調される。付加価値として使えるからだ。 今年の5月にカメラ熱が再燃し、フルサイズや中判などなど経て、ようやく機材選びが落ち着きつつある。自分が出したい色も少しずつ分かってきた。いつかカメラのブランドに頼らなくてもいい写真が撮りたい。写真の良し悪しは写真だけで決まるべきだ。 2016年も終わりが近づいてきたので、今年のベストショットを紹介したい。ハッシュタグも作ったので、皆さんも是非アップして欲しい。写真のテクニックは人の写真から学ぶことが多い。 ✓ #2016bestshot for Instagram ✓ #2016bestshot for Twitter 天
gulp-jade で JSON ファイルを変数に読み込む方法（gulp-pug v2 対応追記） - Qiita
//- パースしたJSONデータを格納するグローバル変数 - var data = {} //- JSON 構文をパースしてグローバル変数の data にデータを格納する mixin mixin json(name) - var oldbuf = buf - buf = [] block - data[name] = JSON.parse(buf.join('')) - buf = oldbuf //- 外部 JSON 情報の読み込み +json('site') include site.json //- 呼び出し h1: a(href=data.site.root) #{data.site.name} 解説 jade 標準出力を横取りして JSON をパースしてます。 最後に読み込んだ JSON が標準出力されないよう、バックアップしていた buf を書き戻してます。 buf は jad
EJSとJSONファイルを使って大量のデータを一括管理してHTMLに書き出す ｜ Tips Note by TAM
大量の商品データをHTMLに挿入する際、JSONファイルとEJSを使用して楽にHTMLに書き出すことができました！ EJSとJSONを使用してよかったこと EJSの見た目がHTMLだからすぐ使えた JSのfor文でHTMLの繰り返しの記述を書かなくなって楽＆見た目すっきり 商品データ（名前・商品詳細・画像パス・URLなど）1ファイルで管理できて修正が楽 というわけでめっちゃラクチンですわ≡≡≡≡(┐「ε:) EJSとは 前回Jade(Jadeのテンプレートをextends&blockで継承したら便利に開発できた)を紹介したのですが、EJSもテンプレートエンジンの1つです Embedded JavaScriptの略で見た目はHTMLなのですが、JavaScriptのような書き方もできて、最終的にはHTMLになって生成してくれます Jadeと同じくheader/footerをモジュールに分けて
Jadeを使用した静的HTMLコーディング実践 - Qiita
手順 コマンドライン（Terminalなど）でダウンロードした解凍ファイルのROOTディレクトリに移動 npm install grunt deployでHTML書き出し、grunt watch:deployでjadeの変更を監視し、HTML自動書き出し可能 JSON読み込み 全ページの メタ要素、シェアテキスト サイト共通のリンク などをsrc/json/_common.jsonで一括管理しています。 手順 Gruntfile.js12〜44行目で、jade→HTML書き出しの設定をしています。 dataプロパティにオブジェクトデータを渡すとjade内で使えるようになります。 3.jadeDataFunc関数ではsrc/json/_common.jsonデータに加えてenv(環境)、page(HTMLファイル名)をマージしてからオブジェクトデータを渡しています 4. src/jade/c
Pug(Jade)でgulpを使って複数のjsonファイルをいい感じに読み込みたい - Retired Colourman
目的 Pug(Jade)にJSONオブジェクトを渡して楽したいことがあると思う。 { "title":"最高のWebページ", "description":"最高のWebページです", "author":"最高の作者" } html(lang="ja") head title=title meta(name='description',content=description) meta(name='author',content=author) pugファイル内でオブジェクトを変数宣言しようとしても複数行に渡る変数宣言はエラーになってしまうので、オブジェクトを書きづらいという問題がある。 なので「jsonでオブジェクトを書いてそれをどうにかしてpug内でincludeしてよしなにやりたい」となるんだけど、jsonファイルをpugの中でincludeして使うことはできないので、それをどうやる
gulp-data ＋ json で title, description, keyword を一括管理する - Qiita
gulp-data ＋ json で title, description, keyword を一括管理するgulp ディレクトリ構造は以下の前提での設定。 gulpfile.js package.json /dist /src └ /_jade └ /_data └ setting.json └ /aaa └ index.html └ /bbb └ index.html var data = require('gulp-data'); var DEST = './dist'; var SRC = './src'; var SRC_HTML = ['./src/**/*.jade', '!./src/**/_jade/*.jade', '!./src/**/_*.jade']; gulp.task('jade', function() { return gulp.src(SRC_HTML)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
