2016-01-01から1年間の記事一覧

LINE Bot

それぞれ部門があって評価基準は以下の通り。 ライフスタイル部門 普及、浸透する可能性が高いものを表彰します。 ゲーム部門 botとの対話をUXの軸にしたゲームを表彰します。 グループトーク部門 人格を判断しながら文脈に沿った発言をするのは難易度高め …

php の連想配列操作

array('sp' => '')); $bbbb = array('1000_A' => array('pc' => '')); var_dump(array_merge($aaaa, $bbbb)); // array(1) { // ["1000_A"]=> // array(1) { // ["pc"]=> // string(0) "" // } // } var_dump($aaaa + $bbbb); // array(1) { // ["1000_A"]=…

常に人ではなく「構造」に原因を求める

なにか会社や組織で問題が起こったときに、たとえそれが人に起因する問題でも「これはあの人ができないからダメですね」と言ってそこで議論を終わらせてしまうのではなく、常に人ではなく「構造」に原因を求めるように思考を働かせて、その構造的問題を見抜…

JavaScript で空のオブジェクトの判定方法

Object.keys(object).length

フロントエンドエンジニア区分

フロントエンドの開発者には HTML, CSS に特化している人 (coder, markup engineer) JavaScript は得意だけど CSS はちょっと弱い人 (javascripter) HTML, CSS, JavaScript 全てを統べる者 (frontend engineer) といった様々なタイプのエンジニアがいます. …

デザインパターン

Adapter インターフェイスを揃えるためのWrapper 。

Today I learned

Webpack というのはjsの依存関係をチェックしてくれる便利なツールだ。 かつてはBrowserifyも人気だったが最近ではWebpack が圧倒的に人気だ。 Webpack, Browserify - Google トレンド

Javascriptファイルをモジュール化するには(CommonJS使わない)

ある程度スクリプトの規模が大きくなってきた場合、よく使う機能を集約して、モジュールとして切り離すことがある。 jsファイルを作りHTMLを介して複数読込することで実現する方法をここに記述する。 以下のようなファイル構成だとして // Root直下にhtmlとj…

名前空間使ってモジュールをObjectにまとめるグローバルの変数の濫用を避ける"古の"ベストプラクティス

ここではLoggerを実装してみる。 window.Logger = window.Logger || {}; window.Logger = { LEVEL: { RUN : 0, ERROR : 1, WARN : 2, LOG : 3, INFO : 4, DEBUG : 5, FULL : 5, }, level: null, init: function(level) { console.log(this.LEVEL.FULL) this.…

Tilt 3D

起動 CTRL + SHIFT + L 余談 CTRL + SHIFT + M でレスポンシブモードに切り替わる

Classぽく書く

// Classぽく書く function Foo(hoge) { this.hoge = hoge; } Foo.prototype = { method_a: function() { console.log(this.hoge); }, method_b: function() { } } var gege = new Foo("hoge"); gege.method_a();

ChromeでYoutube再生時のショートカット

ChromeでYoutube再生時のショートカット [K]で一時停止&再開 [J]で10秒戻す、[L]で10秒送る (一時停止時に)[,]で1コマ戻す、[.]で1コマ送る [F]で全画面表示、もう一度押すと解除 [M]でミュート、もう一度押すと解除

Pokemon go 有用情報

ポケモンの巣 ・東京都の主要なポケモンの巣(常時2匹以上同じポケモンが居座っている特定地域) ピカチュウの森→新宿御苑 戸山公園 ミニリュウの巣→世田谷公園 ブーバーの巣→上野動物園 東村山中央公園 ストライクの巣→駒沢オリンピック公園 イーブイとフシ…

地価は上がれども物販店は増えず 福岡・西新

西新の商店街は、空き店舗が目立つわけではない。かつて生鮮品や食品、生活雑貨などを扱う個人商店が多かったが、いまはチェーン中心の飲食店が目立つ「夜の街」になった。地下や家賃の上昇で、物販よりも飲食店に貸したほうが利益が出るようになったからだ…

キャッチボールが初めて怖いと思った

先輩の川崎宗則選手の紹介で一緒に自主トレをする機会があったんですが、キャッチボールが初めて怖いと思いました。そんなに会話もなく淡々と。最後にノックを打ってもらって、終わった後に大の字に倒れました。口の中、血の味がしました。 プロ野球選手にキ…

先頭に`javascript:`を追加するnpmモジュールをつくりたい

gulp から.js を minify するタスクを走らせているのだが、先頭のjavascript:が削除されてしまう。 おそらくは構文的に正しくないためじゃないかと思われる。 そのためnpmモジュールを作成してこんな風にタスクに追加したい。 gulp.task('uglify', function(…

入れ子の関数とクロージャ

入れ子の関数がどういう意味を持つのか 関数 - JavaScript | MDN の入れ子の関数とクロージャで理解できた。

なんでbabelみたいなトランスパイラを使うのか

なんでbabelみたいなトランスパイラを使うのかイマイチよくわかっていなかったがこいつを見てようやく理解できた。 Node.js ES2015/ES6 support Node.js がまだES6に対応できていない/--harmony optionをつけて実行しなければいけないためES6→ES5に変換するb…

メダカ、ビオトープブログ

メダカ池 大きさコンクリ製の1メートル四方 深さ80cm 流水環境 ドジョウ、タナゴなども共生 メダカの卵をミナミヌマエビといっしょに入れてカビが付くのを防ぐ

野草

カンアオイ ワタスゲ チャルメルソウ トキソウ

Node.js のWindows環境構築

Node.js のWindows環境構築 インストールする順番 nodist Node.jsのサイトTOPに表示されているLTSを入れる Node.js インストールするものの説明 nodist バージョン管理 Node.js 本体 nodistがインストールしてくれる 参考 nodistでNode.jsをバージョン管理 -…

Redux メモ

Redux Reactの課題である、ステートの管理を実現する Storeのステートツリー Redux data flow Action Creators -> Actions -> Middleware -> Reducer -> Store -> Views - ↑ ↓ ------------------------------------------------------------------- AC A M …