エムスリー エンジニアの岩本です。 この記事は エムスリー Advent Calendar 2018 の23日目の記事です。 React.jsやVue.jsを使えれば、開発のベストプラクティスなどがあるので、メンテナンス性の高いプログラムはずいぶんと書きやすくなったと思います。本当に仮想DOMの功績は大きいですね。 しかし、世の中にはそういったライブラリを使うことができないプロジェクトもあるわけです。古すぎて、一部分だけ最新のソースコードにすることが憚られたり、サイズの問題でライブラリを入れることができなかったり。。。 その場合どのように書けばメンテナンス性の高いプログラムを書くことができるのでしょうか。そこでIE6時代からJavaScriptをもりもりと書いている私なりのベストプラクティスを紹介します。 そもそもなぜメンテナンス性の悪いコードとなってしまうのか jQueryではセレクタで

GoFデザインパターンの一覧表と，活用のためのコメント，および入門者が独学するためのリンク集（サンプルコード付き）。 入門者の独学を支援するために，このページのURLを提示して熟読させ，各パターンを短時間で効率よく学んでもらう。 デザインパターンはプログラマの常識だ。 Java使いかどうかは問わない。 にも関わらず，入門書を買ったまま，途中で挫折する人が多い。 挫折の原因は，パターンの数が23もあって，多いからだろう。 全パターンをすんなり覚えてもらうためには，各パターンごとに 「要するにこういう目的のパターンなんだ。」 「10文字で表現すると，パターンの意味はこうなんだ。」 という要点・本質を，短いコメントで伝えれば助けになるだろう。 こういった学習を通して，Java言語の「設計思想」も併せて感じ取ってゆけるはず。 全パターンの一覧表（要約コメント付き） 全パターンについて，10文字以内

暑い日が続きますね。朝、オフィスに一番に乗り込んだ時の、クーラーが入る前のムワッとした暑さに、「これ、人がいない時どんな温度変化があるのだろう?」と気になることはありませんか? 私は非常に気になりまして、過去にはUSB接続の温湿度計を常時稼働しているFreeBSDサーバに接続して、rrdtools などで常時グラフに可視化したりしてました。しかしもろもろの、特にUSBドライバなど関連ソフトウェアのメンテナンスがめんどくさくなって、最近では止めていたんです。ただ技術的には常に気にしていました。 そんな中、つい先日もあまりの暑さに、何か簡単に面白く温度ログを残せる機器はないかなーって探していたところ、BLE温度センサー BLECAST_TM を見つけてしまいました。このBLECAST_TMが面白いのは、アドバタイズパケット(=Bluetooth機器を接続時に、親側へ発見してもらうために発信し続

仕事が忙しくて…ってボヤいてない？ 世界で700万人が学んだ｢Udemy｣で快適スキルアップ2015.07.03 11:00Sponsored これなら忙しくても続けられそう。 ギズモード編集部がメンバーみんなで記事ネタを探していたある日のこと。編集長・尾田の目に1つの単語が引っかかります。 ｢Udemy……なんか聞いたことあるな。なんだっけ？｣ ｢あ、思い出した、動画を使った通信講座だ｣ ｢なんですかそれ？｣と興味津々の編集部員に説明します。 ｢『Udemy』（ユーデミー）ってアメリカで人気のオンライン講座サービスなんだけど、今年日本に上陸したんだよね｣ 調べてみたところ、3万以上のコースがあり、世界中で700万人以上が受講しているということが判明。講師も生徒もユーザーどうしのC to Cサービスなので、こんなにたくさんの講座があるようです。 ｢すごい数ですね｣ ｢みんないつも『習い事し

性能測定コマンド sar ：システム稼動状況 mpstat：CPU稼働状況 vmstat：仮想メモリ稼働状況 free ：メモリ情報 iostat：ハードディスク,CPU使用状況 ps ：プロセス情報 top ：プロセス情報 目安 CPU CPU使用率：90%以上 CPU待ちプロセス数：2より大きい(1CPUあたり) メモリ メモリ使用量：ページングの発生回数 ディスク ディスク使用率：80%以上 ネットワーク ネットワーク使用率：80%以上 パケット衝突回数：送信パケットの10%以上 sarコマンド # sar [オプション] [-o ファイル名] 取得間隔 取得回数 -u：CPU：CPU使用状況 -q：CPU：プロセスキュー、システム稼動負荷 -r：メモリ：メモリ,スワップ領域使用状況 -R：メモリ：メモリ動作状況 -B：メモリ：ページング統計値 -W：メモリ：スワッピング統計値 -b

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ

いくら英語ができるようになっても、英語で文章を読むスピードは、やはり日本語を読むスピードよりも4割減くらいなので、和訳があれば絶対和訳から読むのですが、英語の原文しかない場合も多々あります。 そうなると、英語で読むしかありません。知らない単語が出てきて、辞書を引くのも面倒だし、知らないまま読み飛ばして理解できないことも多々あるので、「辞書ひきながら一気に読める時間ってどこで作るんだろう？」と、読む前から、げんなりしてしまいます。 ちなみに、どれだけ外国語ができるようになろうと、バイリンガルであろうと、英語を読むスピードは日本語よりも遅いそうです。それは、日本語は漢字交じりの言語で、漢字から多くの意味を理解できるため、少し読み飛ばしても内容が理解できるからだそうです。 そんなわけで、英語をはじめ、外国語で本や論文を読まなければいけないときは、ちょっとした準備をしています。 PDFなどの電子媒

前回、「うまい文章」について考えてみたのですが、「文章の書きかた」って、考えれば考えるほど、よくわからなくなってくるのです。 僕は「文章術の本」を書店で見かけると、つい購入してしまう、「自分では拙い文章しか書けないけれど、文章術の本を読んで『その気』になるのが好きなワナビーブログ野郎」なんですよね。 そこで、どこかで誰かがこの僕の屍を越えてくれることを願って、「文章」を書くことに興味がある人へオススメしたい7冊を御紹介します。 おとなの小論文教室。 (河出文庫) 作者: 山田ズーニー出版社/メーカー: 河出書房新社発売日: 2009/02/04メディア: 文庫購入: 5人 クリック: 25回この商品を含むブログ (19件) を見る以下は、この本のなかで著者が紹介されていた、画家の横尾忠則さんのデザイナー時代の「おはぎ」というエピソードです。 日本デザインセンターでのぼくの暴力沙汰はもう一つ

ドットインストール代表のライフハックブログ

まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML & CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で実際に挙動を確認→答え合わせ といった感じです。 スライド スライドは非常に丁寧な作りとなっておりますので、よく読みこめば初心者でもしっかりと理解をしながら学習することが出来ます。 矢印キーでページ送りができるのがCool。 1レッスンにつき数枚のスライドが表示されますので、見終わったらエディタ画面へとGO！ エディタ画面 こちらがブラウザ上で動作するエディタ画面。左側が問題文、真ん中がエディタ、右側がプレビュー画面となります。 もう一度スライ