building

flow-typedを導入して外部ライブラリが引っかかる時にやるやつ。 まずはflow-typedコマンドを使えるようにしときます。 こんな感じでライブラリ検索します。 そしてflow-typedのバージョンと該当ライブラリのバージョンを指[…]

webpack2

webpack4がでましたね。webpack2触ってからはwebpackをほとんど触ってなかったです。 けっこう良さげな話を聞いたので軽く試してみました。webpack.config.jsがなくてもビルドまでできるみたいなので、最低限のコー[…]

React.js

react-autosuggestを使ってサジェスト機能を作る機会があったのでメモ react-autosuggest 大体はこちらの記事を参考にできました!ありがたい。 react-autosuggestでサジェスト(Autocomple[…]

React.js

Create React Appで作ったものをカスタマイズする機会があったのでメモ Create React Appでは最低限必要なものは揃ってて環境構築がグッと楽になるツールですが、不足した分は足さないといけなくてwebpackをいじるよ[…]

webpack2

今回も小ネタです。最近インプットがあまりなく、過去にやったのを小出しにしてます。 すでにwebpackのいろいろ準備はやってる想定で、そこに追加します。 webpack.config.babel.js babelじゃなくてもいいんですが、c[…]

Service Worker

Service Workerで簡単なオフライン対応サイトを作ってみました。 ここ数年、勉強会で名刺を用意してなくて、そろそろ用意しようと思った時に、名刺に載せるポートフォリオサイトやプロフィールサイトあった方がいいよなと思ったのがきっかけで[…]

moment

日付のフォーマットをしてくれるMoment.jsを使ってみました。思った以上に簡単で、いろいろな表示形式があるのですごく便利でした。 例えば、こんな感じで日付があったとき。 これを こんな感じでいろいろな表示に変えてくれます。 詳しくはMo[…]

webpack2

以前もwebpackをやってみようという記事を書きました。 この時はwebpackのバージョンが1.xでしたが、最近2.xに上がってちょっと書き方変わったので、まとめ直していきます。 初めてでもできるwebpackとbabelを使ってみるま[…]

React.js

Reactを使っていて、APIでどうのこうのする時、そのためだけにjQueryのAjax使うのはちょっと…ってなると思うので、SuperAgentを使ってみました。 SuperAgent このブログでは過去にGitHub APIでリポジトリ[…]

yarn-logo

yarnがどんなものか試してみました。 もくじ yarnとは インストール コマンド yarn.lock 使ってみた感想 yarnとは yarnはJavaScriptのパッケージマネージャーで、npmみたいなものです。 yarn Faceb[…]

マサカリ

8月27日と28日に開催されたGRAND FRONTEND OSAKA 2016に参加してきました。 27日はハッカソンで28日はセッションでした。ハッカソンには参加していないので28日だけの参加レポとなります。 当日の注意事項 わからなく[…]

vuejs

コンポーネントをちょっと使ってみました コンポーネントは Vue.js の最も強力な機能の1つです。基本的な HTML 要素を拡張して再利用可能なコードのカプセル化を助けます。 Vue.jsドキュメント 基本的な使い方 HTML Vue.j[…]