環境

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

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

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

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

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

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

誰でも簡単!GitHubで管理するためのSourcetreeの最低限の使い方

GitHubとのやり取りをコマンドではなく、ボタンなどの操作で直感的に操作できるのがSourcetreeというツールです。 ターミナルなどの黒い画面が苦手な方でも、Sourcetreeを入れておけば簡…

コーダーはWindowsとMacのどちらがおすすめか?結論 → 慣れてる方

今はWindowsをメインに使っていますが、実はMacも持っていて1年ほどは使っていた時期がありました。 コーダーをメインの仕事としているわたしですが、特に不便はしていません。MacがダメでWindo…

テストサーバー用に使えるレンタルサーバーがあるとWeb制作の仕事が円滑に進む

Web制作の仕事をする上で、実際にサーバーにアップされた状態でお互いに確認できる環境があると便利です。 共通のサーバーに乗っているのでクライアントと自分で見るものが必ず同じになります。認識がズレること…

WordPressで使うレンタルサーバーの選び方とおすすめ5選

WordPresで使うためのレンタルサーバーの選び方とおすすめの5つを紹介します。 わたしは、5年以上サイト運営をしていてその間に20以上のWordPressサイトを立ち上げてきました。また、Web屋…

FTPツール「FileZilla」の使い方とおすすめの設定

サーバーと接続するFTPツール「FileZilla」の使い方とおすすめの設定です。 FTPツールはいくつかありますが、FileZillaが個人的には最も使いやすいなと思います。サイトを運営するにあたっ…

【動画あり】Chromeのデベロッパーツールの使い方!コーダーはどう使う?

Chromeのデベロッパーツールの使い方を紹介します。 現役コーダーのわたしが普段から確認しているポイントに絞って紹介していきますので、同じような職種の方は特に参考にしていただけると嬉しいです。 ※ …

コーディングのスピードを上げるための7+2の方法!

Webコーダーとしての指標の1つに「コーディングの速さ」があるかと思います。わたしは1年前にコーダーをメインの職にしようと決意してから、速さという指標を伸ばすために色々と取り入れて試してきました。 こ…