日本のWebエンジニアの大半が、変化に対応しきれなくなっている件について。 - 日々、とんは語る。
先週書いた10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。という記事がまずまずの反響を得たのですが、僕の予想とは異なり、「こんなに多くのツールやフレームワークを必要とする現状はおかしい」といった、状況批判の意見が多く集まりました。 Mediumなど海外メディアでは、もはやこの種のツールを組み合わせたフロントエンド開発が当たり前として受け入れらており、この半年間ほどは「実際にどの組み合わせがベストか」という議論が行われていました。そして、そういった議論もようやく落ち着きを見せ、おおよそ僕が書いたような組み合わせに帰結しつつあります。 そのため、まさか「フロントは変化が激し過ぎる」とか「保守が大変そう」などといったような、1年くらい前に言われていた意見が、いまだに多くを占めるとは、まったく予想していなかったというのが正直な意見です。ひと昔まえであれ
10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。
2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact
色のバリアフリーに配慮した色見本を色弱の僕がレビューします。 - 日々、とんは語る。
IRC でのりさんが教えてくださったのですが、CUDO(クドー)や日本塗料工業会DIC株式会社などにより色覚の多様性に配慮した案内・サイン・図表等用のカラーユニバーサルデザイン推奨配色セットというものが制作されたそうです。 DIC の色見本と言えば、デザイナーの方には有名かと思いますが、近いうちにDICカラーガイドシリーズに追加されるそうです。 また、日本塗料工業会塗料用標準色(JPMA Standard Paint Color)にも2009年5月会員予約受付開始分から収録されるそうです。 さっそくサイトのサンプルを見てみましょう。 赤 色弱の人が赤と感じやすいように、オレンジ寄りの赤にしています。 黄色 白内障の人が白と区別しやすい、濃い黄色にしています。 緑 色弱の人が黄色や赤と間違えやすい黄色みの強い緑を避け、青みが強い緑を選んでいます。ただし青緑まで行ってしまうと、今度はグレーや紫
org-mode 初挑戦。 - 日々、とんは語る。
id:rubikitch さんの org-mode 関係の記事を見て、org-mode 使おうかなぁと思いつつ、これまで手をつけていなかったのですが、先日のウェブテコでスライドを作るときに、アウトラインエディタ(というか、それ系もモード)を使うと、楽に出来るかなぁと思って、ついに触れてみました。 org-mode を触ってみると、それはもう他の Emacs のモードにはない面白い機能がいっぱいあって、それらを試す(チュートリアル)するのに夢中になり、スライドがすんごい手抜きになってしまったという副作用が生じるくらい楽しいモードでした。 なので、みんなも試すと良いと思うので、インストールと簡単なチュートリアルをメモっておきます。 最新版をインストール。 Emacs22 とかだと標準で入っているらしいのですが、せっかくなので、最新版を入れます。好きなディレクトリで、 $ git clone g
重たいはてブとはこれでサヨナラ？ anything-hatena-bookmark.el を migemo に対応させて完璧にする。 - 日々、とんは語る。
k1LoW さんがデフォルトで (migemo) に対応するコードを入れてくれました。よって、最新の anything-hatena-bookmark.el をインストールすれば、anything-hatena-bookmark.el の編集は必要ありません。つまり、anything-migemo.el をインストールするだけで、migemo に対応できるようになったという訳です!! みなさん、id:k1LoW さんの作成した、Anything を使ってローカルではてなブックマークをブラウジングする anything-hatena-bookmark.el という便利な Elisp をご存じですか？ Anything って何？な人は、まずはもう初心者なんて言わせない、Anything で始まる Emacs 道。をご覧下さい。 M-x install-elisp http://trac.cod
もう初心者なんて言わせない、Anything で始まる Emacs 道。 - 日々、とんは語る。
追記 この記事を元に書籍が出来ました！ 時間と命を削って、より詳細に解説しましたので、Emacs に興味がある人はぜひ一度手に取ってみて下さい。 Emacs実践入門 ?思考を直感的にコード化し、開発を加速する (WEB+DB PRESS plus) 作者: 大竹智也出版社/メーカー: 技術評論社発売日: 2012/03/07メディア: 単行本（ソフトカバー）購入: 22人 クリック: 396回この商品を含むブログ (1件) を見る僕が Emacs を使いはじめたのは、MacBook を買ってからなので、月日が短く、まだ1年半くらいしか経っていないのですが*1、Emacs を使い始めてすぐに至るところで目にしたのが Anything という単語でした。 たぶん、現 anything.el のメンテナの id:rubikitch さんの記事今anything.elがアツいあたりを見て知って、使
梅田さんが"ニコニコ動画で「羽生対中川」戦を見た"という話。 - 日々、とんは語る。
上記の記事のコメント欄で棋士の窪田義行さんが以下の様なコメントを残しております。 10/14放映のNHK杯本戦トーナメント2回戦第11局・羽生二冠（勝）VS中川七段をニコニコ動画への投稿でお楽しみ頂いたそうで、私も勝負の極北を垣間見た思いに駆られました。 ただ強いて申し上げますと、日本国内でも問題コンテンツのアップロードが久しく問題となっている件は、ご承知の事と存じます。 --- 中略 --- 副次的情報を論拠にしても今回のエントリーはお書きになれたかと存じますが、向後は今少しご配慮下さいます様、謹んでお勧め申し上げます。 それに対して梅田さんが、 NHKにとって将棋番組の映像などロングテールもロングテール。そういうロングテール映像については、特に今回のような素晴らしい内容が生まれた場合、「最善手」は、その映像をNHKが自らサイトで無償公開してファンを増やす(需要を増やす-->視聴率を上げ
今更FizzBuzz問題をやってみた、CSS3で。 - 日々、とんは語る。
ほんと今更なんですが、FizzBuzz問題を解いてみたくなったのでやってみました。 FizzBuzz問題をCSS3でやってみた って、CSS じゃないの。 以下、どうでもいい解説 まず、空のリストを100個用意します。ついでにolにfizzbuzzというクラスを名付けておきます。 <ol class="fizzbuzz"> <li></li> <li></li> --- 中略 --- <li></li> <li></li> </ol> あとは、以下の様なCSSだけでおっけーです。 ol.fizzbuzz li { content: counter(count); counter-increment: count; display: inline; line-height: 1.5; } ol.fizzbuzz li:nth-child(3n) { content: "Fizz"; font
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
