サイトのメンテナンスにおいてしばしばネックになるのは、どんなネーミング・構成で制御しているのか分からなくなってしまうことです。しっかりと基準に則った、誰がいつ見てもわかりやすいネーミングでコーディングしていくことは、非常に重要なことです。 今回は、プログラマーがネーミングを考える際に参考にしたいサイトを選んでご紹介いたします。 1. codic - プログラマーのためのネーミング辞書 https://codic.jp/ 様々なサイトに紹介され、「ネーミング」で検索しても上位に表示される素晴らしいツールです。例えば、Webサイトの背景に動画を設置する際に、class名をどうしようか悩んだとします。そこでcodicに「背景動画」と入力すれば「background_videos」と提案してくれます。提案されたネーミング以外にも、その他の候補も出てきます。 考える労力を省くことができるという点で優

2016.07.28 働き方 プログラミングに関してズバ抜けた能力を持つエンジニアが、とあるシステムを作ったとしよう。コードは可読性が高く、最新のフレームワークを使いこなしてもいる。 にもかかわらず、ユーザーには不評で、ほとんど使われずに放置されているというケースを見たことがあるエンジニアは案外少なくないのではないだろうか。 一方、この世界では、技術力の面で平均かそれ以下のエンジニアたちが作ったシステムがユーザーから好評を得たというケースもままある。この2つのケースで、違いを生んでいるのは何なのか？ 実は開発担当者がユーザーの下に足しげく通ってサポートしていたり、ユーザーの声をつぶさに拾い上げながら機能開発をしていたなどと、「技術力以外」のところに理由があったりするものだ。 個人のキャリアでも、似たようなことがよく起こる。「技術的に優秀」であることと、「技術者として優秀」であることはイコー

ここでいうリア充とは、具体的にはうちの弟を指す。うちの弟は兄とのテレビ権争いやゲーム権争いに負け続け、理不尽にも兄から漫画を読むことを禁止され、普通の子供が触れる程度のサブカルにすら触れられずに育った。結果、超リア充に育った。弟の部屋には学校のみんなからの書き寄せTシャツが2枚も飾られているくらいだ。思いっきりオタクに育った姉（私）からは眩しすぎて見てらんない。 で、この性格まっすぐでリア充で優しい弟（姉バカです）にアニメを今から勧めるとしたら、何がいいんだろう？そんな妄想をしてみた。 勧めたい作品とらドラ！ガチのリア充はあのリア充たちの世界を見て何を思うのか、どうしても気になる。 東京ゴッドファーザーズこの作品は冷静に考えるとありえないシーンの連発なわけだけれど、アニメーションという虚構の力で繋ぎきっている超力技アニメだと思ってる。その力技に免疫がないであろうリア充はどう思うのか気になる

カレールウはほとんどが小麦粉。 つまり炭水化物であり糖質。 それをご飯にかけて食べるとか頭おかしい。 カレーパンもカレーウドンも頭おかしい。 うどん丼とかパン粉丼とか食べてるくらい頭おかしい。 ついでにグラタンコロッケバーガーはほぼ小麦粉。 マカロニも小麦粉だしクリームソースも小麦粉だしパン粉も小麦粉だしパンも小麦粉。 パン粉バーガーを牛乳に浸しながら食べてるくらい頭おかしい。 大体にして、誰が作ってもまずく作りようがないカレーを我が家の味とかいう流れにしたがるテレビCMも気が狂ってる。 味噌汁作れ味噌汁。具にこだわれば無敵の万能完全食だぞ。 安くて満足感があるからって小麦粉ばかり使いたがる日本の食事事情は本当に頭がおかしい。

下記勉強会の発表資料です。 --------------------------------------------------------- 使いたくなる UI をつくる！ フロントエンド 勉強会 : ATND http://atnd.org/events/42371 ---------------------------------------------------------Read less

第45回 WordBench 大阪での発表資料です。 あとがき：http://www.torounit.com/blog/2015/09/15/2088/Read less

ここ最近、CSSに対する考え方が広がりを見せています。皆さんの中には、その転換点を見つけようと、Christopher Chedeauの”CSS in JS”という講演を聞いた方もいるでしょう。2014年11月にNationJSで行われたこの講演は、CSSにおける重大な分岐点となりました。まるで高エネルギー粒子が衝突した後のように、それを機に、数ある多様な考え方が、各々の方向へ渦を描くように広がったのです。その例として、 React Style と jsxstyle 、 Radium を挙げましょう。これら3つは、Reactのスタイリングにおける最新かつ最良、そして最も実行しやすいアプローチに含まれており、 各々のプロジェクトのReadmeファイルでも、 そのように言及しています。もし”発明”が、 adjacent possible（一歩先にある可能性） を探ることの一例であるのなら、Ch

このポストは以下の記事の意訳です。 The End of Global CSS 何か間違いなどありましたら、ご指摘いただけると幸いです。 (以下、訳) CSSセレクタはすべて同じグローバル空間に存在しています。 CSSに触れた人は皆、以下のような見解に至っていることでしょう。 CSSの考えはドキュメントの時代に設計されたもので、今ではモダンなウェブアプリケーションのためのマトモな開発環境を提供することが困難であると。 全てのセレクタには意図しない副作用を起こす可能性があり、期待と違う要素にスタイルが適用されてしまったり、他のセレクタと競合してしまったりします。さらに驚くべきことに、セレクタはグローバル空間で詳細度の競争に負けることもあり、ページのデザインに全く影響を持たなくなることだってあり得るのです。 CSSファイルを変更する時はいつでも、スタイルが適用されるグローバル空間について慎重に

The shiny new The Times and The Sunday Times has just been released. I thought it would be a good idea to write an article about the UI structure. My name is Pedro Duarte and I’m a front-end developer specialising in UI and user experience. News UK hired me to focus on the UI development overhaul of the new The Times & The Sunday Times websites. And for the last year, this is what I’ve been up to…

CSSは誰でも簡単に自由に書けるのですが、好きなように書いていると「ここを変更したら、違うところが崩れた」といったようにすぐに破綻してしまいます。 さらに、複数人で書いている場合は、各々が好きなように書いて読むだけでも苦痛なCSSが出来上がってしまいます。 そこで、これらの問題を解決するために考えられたのが「CSS設計」です。 今回は記事が長くなり過ぎるので、CSS設計の概要のみを説明し、参考となる公式ドキュメントへのリンクを記載しました。 CSS設計とは CSS設計は、CSSを記述する時のルールとなるものです。プロジェクト毎に適したCSS設計を採用することで、「良いCSS」にすることができます。 最近では、命名規則はBEMで、構成はSMACCSのように各CSS設計の概念を取り込んだオリジナルの規約をつくるといったことも多いようです。 「良いCSS」とは 「良いCSS」の定義として、おそら

失明につながる緑内障の進行を抑える化合物を、京都大のグループが見つけた。緑内障のマウスで試して効果を確かめた。グループは年内にも、短時間で失明する目の病気の患者を対象に安全性や効果を確かめる試験を始める予定。 英科学誌ヘリヨンに１９日発表した。緑内障は日本人の失明原因で最も多い。目の中の水分の圧力（眼圧）などによって、網膜の神経が傷ついて起きる。眼圧を下げる薬や手術はあるが、進行を止めづらい。 傷ついた神経細胞では、細胞に不可欠なＡＴＰという分子が少なくなっている。グループは細胞内のＡＴＰの量を高める化合物を開発。遺伝的に眼圧が高く、緑内障になるマウスに生後２カ月から毎日飲ませると、神経の減少は、生後１０カ月の時点で２割減にとどまった。化合物を与えないマウスは６割以上減っていた。薬剤で目の神経を傷つけたマウスでも、神経細胞の減り方を抑えられた。 この化合物は人に使われたことがなく、安全性や

・ 06月04日 12時    取得周りおよびその他修正いたしました     ウェブ魚拓をご利用いただきありがとうございます。リソースの増 ...

Human errror prevention. History and practical examples in Japan and other countries. Written in Japanese.

『スーパーマリオブラザーズ』が ファミコン用ソフトとして発売されてから 今年で30年になるそうです。 その記念すべき年に発売された最新のマリオは、 Wii U用の『スーパーマリオメーカー』。 なんと、マリオのコースを自由につくれるソフトです。 マリオについて語っていただくとしたら、 やっぱり、どうしても、宮本茂さんです。 糸井重里が久しぶりに会いに行きました。 顔を合わせてはいたふたりですが、 長く、深く話すのは、久しぶりのことでした。 たぶん、いろんな話が行き交うことになると思います。 そのはじまりに、糸井重里はこう言いました。 「思った通りにしゃべりはじめましょうか。」 糸井 今日は、大きなテーマとしては、 『スーパーマリオメーカー』について 久しぶりに宮本さんと会って話しましょう、 ということなんですが。 宮本 はい（笑）。 糸井 でも、きっとそれ以外の話も、やっぱり。 宮本 はい、

ドコモ回線のMVNOであるIIJmioのSIMカードを契約しています。MVNOの代名詞のような存在ですが、何がそんなに良いのか？なぜ評価が高いのか？解説します。 10GBでも安い データ通信専用SIMなら、3GB（ミニマムスタートプラン）で900円（全て税別表記）。5GB（ライトスタートプラン）で1520円。10GB（ファミリーシェアプラン）で2560円です。 大手キャリア（ドコモ、SB）で10GBとなると9500円必要です。しかも10GBというデータ料に既に課金しているのに、さらに「基本使用料」としてデータプラン1700円（ルーターなら1200円）も請求されます。1万1500円かかるわけですね。やはりIIJmioの方が安いです。 “容量共有”も可能なので複数台持ちにもおすすめ IIJmioのファミリーシェアプランなら、SIMカード最大3枚で、10GBの容量を共有可能です。料金は月額256