2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C
James - Electronで作られたオープンソースのWebデバッギングプロキシ | ソフトアンテナ
「James」はブラウザのHTTPリクエストをインターセプトして確認することができる開発者向けのHTTPプロキシ&モニターツール。開発者向けのWebデバッグプロキシとして人気のCharlesのオープンソース版(のようなもの)として説明されています。 Electron、hoxy、reactといった最新流行のフレームワークを使って作られていて、Mac/Linux/Windows用の実行ファイルをダウンロードすることができます。 以下使用方法を説明します。 使用方法 James.appを実行すると以下のような画面が起動します。 起動した段階でプロキシが自動的にローカルホストで動き始め、一覧からブラウザを選択するとJamesをプロキシとして設定した専用のブラウザが起動します。 James.app側には専用ブラウザから送信されたHTTPリクエストが一覧表示されます。個々のリクエストを選択すると、リク
フロントエンド開発が捗るHTTP通信モニタリングツール「Charles」を使いこなす
はじめに 「Charles」はHTTPのプロキシ・モニタを行えるGUIのツールです。似たようなツールとしてはFidllerが代表的ですが、CharlesはUIや操作性がシンプルです（その分機能は限定的です）。「HTTPをモニタする」というとなんだか取っ付きにくそうに感じるかもしれませんが、Charlesを使うことでその認識は大きく変わります。今回はこのツールのさまざまな使い方をWebフロントエンドの開発視点から紹介していきたいと思います。その便利さから弊社のWebフロントエンド開発チームにはなくてはならないツールとなっています。 Charlesとは Charlesは公式サイトの説明にもある通り、HTTPプロキシ／HTTPモニタを行うツールです。機能を大きく分類するとできることはその2点だけですが、かゆいところに手が届く細かな機能を多く持っています。公式サイトから引用すると、機能としては以下
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
