環境

環境

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で標準に備わっているテキスト比較の使い方で実用的ではないかもしれませんが、操作方法だけでも覚えておくと後か…

はにわまん
環境

EditorConfigの使い方!テキストエディタ側にコーディングルールを守らせよう

EditorConfigはテキストエディタで標準で利用するタブ数やインデントをタブにするかスペースにするか、改行コードをどうするか、みたいなことを定義できるツールです。 多くのテキストエディタ(を拡張…

はにわまん
環境

Basic認証の設定方法!「.htaccess」と「.htpasswd」の2ファイルを作成する

Basic認証の設定方法の紹介です。 Basic認証とは、サイトにアクセスした時に以下のようなポップアップが表示されて、閲覧できるユーザーを制限できる簡易的な仕組みなります。 公開前のサイトなどのまだ…

はにわまん
環境

公開されているサイトの規模感を把握する2つの方法(ツール)

「〇〇の公開されているサイトをフルリニューアルしたい」 「〇〇の公開されているサイトをWordPress化したい」 「〇〇の公開されているサイトをレスポンシブ化したい」 「〇〇の公開されているサイトを…

はにわまん
1 2 3 6