タグ「MOL」 - はてブログ

タグ MOL

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 43件)

HTTPリクエストを減らすために【序章】HTTPリクエストは甘え | MOL

2013/08/19 932 users ウェーイ終章 http 猶予スプライト地獄

このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっております。【序章】HTTPリクエストは甘え【CSS Sprite編】スプライト地獄からの解放【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ【DataURI編】遅延ロードでレンダリングブロックを回避【終章】我々には1000msの猶予しか残されていない 1日目は、HTTP... 続きを読む

Grunt/Gulpで憔悴したおっさんの話 - MOL

2015/03/27 431 users npm タスク Gulp Grunt 依存

先人たちが1年前に通った道で、いろいろいまさらかよって話なんですが。基本的に以下の記事読んだら分かります。要はGulpとかGruntといったモノ使わずにnpm run hogehogeでビルドしよーぜって話です。 task automation with npm run オレ的Gruntに対する最新の気持ち - from scratch Node - npm で依存もタスクも一元化する How t... 続きを読む

ぼくのかんがえたさいきょうのしーえしゅえしゅ | MOL

2013/07/29 415 users シュボク

俺ももう30だし、夏なんで、CSSフレームワークはじめました。とりあえず、UIエレメントとか作ってないし、CSSフレームワークとか言いながら、GithubのLanguage Staticsは98.3%、JavaScriptってな感じでGrunt Taskばかり充実してるような感じです、現状。とりあえず、設計方針としてはマシなCSSを書くことを目標としている。この一年、スマホアプリのHTML/C... 続きを読む

Webフォント読み込み戦略（2021年） - MOL

2021/04/21 356 users Webフォント戦略

Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。おさらいとして display=swap では、まず代替フ... 続きを読む

今どきのGruntを使ったフロントエンド開発（HTML/CSS編） — MOL

2013/12/01 353 users りんど Sass CSSプリプロセッサコンパイル Grunt

SassなどのCSSプリプロセッサを使うWebデザイナが増えてきました。Sassをコンパイルするだけなら黒い画面（ターミナル）を使わずともGUIアプリからの利用で問題ありません。が、ここは一歩踏み込んでGrunt（JavaScript製のタスクランナー）を使って、Sass以外のコンパイルやライブリロード、画像最適化、CSSのリントやスタイルガイド生成など、あらゆる作業をGruntに任せてより効率的... 続きを読む

JavaScriptを学ぶために役立つ本 85選 | MOL

2011/08/08 341 users Kin 原書プログラミングデザイナー言語

前の翻訳記事でも述べらているけど、やっぱりデザイナーもプログラミングはある程度書けたほうがいいと思う。んで、その言語はJavaScript！ O’ReillyさんからJavaScriptを学ぶうえで役立つ本をまとめた電子書籍が公開されているのを教えてもらったのでAmazonリンクを張ってみるポスト。こう見てみると、翻訳されていないJS本いっぱいですね（気づいてないのもありそう…）。原書の方はKin... 続きを読む

サイトの速度 | MOL

2013/04/15 257 users 速度

Stopwatch | By wwarby Flickr! こんにちわ、あなたのt32k、ごきげんいかがでしょう。みなさんはスマホWebアプリ作っていて、自分の作ったものは速いのか遅いのか気になりませんかね？僕は木に泣くりまくすてぃです。そうゆうわけなもんで、表示速度とか計測してみようって話になるじゃないですかー、まさかストップウォッチで計測しないとは思うんですけど、一応どのようにスピードを計測... 続きを読む

子どもに「molって何？」って聞かれて説明を繰り返した結果「明太子の卵はいちいち卵何個と数えずに明太子一本って数えるのと同じ」と言ったら理解してくれた - Togetter

2021/06/15 254 users Togetter ゴー姪っ子明太子 2021-06-14

布 @mizonozomizo 友人の姪っ子に「molって何」って聞かれてあーでもないこーでもないと説明を繰り返した結果、「明太子の卵っていちいち【卵何個】って数えずに、【明太子一本】って数えるでしょ、あれ」っていう説明で通じた。 2021-06-14 19:14:25 続きを読む

【翻訳】Web世代のデベロッパーのためのmake - MOL

2015/05/19 249 users デベロッパー Make 翻訳

Original：Make for the Web Generation （2015-02-28）by Casper Beyer イントロ JavaScriptの普及に伴いビルドツールが盛んだ。人気なものをいくつか挙げれば、grunt、gulp、slush、broccoliやbrunchなどがあるが、結局、名前をつけただけにすぎない。多かれ少なかれ、これらのツールはファイルコピーからzipファイ... 続きを読む

サンタ訪問後に老人ホームで集団感染、入居者26人死亡ベルギー　写真1枚　国際ニュース：AFPBB News

2021/01/01 211 users ベルギー AFPBB News 集団感染老人ホーム AFP

サンタクロース（右）と赤鼻のトナカイのビスケット（2020年12月17日撮影、資料写真）。(c)Ina FASSBENDER / AFP 【1月1日 AFP】ベルギー・モル（Mol）の老人ホームで、サンタクロースに扮（ふん）したボランティアの訪問後、入居者少なくとも26人が死亡した。ボランティアはその後、新型コロナウイルス検査で陽性となっ... 続きを読む

Webエンジニアからみたフィリピン語学留学 — MOL

2014/11/05 199 users フィリピン語学留学 Webエンジニア

こんちわ、無職の@t32k だよ。6月初めから10月末まで、まるまる5ヶ月間(22週間)フィリピンに語学留学してきたので、今回は思いの丈を綴ってみるよ。書いてみて思ったけど、特にエンジニア関係なかったわー。 ※ 2014年6月から2014年6月10月までのマニラでの出来事である。1ペソ＝2.4円で計算してある。ぼくがなぜフィリピンに行ったのかは、こちらの記事を参照してね。簡単に言えば、エンジニ... 続きを読む

HTTPリクエストを減らすために【終章】我々には1000msの猶予しか残されていない | MOL

2013/08/23 178 users ウェーイ序章スプライト地獄 WebFont編コマンド

【翻訳】ビジュアルデザインはつまらなくなってしまったのか？ - MOL

2015/02/12 159 users 翻訳

Original：HAS VISUAL DESIGN FALLEN FLAT? （2015-01-20）by Emmet Connolly 2013年から2014年の劇的なUIフラット化により無数のピクセルが流れ落ちていったそれはビジュアルデザインにおいて非常に大きな変化だった。Microsoftの急進的でモダンなMetro UIはその前兆だった。iOS7のリリースよって大衆化し、UIのトレンド... 続きを読む

なぜシリコンバレーはコードの書けるデザイナーを求めているのか？ | MOL

2011/08/02 145 users モーゼ原文片方シリコンバレープログラミング

原文：Why The Valley Wants Designers That Can Code 投稿日：2011-5-31 by Jared Spool もし周りにデザイナーが大勢いるのなら、デザイナーがコードも書けるということは価値のあることかどうか話題に挙げてみてください。すぐに、モーゼが紅海を2つに割ったよりも早くデザイナー達の意見は分かれるでしょう。片方はプログラミングは必要不可欠なスキル... 続きを読む

CSS Sprite画像はDataURI画像にすべきか？ | MOL

2013/07/31 142 users

最近、スプライト画像はDataURIにすべきですか？という質問が多くて、調べてみました。てか、前のもそんな話題があったような。 DataURIってなんぞって方は下記を見てほしい。データURIスキーム | MOL CSSファイルがパースされなければレンダリングが始まらないのでCSSファイルの肥大化は絶対に避けなければならない。画像の1KBとCSSファイルの1KBを同じように考えてはいけない。ぼく... 続きを読む

修正しやすいCSSとは — MOL

2014/08/04 138 users hiloki 親交モダンCSS CSS設計石川

修正しやすいCSSとは『CSS設計の教科書』はモダンCSSを探る最適なマップ @hilokiという男がいる。この男と初めて出会ったのは7年前だろうか、当時細々と石川でブログを書きながらWebデザイナーをしていた僕に初めて勉強会で声をかけてくれた人物である。それ以来、当時彼が住んでいた大阪の勉強会と石川の勉強会で互いに参加しあったりして親交を深めていった。ついには2年という短い間ではあったが、某... 続きを読む

HTTPリクエストを減らすために【CSS Sprite編】スプライト地獄からの解放 | MOL

2013/08/20 131 users ウェーイ終章 http 序章猶予

【翻訳】デザインエンジニアリング — MOL

2015/01/04 123 users 翻訳

原文：Design Engineering（2014-11-25）by Jonathan Snook JavaScriptだけがフロントエンド開発ではない。それはデザインとディベロップメントの技術が人種のるつぼのように融合したものである。それはアクセシブルなUIを実装するためであり、Web標準を受け入れるものである。 — Matt Hill Shopify Adminの開発に関して言えば、最近まで... 続きを読む

WebデザイナーだけどiPhoneカメラアプリ、リリースできました！ | MOL

2011/05/02 115 users Objective-C Titanium mobile

あたしWebデザイナーだけど、制作期間実質1週間（コードだけなら3日）でiPhoneカメラアプリを制作して、今日リリースまでこぎつけることができました。単にネコ耳画像をオーバーレイして写真が撮れるだけのアプリだけど、Objective-Cなにそれ？おいしいの？ってくらいの認識しかなかったデザイナーになにゆえ作れたか？ Titanium Mobile! Titanium Mobile! はい、ひと... 続きを読む

HTTPリクエストを減らすために【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ | MOL

2013/08/21 102 users 終章序章猶予スプライト地獄ウェーイ

jQuery MobileでGoogle Analyticsを使うために気をつけなければいけないこと | MOL

2011/06/28 98 users 要点フラグメント識別子スライドとこタイミング

とあるとこで、とある話をしたので、とあるスライド置いときますよ。要点を言うと、jQuery MobileでAjax遷移してると、普通にGoogle Analytics置いてても作動しないから気をつけてねって話です。 GATG for jQuery Mobile 僕はこうゆう感じでとりあえず対応しています。作動させるタイミングとフラグメント識別子を記録させるのがポイントです。あとはご自身のサイトに... 続きを読む

document.writeでSCRIPTを書き出すなやで！ | MOL

2012/04/11 88 users 原文 script スクリプト document.write

原文：Don’t docwrite scripts | High Performance Web Sites 投稿日：2012-4-10 by STEVE SOUDERS 昨日のブログ記事のHTTP Archiveが速くなっている、大きな要因の一つとしてはスクリプトローダーを使用しないことです。そのスクリプトローダーとはスクリプトを動的に読み込むためにdocument.writeを使用しているもの... 続きを読む

HTTPリクエストを減らすために【DataURI編】遅延ロードでレンダリングブロックを回避 | MOL

2013/08/22 81 users ウェーイ終章序章猶予スプライト地獄

StyleStats — MOL

2014/03/07 70 users StyleStats

スタイルシートの統計情報を出力するNode Packageを作った。 t32k/stylestats Node.js 0.10以上が必要で、CLIだとこんな感じの情報を出力してくれる。 $ npm install -g stylestats $ stylestats path/to/stylesheet.css StyleStats! ┌──────────────────────────┬───... 続きを読む

そんなに目新しくもない技術でWebアプリをリニューアルした2015年春 - MOL

2015/04/27 64 users React Backbone StyleStats 世間勉強

世間はReactの話題で持ちきりのようだけど、Backbone.jsでStyleStatsのWebアプリをリニューアルした。以上で伝えることは終わったが、リニューアルするにあたってつらかったことをつらつらかきとめておく。 StyleStats - An evaluating tool for writing better CSS そもそもBackbone使うほど複雑なアプリでもないんだけど、勉強が... 続きを読む