web制作

プログラムエラーやわからないときの解決方法5選【web制作独学者向け】

1人でプログラムを作っていて、エラーを解決できない!

プログラム制作中にどうしてもわからないことに遭遇した!

という方向けの記事です。

私はwebデザインとプログラム制作を生業にフリーランスで仕事をしています。

もう仕事して10年くらいになります。

htmlもCSSもPHP(こちらはwordpressカスタマイズ・テーマ制作程度ですが)もほぼ独学です。(もともとグラフィックデザインが専門ですので)

プログラムが1人で学べる分野なのはとてもありがたい。

でも、時々、プログラム制作中に迷宮入りするんですよね。

なんどやってもエラーばっかりだったり、プログラム作成の良い方法がどうしても浮かばない。

かといって、となりに相談できる人もいない。

仕事で新しいプログラムに取り組むと特に少しのエラーで前に進めないこともありました。

そんな時の自分なりの対応策を今までを振り返ってまとめました。

プログラムエラー+プログラムがわからない時の対応策

1.検索エンジンで調べる(本を使っても)

Google先生に相談する。そう思えば1人ではないかもしれない。

幸い、WordPressなど使っている人が多いCMSやhtml、CSSについても情報がたくさん。

仕事の際、サイトでコードを調べながら、データ制作することがすごく多いです。

持っている書籍があれば、見ながら確認してみるのもいいですね。

2.サンプルやデモがある場合、データの改変に徹する

作っているデータにサンプルやデモがある場合、(効果をつけるためのCSSやスライダー用のjsなど)まずはサンプル通りのものを自分のPC上に再現して、そのデータを改変するのがおすすめです。

できるだけ触らず、必要なコードをコピーペースト。

または、サンプルやデモのデータの中に自分が作った別のプログラムを入れた方が動きやすいケースもあります。

意外と紹介サイトに必要なコードがかけているケースもあり、その際は有効な方法です。

3.コードを消したり戻したりして原因の箇所を特定または保存前に戻る

CSSの場合は、上半分と下半分、一時的にコードを消しながら確認することもあります。

(行う際は、別の場所にプログラムのバックアップを取ってからやりましょう)

どのコードを入れた際、エラーが出るのかに注意しながら、原因の箇所を探します。

カンマ(,)とドット(.)を間違えても動かなくなるのがプログラム。

原因の箇所を特定するとエラーがすぐ改善できる場合も多くあります。

私はデザインの学校でwebプログラム制作の仕方(HTML・CSS)を授業しているのですが、その際も困ったらこの方法で確認しています。

自分が書いたコードではないので、意外なところにエラーの原因箇所を発見する場合もあります。

wordpressのテーマの編集やDreamweaver、Breracket(機能拡張「Interactive Linter」追加時のみ)というソフトを使うとシンタックスエラーが表示されるので、ミスが防げるかもしれませんね。

Brerackets

Brerackets

また、不慣れなものや、間違いやすいプログラムは、作業前に一度バックアップを取っておくと、調整時不具合が出た際、戻るのに便利です。

4.CGIの場合は改行コードやパーミッションを確認する

メールフォームなどのCGIを操作する場合、パーミッションや改行コードが違うだけで、500エラーが出て苦しんだことがあります。

Macで開発しているとデータの改行コードが「CR+LF」にならないことがあり、

「LF」だったものを「CR+LF」に変更しただけで動いたことがありました。

MacユーザーでCGI編集は、「Coteditor」という改行コードも変更できるエディタ使っています。

Coteditor(Macユーザー向け)

Coteditor

5.質問サイトで人に聞く

「どれだけ探してもエラー原因がわからない」または、「もともとどうしたらいいか探してもわからない」場合は、人に相談するとよいと思います。

人に相談して、もし、直接的に解決しなかったとしても、新しい関数一つわかるだけで、解決への道が開けることも。

教えて!gooで聞いてみたこともありましたが、専門性の高いものは、「teratail」や「W3Q」というプログラム質問サイトで聞いてみる方がよいと思います。

ただ、質問する前に各サイトの以前の質問に同じようなものがないか探すこと、

質問する時は、詳しい状況や開発環境、試してみたことや、達成したいことを丁寧に書かないと怒られたり伝わらなかったりしますので要注意。

teratail

teratail

teratailについて使い方などを以下記事にまとめました。

あわせて読みたい
プログラムがわからないとき相談できるQ&Aサイト「teratail」 ・プログラムエラーがどうしても解決できず困っている。 ・プログラムエラーや構築する方法がGoogle検索で調べても出てこな...

W3Q

W3Q

まとめ

本当にプログラム制作をしていると、コードエラーに悩まされることは多いです。

制作サイトの画面が不明なエラーで突然、真っ白になった時は、顔面も蒼白になった覚えがあります。

ただ、うまくコードが入って完成すると嬉しさと安堵感に包まれることもまた事実。

プログラムエラーでお困りの方は少しでも早く解決できるといいですね。

参考になれば幸いです。