読者です 読者をやめる 読者になる 読者になる

若き JavaScripter の悩み

何かをdisっているときは、たいていツンデレですので大目に見てやってください。愛です。

iOS 開発を効率化するテストのデザインパターンについて

iOS Test Night #3 で「開発を効率化するテストのデザインパターン」について話してきました。 speakerdeck.com スライド中に出て来るパターンのサンプルコードは Kuniwak/TestableDesignExample にあります。 この発表の背景について この発表は、私が iOS …

平日の業務時と、休日の趣味プロ時の光景

平日 ディスプレイ面積こそパワー 💪 休日 ゆったりまったりのんびり。 まとめ それぞれの状況に合わせて開発環境をやっていきましょう。

みんなシェフ沼にはまるあるよ!

シェッフ、厳しい。 アンシブユはもうちょいシンプルだったけど、こちらもデバッグが厳しい。 qiita.com

Advent Calendar 2016 をやっていった気持ち

Advent Calendar 2016 で 3 つ記事を書きました。謎に言語・分野がすべて異なります。 qiita.com qiita.com qiita.com 毎年、予定していたすべての担当分を書き終わる頃に年の瀬を感じますね。

VimConf 2016 で音響・動画配信担当してきた

vim

2016/11/05、弊社会場で VimConf 2016 が開催されました。 私は、3年連続で会場の音響と動画配信を担当していますが、これについて感想を書いておきます。

JavaScript 祭で発表してきました

秋のJavaScript祭 in mixi で、「バグの見つけ方」について発表してきました。 speakerdeck.com 過去二つのスライドをくっつけたものなので、既視感があるかもしれませんが気のせいです。 さて、前の発表を終えてから、いくつか直したかった点があったので、…

HTML5 Conference 2016 の発表で自分の仕事が少しだけ紹介されていて嬉しい

HTML5 Conference 2015 の @dynamis さんの発表で、過去の闇祓い業に触れられていました。 dynamis さんの発表 HTML5 Conferenceで先ほどブラウザベンダーやWeb標準化の動向、今年ブラウザに実装された新技術を予定通り講演時間を前後に延長して思いっきり話…

TypeScript の Promise<T> が Promise<T, E> ではない理由の心当たり

TypeScript の Promise の型 だと、型パラメータが Promise#then 側しかなくて、 Promise#catch 側の型が any になってしまって不便だ。 もし、catch 側の型についても型引数で指定できたなら、より安全なプログラミングができる。 そこで、catch 側の型を指…

JavaScript開発における多段式エラープルーフについて

第14回HTML5ビギナーズで、JavaScript のデバッグ作業を短くする「多段式エラープルーフ」について発表してきました。 スライド speakerdeck.com コードのサンプル github.com まとめ JavaScript のデバッグ作業を素早くこなすなら、多段式エラープルーフが…

去年、株式会社ミクシィの新人賞をもらいました

去年(2015年)、株式会社ミクシィから新人賞をいただきました。 受賞後に、Facebook で報告してましたが、タイムラインが流れてしまうと経歴として見えなくなってしまうことに気がつきました。 なので、こちらに再度貼っておきます。

BRIKBOOKを買った

BRIKBOOKというMacBookケースを買った。 よい。

mixi グループ Advent Calendar 2015 で記事を公開しました

alpha.mixi.co.jp 感想 長かった…(雑) 戦いはまだ続いているので、引き続きピシパシ闇を払っていきます。

社内の依存モジュール検索エンジンにグラフ表示機能を入れた結果

結果はこちらになります: 弊社の改良中の依存モジュール検索エンジンになります(絶望感) #visualizeできるのかこれ pic.twitter.com/np2vq5jqU2— Kuniwak@Lintオジサン (@orga_chem) 2015, 12月 10 ご査収ください。

師弟登壇2015で発表してきました

発表スライド 師弟登壇2015、mixi の師匠側のスライドです: https://t.co/eh7pgvEFdI #師弟登壇2015— Kuniwak@Lintオジサン (@orga_chem) 2015, 12月 6 会場からは、「内定時代の課題は必須なのか?」という質問をいただきました。 これについては、「内定時…

git challenge 開催しました

git challenge というイベントを開きました。 いよいよ、git challengeの第0問といいますか、チュートリアルが始まりました。スコアボード、実際には強烈なCircleCI画面が会場に映写されはじめています。#mixi_git pic.twitter.com/TiWcqqlk0q— mixi enginee…

最近登壇したイベント

2015.06.26 JSオジサン #5 「ESLint・JSLintの意義とアンチパターン」の発表資料を公開しました!ここにきたみなさんみんながLintを使ってくれるといいなぁ、と思っています #jsオジサン https://t.co/1GGK22Xct5— Kuniwak@JSオジサン (@orga_chem) 2015, 6…

ミクシィの2015年度 JavaScript 研修資料を書いて公開しました

詳細は 2日でできる!JavaScript トレーニング - mixi Engineers' Blog に書きました。 研修資料をつかって講義するのは来週なので、楽しみですねー!

VimConf2014 で発表してきました

vim

VimConf 2014 を勤め先で開催することになったので、LT登壇者兼PAとして参加してきました。 LT では、Vimとmixiについてと、最近ずっとコツコツつくっていた Vim の lint ツール vint の2つについて発表してきました。 LTについて

Creators Meetup 18 で発表してきた(+感想)

そういえば、一ヶ月前にクリエイターの集うイベント「Creators Meetup 18th」で発表してきました。発表した内容は一年ほど前の記事に書いたプレゼンイイネシステム「piine!」です。 なお、下の動画から piine がご覧になれます。 このスライドで言いたかった…

curl -sL dot.hoge.com | sh で自分専用環境を構築する方法(かっこいい)

今回は周りのエンジニアがシビれる自分専用環境構築コマンドを作成してみましょう!

ギーク心理学入門(1/3)

はじめに エンジニアの中にギークと呼ばれる人たちがいることをご存じだろうか。 彼らは技術が大好きで、常に技術のことを考えているような人物である。 そして、多くのギークは下の写真のような趣をもつ。 (「ナードの復讐」より) エンジニアの中でも、特…

Nodeの認証モジュール「Passport」の解説ページを邦訳しました

Nodeの代表的な認証モジュール「Passport」の解説ページを(勉強ついでに)邦訳しました(邦訳版ページ)。 対訳機能はじめました @merborne さんのエントリ「英語圏のオープンソースプロジェクトにおける翻訳ドキュメントの問題点とその解決のための一方策…

大学の頃の研究が国際会議MoMMで表彰されました

大学の頃の研究が、オーストリアで開かれていたMoMM2013という国際会議のショートペーパー部門で表彰されました。うれしい! ただ、(~♥~)は既に大学を卒業してしまった身なので、英語論文を書き上げたのは先生です。つまり、私の論文が表彰されたというより…

googkit を使ったカンタン Closure Library 開発のすすめ

この記事では、JavaScript - Client Side - Advent Calendar 2013の23日目の記事です。 さて、googkit を使ってカンタンに Closure Library での開発をはじめる方法を紹介します。 googkit は Closure Library を使った開発を手助けするツールです。私が前に…

vim-splashを使い倒してこそ真のVimmerですぞ #vim

Vim Advent Calendar の19日目です。昨日はyoshikawさんのサーバ管理に役立つVim技10選でした。 さて、@modsoundさんの記事、Vimmer名刺を持ってVimConfへ出かけよう に触発されてvim-splashの可能性を最大限に引き出す使い方を提案します。 vim-splashでな…

QRCode on your Vim #vim

vim

いままでのビムに足りなかったもの、それは… 携帯端末との連携手段だ! というわけでvim-QRCodeつくりました。 QRCodeが新しいタブとして作成されます。 ひつようなもの orgachem/vim-qrcode neobundle などのプラグイン管理ツールでインストールするとよいで…

Vim Advent Calendar 2013 のトップ絵描いた #vim

Vim Advent Calendar 2013 のトップ絵を描きました。 ひさしぶりのお絵かきです。 VimGirl のデザインは@IMAGEDRIVEさんの VimGirl ver.7.3 をお借りしました(背中の部分は資料がなかったので想像で描きました)。ところどころに散りばめられた蛍光色のワン…

「メールアドレスのルール」系まとめがそろって間違ってるのでご注意を

メールアドレスのルールのまとめ系のサイトの内容が間違っています。 なので、この類のまとめは安易に信じないように 、という注意喚起をしておきます。 追記(2013/11/27) twitterやはてブをみていたところ、「ユーザーへの啓蒙という観点ではまとめの内容…

複数のNodeプロジェクトを管理するためのベストプラクティス

複数のプロジェクトがNodeを利用しているとき、新しいプロジェクトのためにNodeのバージョンを上げてしまうと他のプロジェクトが動作しなくなる可能性があります。Nodeはバージョンアップが特に早いので、他の言語環境と比べてもバージョン管理は頭の痛くな…

「GitHub トレーニングチームから学ぶ Git の内部構造」に行ってきました #githubjp

「GitHub トレーニングチームから学ぶ Git の内部構造」に行ってきました!Gitの中・上級者向けの素晴らしい勉強会でした。おもしろかった! 今回の勉強会で一番面白かったのは、「とりあえずコミットをしろ。そうすりゃあとでなんとでもなる」です。git res…

ミクシィ内定者代表者挨拶で披露した「piine!」の技術的こだわり

さて、前の記事からずいぶん時間が経ってしまいましたが「piine!」の技術的こだわりに触れておこうと思います。 こだわりポイント 力学モデル 操作方法はタップだけ 非ネイティブアプリ Webフォント 技術的こだわりポイント Closure Library + Socket.IO Git…

ミクシィ内定式代表挨拶の舞台裏

昨日、株式会社ミクシィの内定式でエンジニア代表として挨拶をしてきました。挨拶の場で披露したリアルタイムフィードバックアプリpiine!開発の舞台裏を紹介します。 開発の舞台裏 代表挨拶の打診 内定式の2週間ほど前に代表挨拶の打診があり、私はチキンな…

パスワード管理ソフト「1Password」運用の勘所 #1password

パスワード管理ソフト「1Password」のiOS版(¥1,600)とMac版(¥4,300)を購入しました。今までは人力でパスワードを管理していたんですが、もはや 限界を感じていた のです。今回の記事は1Password運用の勘所と限界を書きます。 パスワード管理ソフトの運用…

パスワード管理ソフト「1Password」を使ってみました #1password

パスワード管理ソフト「1Password」のiOS版(¥1,600)とMac版(¥4,300)を購入しました。今までは人力でパスワードを管理していたんですが、もはや 限界を感じていた のです。 なぜパスワード管理ソフトが必要なのか パスワードの使い回し・弱いパスワードを…

ClosureLibraryを超簡単に使えるgoog-starter-kitがSourceMapに対応しました #closure_library

@cocopon 氏が開発した goog-starter-kit を SourceMap に対応させました。モダンな JS で WebApp 作りたいな—、という人や、ClosureLibraryを使ってるけど SourceMap うまくいかんかったなー、という人にオススメ!おわかりの方もいらっしゃると思いますが…

FirefoxOS端末「ZTE-Open」のまとめ(+予約にこぎ着けるまでの経緯)

HTML5でアプリが作れるFirefoxOSの端末「ZTE-Open」を予約した!イヤッホウ! FirefoxOSのおさらい Wikipediaさんによくまとめられているので引用。 Firefox OS(ファイアフォックス オーエス、プロジェクト名:Boot to Gecko、B2G)とはスマートフォンとタブレッ…

リスクコミュニケーションちょっと面白かった論文

リスクコミュニケーションのアプローチを提案した論文、 Why Rules Are Not Enough: A problem-Solving Approach to Risk Communication, Katherine E.Rowan, Risk Analysis, Vol. 14, No.3, 1994 を読んでいて面白い部分を見つけた。リスクコミュニケーショ…

MSDNの警告のガイドラインが「Windowsの警告は過剰」ってdisってて吹いた

MSDNの警告のガイドラインに、下のように書かれていた。 Microsoft® Windows® プログラムは、警告が過剰です。Windows プログラムは、一般的に、あらゆる場面で警告が表示され、あまり重要ではない事柄についての警告も表示されるという印象があります。 Oh.…

Gets!!! (ほんとにあった怖いコード in jQuery)

納涼!ほんとにあった怖いコード(by CodeIQ×はてな) jQueryのcore.js内の意味不明なコメント。問題のコメントがあるのはcore.jsの705行目。 // Gets Gets???もう、もう意味が分からないです。いったい何をGetsするんですか。 それと、もうひとつ。core.…

Chromeに必要だったのはマスターパスワードではない。OSによる脅威の表現だ。

Chromeに保存したパスワードを見る方法はご存じだろうか。 知らない方は、一度 Chromeのヘルプ をみて体験してみることをオススメする。実は、この過程のなかでマスターパスワードによる認証はおこなわれない。巷では、マスターパスワードによる認証がないこ…

Promise/A+仕様の邦訳

Promise/A+仕様を翻訳しました。最後のほうは難解だったなぁ…。 Promise/A+仕様

quickrunのためにnodeunitからmochaに乗り換えた #vim

Node.jsで動作するユニットテストツールをnodeunitからmochaに乗り換えた。理由はquickrunとの相性が悪かったためだ。 いままでは、VimShellでnodeunitを叩いていたんだけど、あんまりに面倒なのでquickrunを使ってみることを決意。しかし… nodeunitの結果表…

nvm から nodebrew に乗り換えた

Node.jsのバージョンを管理するツールnvm から nodebrew に乗り換えたので作業メモを残しておく。 乗り換えた理由はVimShellとの相性が悪かったためだ。 なにやらnvmはbash環境むけに作られているらしく(Node.jsとnvmを初めてインストールするときのハマり…

escopeの仕様意訳

es**シリーズの仕様意訳第三回。前回はestraverseでした。今回はescope。 escope escopeは、ASTを喰ってスコープを解析するためのモジュール。 estraverseと同じように、ASTをescope.analyzeに喰わせるだけで動く。 デモを見ると挙動がよく分かる。サンプル…

estraverseの仕様意訳

es**シリーズの仕様意訳第二回。前回はesprimaでした。今回はestraverse。 estraverse estraverseはASTの巡回コードをお手軽に書けるようにするモジュール。 ASTは子ノードのプロパティ名がまちまちなので、巡回させるコードを書くのが結構手間なんで重宝す…

esprimaの仕様意訳

ドキュメンテーションツール作るときにお世話になりそうなesprima、estraverse、escope、資料とか仕様がなくて困ったので、3回に分けてメモとして残しておく。 esprima esprimaはピュアなJSで書かれたJavaScriptパーサモジュール。JavaScriptコードの文字列…

Vim衆のつどいを開催しました #vim_tsudoi

ミクシィの会議室をお借りして、Vimの勉強会を主催しました。 忙しい中、きてくれた方、リモートで見てくれていた方ありがとうです! 本当はClosureLibraryの勉強会にしたかったんだけど、誰も聞きたい人が(ry スライドはこちらから。 Vim設定のすゝめ - Sli…

セミコロンは常につけるべきか?

結論 つけるべき。 実は、「セミコロンをつけるべきかどうか」論争は今もまだ続いている。 それぞれの主張を見てみよう。 つけろ派 「つけないと意図しない動作をする可能性がある。バグを減らすためにやめろ」 「ミニファイツールがうまく解釈してくれない…

Node.jsのモジュールをブラウザで動作させる方法

動作がわかりづらいモジュールのために、ブラウザ上で動作するライブデモを書いてみた。 ライブデモのサンプル: jsdoctypeparser 理想としては、Node.jsのやり方で書かれたコードがブラウザ上でも動作すること。しかし、どのブラウザも CommonJS の module …

SNS ボタンを Bootstrap できれいに表示する方法

BootstrapでSNSのシェアボタンを表示しようとすると、ボタンの上下が揃わない。 うわぁ、めんどくさい……。 SNSボタンの作成サービス "Share this" (http://sharethis.com/) の利用を検討してみたけど… Twitterのアイコンがきもい。なんで青いの!お願いだか…