環境
MacにWindows環境を！「Parallels Desktop」でEdgeもIEも動作確認できます
わたしは主にWebコーダーとしてお仕事させてもらっているのですが、地味にストレスに感じていたのがブラウザごとの動作確認。 主要ブラウザとして以下の5つがあります。 Chrome Firefox Saf…
はにわまん 
サイトの品質やパフォーマスを計測するツール
サイトのパフォーマンスをチェックするためのツールをまとめました。 ※ 振り返るとほぼGoogleのツールとなりました笑 ここで紹介する指標がすべてではないですが、サイトのクオリティの目安として、または…
クアッド&16G！WebコーダーがMacBookを選ぶポイントまとめ
最近MacBook Proを購入したのですが、めちゃくちゃ満足度が高いです。 コーダーって基本テキストエディタで、PhotoshopとかIllustratorとか重めのAdobe製品を開くにしてもゴリ…
WindowsからMacに変更したときに覚えておきたいショートカットと設定
Windowsを10年くらいメインに使ってきたのですが、Macを知らないままWindows使い続けるの損してるかもしれない…と思いMacBook Proに買い換えてみました。 （ガチで使っ…
EJSの使い方！静的なHTMLサイトで「共通パーツ」と「変数」を使おう
EJS（イージェーエス）はテンプレートエンジン呼ばれるNode.jsのパッケージの１つです。JavaScriptとHTMLを混ぜた感じでHTMLサイトが作れることをイメージしてもらえたらと思います。 …
VSCode内でテキスト比較（diff）する3つの方法
VScodeのテキスト比較（diff）する3つの方法の紹介を紹介します。 1つ目はVSCodeで標準に備わっているテキスト比較の使い方で実用的ではないかもしれませんが、操作方法だけでも覚えておくと後か…
EditorConfigの使い方！テキストエディタ側にコーディングルールを守らせよう
EditorConfigはテキストエディタで標準で利用するタブ数やインデントをタブにするかスペースにするか、改行コードをどうするか、みたいなことを定義できるツールです。 多くのテキストエディタ（を拡張…
Basic認証の設定方法！「.htaccess」と「.htpasswd」の2ファイルを作成する
Basic認証の設定方法の紹介です。 Basic認証とは、サイトにアクセスした時に以下のようなポップアップが表示されて、閲覧できるユーザーを制限できる簡易的な仕組みなります。 公開前のサイトなどのまだ…
公開されているサイトの規模感を把握する2つの方法（ツール）
「〇〇の公開されているサイトをフルリニューアルしたい」 「〇〇の公開されているサイトをWordPress化したい」 「〇〇の公開されているサイトをレスポンシブ化したい」 「〇〇の公開されているサイトを…
誰でも簡単！GitHubで管理するためのSourcetreeの最低限の使い方
GitHubとのやり取りをコマンドではなく、ボタンなどの操作で直感的に操作できるのがSourcetreeというツールです。 ターミナルなどの黒い画面が苦手な方でも、Sourcetreeを入れておけば簡…