[翻訳]Issue 65
Front-end Dev Weekly Issue 65の元記事はこちら
コメント
1,000,0000ウェブサイト、GoogleがダウンロードリンクのUXの問題を認めたこと、.gitがあなたを無防備にする
今週はたくさんの記事がありました。Googleがアプリのダウンロードリンクが正常に動いていなかったことを認めたことの全体像について、100万サイトが使用しているライブラリを調査していること、The Vergeがサードパーティダウンロードとトラッキングサイトを台無しにし始めていること、.gitファイルを使用して、多くのサイトが無防備になっていること。学び、反映することはたくさんあります。みなさん、よい週を！
パフォーマンス
The Vergeのウェブは良くない
「要約:The Vergeが広告やトラッキングの目的で20社を私たちに見せていたことを知っていましたか？私は知りませんでした。それは、あなたのウェブエクスペリエンスを少しですが台無しにします。何か違った行動を起こすべきでしょう。」
lmorchard.com
開発ツール
Browserify対Webpack
要約:「もし1から小さくて単純な目的のツールを明確に設定することを好むならば、BrowserifyとGulp/Gruntを使用することが合っているでしょう。」しかし、Webpackは「魔法」であることを気にしないのであれば、ビルドプロセスにかかる時間を減らすことができます。
medium.com
モダンなJavaScriptのツールについてのヒッチハイカーのガイド
この記事は記事の中のあるセクションのタイトルに言い換えることができます。「モダンなJSやReactのコードベースで共通で使用されている人気のあるツールやライブラリ」です。しかし、Reactの開発者のスタックについては見直す価値があるでしょう。
reactkungfu.com
コンソールでGitを操作する
私はgitのdiffを理解することや何をコミットしたかを視覚的に知るためにGitXを使用しています。後者の理由でコマンドラインを使用したいと思うならば、このライブラリをチェックしてみてください。
github.com
UI/UX
アプリをダウンロードするかどうか「聞く」モバイルサイトに困っていますか？あなたは1人ではありません。
Googleで働いている人が爆弾を落としました。「Google+は『アプリをダウンロードする』によって、69%のユーザーがアプリをダウンロードしたり、サイトに残ったりせず、間接的にサイトを去っていることを発見しました。」
techcrunch.com
ライブラリ
jQueryの時間のオートコンプリート:時間の範囲のよりよいドロップダウン
「イベント駆動の、Googleカレンダーのタイムピッカーに似たタイムピッカーです。スマートで、セクシーで、直感的であることを意味します。」
7shifts.com
Horsey.js:先進的でカスタマイズ可能なオートコンプリートのコンポーネント
マッチングが曖昧なように思えます。レンダリングのロジックをカスタマイズすることが可能なので、小さなオートコンプリートの実行を助けてくれるでしょう。
github.io
学習
.gitを残しておくのはやめましょう！
「ウェブの開発者にとって、.gitフォルダを世界中に対して無防備にしておくことは初心者にありがちなミスです。データベースのパスワードやソルトやハッシュやサードパーティのAPIキーやユーザーネームとパスワードのセットを含んでいることが多いソースコードのリポジトリの全てを、誰でもダウンロードできるようになります。」
jamiembrown.com
100万のウェブサイト
「単純な質問（外部でホストされているリソースを使用しているサイトはどのくらいあるのでしょうか）から始まりましたが、ウェブサイトの危険のある振る舞いに対応することについての質問に答えるためのプロジェクトに広がりました。」私はGhosteryというブラウザのアドオンについては今まで知りませんでしたが、誰があなたの行動をトラッキングしているか表示してくれることを嬉しく思います。
jacquesmattheij.com
ドロップダウンはUIの最後の手段であるべきです
「モバイルのフォームにおいて、入力をより単純にしたり、よりよく動くコントロールを適切にするためにドロップダウンメニューを使用することが多くなりすぎていると思います。デザインを考える上で、ドロップダウンの代替となるものや、それが必要である理由を以下に示しています。」
lukew.com