57歳でHTMLを学ぶ｜「おお！」と声が出た日の話

# 57歳でHTMLを学ぶ｜「おお！」と声が出た日の話

57歳になると、新しいことは若い頃のようには覚えられません。

今日の職業訓練でも、HTMLで画像を表示するだけなのに、何度も画面とにらめっこしました。

原因は「相対パス」。

たった数文字の指定なのですが、この考え方がなかなか頭に入りませんでした。

それでも最後には、自分で画像を表示することができました。

ほんの小さな成功ですが、今日も昨日より一歩前に進めた気がしています。

職業訓練校に通うまでの経緯は、57歳で職業訓練校へ｜面接に一度落ちてから合格した理由にまとめています。

HTML 画像 相対パス｜表示されない原因を探した日

まずは、今日の授業で画像がなかなか表示されなかった経緯からお話しします。

今日の授業では、画像を表示する方法を学びました。

一番苦戦したのは「相対パス」です。

相対パスとは、HTMLファイルから見て画像の場所を指定する考え方です。

言葉で聞くと、何となくわかった気になります。

でも、実際に自分で書いてみると、思ったようにはいきません。

画像が表示されない。

画面を更新しても、何も出てこない。

「どこが違うんだろう」

そう思いながら、HTMLの画面とブラウザを何度も行ったり来たりしました。

周りを見ると、みなさん次々と課題を進めています。

私だけ、同じ画面の前で止まっている時間が長い。

少し焦りました。

「これは相対パスが違うのかな」

そう思って、ファイルの場所を確認しました。

画像タグとリンクタグの違いでつまずいた話は、57歳からのHTML学習｜リンクタグと画像タグの違いでつまずいた日で紹介しています。

57歳 HTML学習｜原因はタグの打ち間違いだった

ここからは、画像が表示されなかった本当の原因が分かるまでの流れです。

でも、よく見直してみると、原因はタグの打ち間違いでした。

Webの勉強では、こういう小さなミスがよくあります。

たった一文字違うだけで、画面には何も表示されません。

焦っていると、その一文字がなかなか見つかりません。

年齢を重ねた今は、焦るよりも、一つひとつ確認することが大事なのだと思います。

焦っても、画像は表示されない。

落ち着いて見直すしかない。

そんな当たり前のことを、今日も授業の中で教えられた気がします。

職業訓練でタッチタイピングに悪戦苦闘した話は、57歳、タッチタイピングに悪戦苦闘。Webデザインの基礎を学んだ日に書いています。

HTML 画像表示｜「おお、出た」瞬間で気づいたこと

打ち間違いを直したあと、画面に何が起きたのかを振り返ります。

そして、打ち間違いを直して画面を更新すると、さっきまで何も表示されなかった場所に画像が出てきました。

「おお、出た」

思わず心の中で声が出ました。

大げさに聞こえるかもしれません。

HTMLで画像を表示する。

慣れている人にとっては、きっと何でもないことだと思います。

でも、57歳からWebデザインを学び始めた自分にとっては、その一枚の画像が少し大きく見えました。

昨日まではできなかったことが、今日はできた。

それだけで十分なのかもしれません。

今日、印象に残った言葉があります。

「相対パスの概念をマスターしないと、Webで正しく表示されない」

最初に聞いたときは、少し難しく感じました。

でも、画像が出なかった経験をして、この言葉の意味が少しだけわかりました。

Webページは、見た目だけでできているわけではありません。

ファイルの置き場所。
文字の書き方。
小さな記号。

ひとつひとつがつながって、ようやく画面に表示されます。

人生も少し似ているのかもしれません。

大きく変わろうとすると、不安になります。

でも実際には、小さなことをひとつずつ確認しながら進んでいくしかありません。

57歳 HTML学習｜昨日の自分と比べて感じた成長

最後に、今日の学び全体を振り返って感じたことをまとめます。

今日の私は、相対パスでつまずきました。

タグの打ち間違いにも、すぐには気づけませんでした。

周りのスピードについていくのが精一杯でした。

それでも、昨日より少しだけ知識が増えました。

昨日より少しだけ、できることが増えました。

50代、60代から学び直すと、どうしても周りと比べてしまうことがあります。

覚えるのが遅い。
手が止まる。
同じところで何度も迷う。

そんな自分に、少し落ち込むこともあります。

でも、比べる相手は本当は周りの人ではなく、昨日の自分なのかもしれません。

昨日できなかったことが、今日少しできるようになる。

知らなかった言葉の意味が、少しだけわかるようになる。

その積み重ねが、学び直しなのだと思います。

今日はAIは使わず、検索だけで確認しながら進めました。

AIに頼る日もあれば、自分で調べながら進める日もあります。

どちらが正解というより、その時々で使い分けながら、自分の理解につなげていけたらいいのだと思います。

単純に、知らないことを学ぶのは楽しいです。

もちろん、ついていくのに必死な日もあります。

焦る日もあります。

でも、画面に画像が表示された瞬間、「もう少し続けてみよう」と思えました。

あなたも最近、「昨日より少しだけ成長できた」と感じた出来事はありますか。

大きな成果ではなくてもいいのだと思います。

昨日よりひとつでもできることが増えていたら、それは立派な前進ではないでしょうか。

これからも、57歳からの職業訓練と学び直しを記録していきます。

同じように人生後半から新しい一歩を踏み出そうとしている方に、「自分もやってみよう」と思ってもらえるブログになればうれしいです。

職業訓練校に通って感じたことは、57歳で学生に戻ってみた。職業訓練校で感じた5つのことに残しています。

そのあとも少しずつ学びを重ね、職業訓練の課題で、ピザ屋さんのWebサイトを最後まで形にするところまで進みました。
そのときのことは、CSSのfloatに苦戦した初心者が、ピザ屋さんのWebサイトを完成させるまでに書いています。

HTML 相対パスに関するよくある質問

相対パスについて、記事の中でよく聞かれそうな点をまとめました。

HTMLの相対パスとは何ですか

相対パスとは、HTMLファイルから見て画像の場所を指定する考え方です。言葉で聞くとわかった気になりますが、実際に自分で書いてみると、思ったようには表示されないこともあります。

まとめ

今日は職業訓練で、HTMLの相対パスを使って画像を表示する方法を学びました。

実際に書いてみると画像が表示されず、原因を探した結果、タグの打ち間違いだったと分かりました。

直したあとに画像が表示された瞬間、「おお、出た」と思わず声が出ました。

57歳からの学び直しは、周りと比べて焦ることもあります。でも、比べる相手は昨日の自分でいいのだと今日改めて感じました。

最後までお読みいただき、ありがとうございました。

• 57歳で職業訓練校へ｜面接に一度落ちてから合格した理由
• 57歳からのHTML学習｜リンクタグと画像タグの違いでつまずいた日
• 57歳で学生に戻ってみた。職業訓練校で感じた5つのこと