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

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

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

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

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

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

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

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

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

display=swapとはなにか - MOL

2019/05/17 53 users swap display

Shipped! @GoogleFonts now let's you control web font loading using font-display. Say hello to the display parameter What's font-display? https://t.co/Q7RDeESwkm pic.twitter.com/sn27ySza1B — Addy Osmani (@addyosmani) May 15, 2019 Google I/0 2019に参加してきたのだが、Google Fontsがfont-display: sw... 続きを読む

Japan Digital Design株式会社にジョインしました - MOL

2018/04/02 13 users finte 無職 仮想通貨 去年 April 2

April 2, 2018 Japan Digital Design株式会社にジョインしました Drive Change Through Financial Innovation 去年から無職を続けていたけど仮想通貨が絶賛暴落中なので、さすがに真面目に働こうと思った。ので働く。 Japan Digital Design株式会社 に4月からお世話になることになった。 個人的に今後、数年間はFinTe... 続きを読む

Accelerated Mobile Linksを試してみる - MOL

2017/01/24 11 users AMP マイブーム モバイルWeb Google メリット

January 24, 2017 Accelerated Mobile Linksを試してみる Introducing Accelerated Mobile Links マイブームのAMPネタ。AMPとはモバイルWebの爆速化プロジェクトですが、一応オープンソースプロジェクトということになってるが、いかんせんGoogleが主導しているわけで、Googleの検索結果ページから遷移するとそのメリットを... 続きを読む

Kaizen Platform, Inc.に入社しました! - MOL

2015/07/21 35 users Kaizen Platform Inc

フィリピン・マニラ、カナダ・バンクーバーと1年続いた海外ニート生活に終止符を打つべく、表題の会社にフロントエンドエンジニアとして入社しました！ 幸いなことに、日本帰ってからの就活は書類で落とされることもなく、みなさんとてもウェルカムな雰囲気で迎え入れてくれたこと、本当に感謝します。その中でも特にKaizenさんは一番最初にオファーを出していただき、ローリングストーンのように転げ落ちていた私を拾って... 続きを読む

Webエンジニアからみたカナダワーキング・ホリデー - MOL

2015/07/07 59 users Webエンジニア

実際のところ、ワーキングホリデー期間はまだ8ヶ月間残ってるのだが、5月に歯が欠けて直すのに2、3000ドルかかるっぽいことを歯医者に言われて、就活もうまくいってなかったところ、心が折れてバンクーバーから日本におめおめ帰国したのだ。 歯は欠けたのはイレギュラーなこととはいえ、目標であった海外就職も叶えることができず、不甲斐なさで一杯だが、就活もうまくいってなかったのは事実なので、なぜ失敗したのか自分... 続きを読む

【翻訳】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ファイ... 続きを読む

そんなに目新しくもない技術で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使うほど複雑なアプリでもないんだけど、勉強が... 続きを読む

ようやくasset pipelineを使うように - ただのにっき(2015-03-27)

2015/03/28 41 users Asset Pipeline にっき 2015-03-27

ようやくasset pipelineを使うようにReact.jsをまじめに使おうと思ったら、いままで逃げまわってきたasset pipeline的なものをちゃんとしないといろいろ不便なことが判明したので、寄り道してそっちをなんとかしよう……と関連文書を漁っていたタイミングでこんな記事を読んだ: Grunt/Gulpで憔悴したおっさんの話 - MOL いやもう、ほんまこれ。JavaScript環境の... 続きを読む

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

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

2015/01/04 123 users 翻訳

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

WebデザイナーはまずGitHubから触ってみればいいんじゃないかな — MOL

2014/11/13 43 users Git リターン GitHub ゆう 分かん

Gitってのが便利！とよく聞くけど、実際問題、会社で導入しているわけでもない限り、個人で導入するのは気が引けるというか、よっぽどのリターンがあるのを分かってないと、あんなよくわからない黒い画面をWebデザイナーが使うわけないと思うのです。 かくゆう、私もそうでした。Gitはよく分かんないけども、GitHubってのはカッコ良さそうだったから使ってみたい！んで、しょうがなしにGitHubを利用するため... 続きを読む

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

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

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

修正しやすいCSSとは — MOL

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

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

Sketch3ハジメマシタ — MOL

2014/05/16 62 users Sketch Sketch.app 無職 世間 紹介動画

Sketch3ハジメマシタ こんちわ、無職のt32kさんだよ。今日は職を失ってお金もないのでAdobe Creative Suiteに代わるソフトを探そうって話だ。そうゆうことで、いま世間を騒がしているSketch.appを触ってみたよ。 Sketchってどんなソフトかはこもりさんの紹介動画を見てみるとよい。ついでに、こもりさんが書いている『Sketch 3 Book for Beginner』電... 続きを読む

Sass&Compass徹底入門を監修しました — MOL

2014/03/12 34 users Chr ベストプラクティス CSS

Sass&Compass徹底入門を監修しました CSSのベストプラクティスを効率よく実現するために 2014年3月18日に発売される、『Sass&Compass徹底入門 CSSのベストプラクティスを効率よく実現するために』を監修した。 Sass&Compass徹底入門 CSSのベストプラクティスを効率よく実現するために Wynn Netherland, Nathan Weizenbaum, Chr... 続きを読む

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! ┌──────────────────────────┬───... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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