タグ

2019年3月28日のブックマーク (4件)

  • プログラマが知るべき97のこと

    プログラマが知るべき97のこと大人気の書籍『プログラマが知るべき97のこと』のエッセイを無料で公開中!すべてのプログラマにおすすめのがウェブで読めるようになりました。 エッセイ一覧分別のある行動関数型プログラミングを学ぶことの重要性ユーザが何をするかを観察する(あなたはユーザではない)コーディング規約を自動化する美はシンプルさに宿るリファクタリングの際に注意すべきこと共有は慎重にボーイスカウト・ルール他人よりまず自分を疑うツールの選択は慎重にドメインの言葉を使ったコードコードは設計であるコードレイアウトの重要性コードレビューコードの論理的検証コメントについてのコメントコードに書けないことのみをコメントにする学び続ける姿勢誰にとっての「利便性」かすばやくデプロイ、こまめにデプロイ技術的例外とビジネス例外を明確に区別する1万時間の訓練ドメイン特化言語変更を恐れない見られて恥ず

    プログラマが知るべき97のこと
  • HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS

    CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLCSSのファイルを解析し、未使用のCSSCSS4までサポート)を掃除してくれるツールを紹介します。 DropCSS -GitHub DropCSSの特徴 DropCSSの使い方 DropCSSのパフォーマンス DropCSSの特徴 DropCSSは未使用のCSSを掃除してくれる、わずか60行のスクリプトです。 HTMLCSSを入力として受け取り、使用されたCSSのみを出力として返します。 対象となるセレクタはcss-selectのおかげで、実質的に考えられるすべてのセレクタの削除が達成されます。 参考: サポートされているセレクタ CSSTreeを使用すると、特別な処理を行わなくても、メディアクエリを他のすべてのブロックと同じように透過的に処理および削除できます

    HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS
  • Chromeで不要なCSS/JavaScriptを洗い出す

    こんにちは! 開発部の武内です。 Webフロントエンドの開発はここ数年で急激に高度化していますが、 それを大きく後押ししている一因にブラウザ付属の開発ツールがあります。 Chrome、Firefox、Edge、Safariなどに付属していますが、どれも非常に高機能です。 Webフロントエンドエンジニアで使っていない方はいないのではないでしょうか。 グラフィカルなデザイン調整 コードのステップ実行 通信のロギング etc… 今回、Chrome 59のアップデートCSS/JavaScriptのカバレッジ機能が追加されたので試してみました。 CSS and JS code coverage What’s New In DevTools (Chrome 59) Find unused CSS and JS code with the new Coverage tab. When you load

    Chromeで不要なCSS/JavaScriptを洗い出す
  • 【初心者向け】AWS CLIリファレンスを読むときのコツ | DevelopersIO

    はじめに こんにちは、大阪オフィスのちゃだいんです。 「AWS CLI を使うぞ!」ってなってリファレンスを開くと、 全文英語ページをひらいた途端「うっ」ってなることないですか?私は毎回なってます。 公式リファレンスは、一定の知識者であれば難なくフムフムできることも、 初心者の場合なんて事のないことでもつまずいたりします。 つまずきほうけた中で、気づいたことをまとめてみました。 今回は例として、aws s3 ls をみながらご紹介します。 AWS CLI コマンドリファレンス s3 ls ↓↓↓AWS CLIの初期設定についてはこちら↓↓↓ 【初心者向け】MacユーザがAWS CLIを最速で試す方法 1. Chromegoogle翻訳アドインを入れる すでに導入している人も多いと思いますが、 google翻訳のchrome拡張機能を入れておくと、英文の翻訳作業が一瞬です! 実際使ってみる

    【初心者向け】AWS CLIリファレンスを読むときのコツ | DevelopersIO