環境

リモートワーカー必見!ファイルを共有するためのおすすめオンラインツール3選

クライアントとファイルを共有するためのツールをまとめました。リモートワークだとファイルのやり取りがとても多いので、いくつか使えるようになっておくと仕事も円滑に進みます。 ちなみにオンラインのファイル共…

パスワード管理ツールがおすすめ!1passwordで面倒なパスワード管理から開放されよう

1passwordを使えば端末に依存せずに場所にも依存せずに、パスワードにアクセスできます。 おすすめなのは以下のような人です。 複数の端末を使っている(スマホ、PC、Windows、Mac、Andr…

なぜXserverを使い続ける?おすすめの「X10」プランで間違いありません

わたしが初めてXserverと契約したのが2014年5月なので、かれこれ5年くらいXserverを使い続けいてることになります。 同時アクセス数1,000を超えたり、月間アクセス数が150万を超えたり…

GulpでPugの環境を構築!静的HTMLサイトを効率的に作ろう

GulpでPugの環境を構築する方法です! 同列に語られがちなHTMLのテンプレートエンジンであるEJSと近いかと思いきや、意外とDreamweaverのテンプレート機能と近いという感覚でした。 使え…

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のパッケージの1つです。JavaScriptとHTMLを混ぜた感じでHTMLサイトが作れることをイメージしてもらえたらと思います。 …

VSCode内でテキスト比較(diff)する3つの方法

VScodeのテキスト比較(diff)する3つの方法の紹介を紹介します。 1つ目はVSCodeで標準に備わっているテキスト比較の使い方で実用的ではないかもしれませんが、操作方法だけでも覚えておくと後か…