URLと仲良くなりましょ

web nodejs frontend

URLの文字列にどういう意味があって、どういった仕様になっているのかなんとなくでわかってる人が多かったので、ここで改めてURLを知っておきたい（ほしい）という気持ちをポエムに書き残しておきます。僕の愛読書のNode.jsのドキュメントにわかりやすいURL…

2018-07-31

CSSの読み込みを待つReactコンポーネントを作りたかった

TypeScript frontend javascript react

※この記事ではstyled-componentやcss-modulesに関しては一切書いておりません。僕は普段からReactを使ってIsomorphicなWebアプリケーションを開発してるのですが、個人の趣向でcss-modulesを使っておらずJavaScriptとCSSはそれぞれ独立させて作られています…

2018-06-08

ぼくのつゆやすみ・三日目

昨日の疲れが残っていたので朝は寝坊して朝食を逃しました。残念。三日目は寝坊しつつも無事チェックアウトを済ませ、札幌市内の観光へとりあえず札幌に知見がないのでなけなし知識で知ってる観光スポットに行きます。僕の持っている札幌の知識といえば -…

2018-06-07

ぼくのつゆやすみ・二日目

北海道旅行2日目です昨日のジンギスカンの匂いが胃の奥から香ってくるさわやかな目覚めとともに寝癖のまま朝食へ今日はやることが決まっていますそう、小樽に行く日です 2日目は見事に快晴。最高気温が27℃のこと。さっそく朝から小樽へ小樽へは電車を使…

2018-06-05

ぼくのつゆやすみ・一日目

1週間以上の暇ができたのでぶらり北海道まで旅行にきました。そもそもなんで北海道まで来たかというと、今まで（ここ一年くらい）忙しくて取るべき休みを取ってなくて6日ほど休めたので一気にとってしまおうと思いつきで休みました。（なお、仕事のほうが落…

2017-08-08

TypeScriptでIsomorphicなCode Splittingをする

frontend TypeScript webpack

以前webpack2でDynamic importsが実装される前にWebpackのCode Splittingについて書きましたが、せっかくTypeScript 2.4でもDynamic Importsが実装されたので（結構経ちますが）TypeScript環境下でいかにしてCode Splittingを実現させるかを書き残しておきま…

2017-06-02

Next Billion Users と Accessibility - Google I/O

Accessibility frontend Chrome

先日Google I/Oへ参加してきました。参加レポートは会社のブログの方で書いたのでそちらを御覧ください。 developers.cyberagent.co.jp 個人的にアクセシビリティ周りで思うことがあったのでこっちのブログにまとめていきます。 Accessibility アクセシビリ…

2017-02-03

npmパッケージ公開デビューした

javascript nodejs webpack npm frontend

npmパッケージデビューしました。公開するまでに感じたあれこれを残しておこうと思います。経緯としてはbrowserifyからwebpackに移行して、webpackと親しくなっていると痒いところに手が届くようなプラグインが欲しくなったというのがありました。例えば …

2016-12-07

多分詳しいChrome Flashの動向まとめ

Flash Chrome frontend

Chrome 55にてFlash無効化（HTML5 by Default）が発表されて12月を迎えました。 Chrome 55がリリースされ、Flashの無効化されると思いきや嬉しいことに寿命が1ヶ月延びました。1ヶ月... 僕の立場を説明すると、Flashコンテンツを時サービスですこしだけ扱っ…

2016-11-03

jQuery,Reactを使わずにvirtual-domを使ってLPを作った理由

frontend javascript webpack react jquery

TL;DR jQueryとReactの代わりにvirtual-dom使ってLP的なサイトを実装してみたけど案外良かったよ。 jQueryやReactを使わない選択肢とあるサイトをリニューアルをしましたその際、動的コンテンツの表示をするのに何を使うかを考えました。 jQuery: 今まで使…

2016-10-10

axiosでのajaxリクエストをモックしてテストを書く

javascript nodejs npm frontend

JavaScriptで使うAJAXライブラリといったら superagent, whatwg-fetch, axios が最近の主流ですね。ちなみに私はaxiosがその中でも使い勝手がよく、メインの開発で使っています。テスト周りでの作業記録をば。 AJAXまわりでテストコードを書くときに、通信…

2016-09-19

webpack.ensureとbabelでハマりがちなこと

frontend javascript npm webpack

以前qiitaのほうで webpackのrequire.ensureでDynamic Loadingをして大規模アプリケーションを作るという記事を書いたのですが、babel-loaderと組み合わせるとちょっと癖があってハマったのでここで補足をしようかなと思います。 import/exportとwebpack.en…