WEBデザイン備忘録

使用ツール

個人的な疑問(エラー解決)

大前提
  • エラーは友達()
  • エラーメッセージを読む
  • 一見複雑に見えるエラーメッセージも分解していけば読み解けることがほとんど
  • 検索エンジンで調べる(英語で検索するのおすすめ)
  • 言語やライブラリのリファレンスを参照する
  • デバッグツールを使う
  • 「~起動しない」「~が表示されない」「~対処法」「~解消方法」と言ったキーワードで検索

スペルミス・誤字脱字

よくあるスペルミス
  • 全角スペースを使っていないか
  • セミコロン;が抜けていないか
  • ()が多くないか、少なくないか
  • そもそも該当ページに入力せず、違うページに入力している

階層ミス

セレクタの優先順位が低くないか

(参考:https://web-camp.io/magazine/archives/104350#st-toc-h-7

キャッシュが残っていないか

(参考:https://web-camp.io/magazine/archives/104350#st-toc-h-9

CSSファイルのパーミッションを確認する

ブラウザの拡張機能を無効にする

質問テンプレ

回答されやすい

(例)
TypeScriptで●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

【実現したいこと】

【わからないことや発生している問題】

  • エラーメッセージを記載する

【該当のソースコード】

  • スクリーンショット(画面イメージ)があれば添付する
  • エラーコードなどを正確に記載する
  • エラーが出たプログラムコードの必要な部分を抜粋し、掲載する

【試したことや調べたこと】

【詳細】

  • OSや開発環境、関連プログラムのバージョンを明記する

納品前

テスト環境を構築

デベロッパーツールを用いて、レスポンシブ時を含めたクロスブラウザテスト

納品作業

FTPツールを使ってレンタルサーバーにファイルをアップロード

ドメインの契約方法

ドメインの契約サイト

.htaccess(ドットエイチティーアクセス)

.htaccess(ドットエイチティーアクセス)は、Apacheウェブサーバーで使用される設定ファイルです。これを使うことで、ディレクトリごとにサーバーの動作を変更したり、カスタマイズしたりすることができます。以下に、わかりやすく解説します。

基本的な役割

  • ディレクトリごとの設定.htaccessファイルは、特定のディレクトリ内に置かれ、そのディレクトリとそのサブディレクトリに対して適用される設定を含みます。これにより、サイト全体ではなく、部分的な設定が可能です。
  • サーバーの動作のカスタマイズサーバーの設定(例えば、リダイレクトやアクセス制限)をカスタマイズするために使います。