ホームページを作る事になって

2024年６月某日、社長から「我が社もホームページを作って、GOTOを世の中の人に知ってもらい求人等に活かしたい。ついては、自由で温か味のあるモノにしたいので、業者に頼らず「ホームページ制作者」(以下「作者」とする)に作ってもらいたい。」と指令が下った。期間は年度末（2025年3月31日）までにお願いされた。
しかし作者は困った。(@_@)
なぜかと言うと、ホームページとはどうやって作るのか？自分にはコンピューターの知識が無く右も左も分からない？
自分にできるのか？不安で心が滅入る。

やるしかない！！と思い直し、ホームページ作成に取り組んだ。
ネットで「ホームページ作成」「初心者」と検索。すると、様々な Web制作会社・個人サイト・youtubeがあり
迷いに迷って「ホームページを自分で作成する方法」なるものを観覧・熟読し 無料ソフトの「WordPress」を使って作る事をこのサイトで進められた。

「WordPress」とは何ぞやと色んなサイトで調べてもチンプンカンプン？さっぱり分からん？
1.自由度が高すぎて、何から手を付けていいか分からない。
2.どうもプログラミング言語を使って色んな事が出来るらしい…分からん？
3.デザイン自由でおしゃれなサイトが作れる…オシャレ？ナニ？
という事で「無料ソフトはムリかもしれん」と、結論付けた。

そこで、有料ソフトはいくらするのか？１万円？、５万円？、１０万円？分からない。
作者がいつも頼りにしている「価格コム」にゆだねた。　
結果 1位「ホームページビルダー22 ビジネスプレミアム」２万５千円値段も手ごろで初心者でも作れる「SP版」なるソフトもついてくる。これだ(^^♪
次の日、社長に「「ホームページビルダー22 ビジネスプレミアム」２万５千円値段も手ごろで…」とおねだりして買ってもらった。
以下「ホームページビルダー22 ビジネスプレミアム」は長いので「HPビルダー」とする。

翌々日にはAmazonからソフトが届いた。
これで直ぐにホームページ作りに取り掛かれると思い、「HPビルダー」を開封した…。
中には、ペラペラの紙３枚とA3サイズの取扱説明書が１枚同封され、『CDかDVDもしくはUSBメモリーが見当たらん』箱を振っても出てこない。
仕方なしに取扱説明書を広げて眺めてみると、どうもユーザー登録して、「HPビルダー」ソフトをダウンロードするタイプだった。苦手💦

1.https://www.……サイトにアクセス。
2.シリアルナンバー 18桁入力。
3.オンライン登録キー 5桁入力。
4.メールアドレス入力。仮登録完了。
5.メールから来たURLを踏み、再度 同サイトにアクセスし本登録完了。
6.本登録完了後、次回からアクセスする為に必要になるのでUser IDを確実にメモ。指ざしOK👉
7.やっと「HPビルダー」ソフトをダウンロード！！
この間、やり直したり、戻ったり、行ったり、来たりでその日は終了。

次の日、「HPビルダー」を立ち上げ ヘルプ(H)キーからマニュアルをダウンロードしページ数を見る。
150ページあった。
途方に暮れた。
これでは作者には「理解できん」と思い、ネット検索した。

ホームページ構築

youtubeで「【ホームページビルダー】SP版ホームページ作成講座」なるサイト発見。
この日から作者はこのサイトの事を「youtube先生」と名づけ、今日この日までお世話になる事となった。
「youtube先生」は初めは何をすれば良いか、分からない所は的確な指示を出し、辛い時は励ましてくれた(空想の中で)。

第１段階(約１週間)
サイト設定…レイアウトを数々のテンプレートから決めてページスタイルを確立する。
TOP(はじめに)ページ・会社方針・会社概要・沿革等、会社案内や規定・ISO資料から拾い集めサクッと編集。

第２段階(約2週間)
社長にこのスタイルで作り始める事を承認してもらい、どんなホームページにするか意見をもらう。
その意見を参考に、上記ページ以外のページの大覧だけ作り、ホームページの全体の姿を整える。

第３段階(ここからサイトのUPまで続けた)
各ページに乗せる写真・動画・記事等の取材をする。（内容は「ホームページ肉付け編」にて紹介）
協力してもらって、みんなに感謝だった。m(__)m

レンタルサーバー契約1⃣

第4段階(約１ヶ月)
ホームページをネットにアップロードして、世界の人に見てもらう為には「レンタルサーバーの契約」を行わなければならない。(「youtube先生」に教えてもらった。)
そこで、どの会社にするか考える。…会社の規模は？・コスト面はどうか？・対応が良いのか？うーん分からん💦
「youtube先生」に聞いてみた（youtubeで調べた）答えてくれない。

弊社が契約しているインターネットサーバーはOCNだ。
ネットで調べてみると「メール＆ウェブ ビジネス ライト」なるものがあり、
①ディスク容量 40GB…容量は十分ある。
②メールアドレス数 10個…今のアドレスは 9個だから大丈夫。
③メールセキュリティー・ウイルスセキュリティ・迷惑メールフィルタリング有り…万全だ。
④ホームページ データー転送量無制限・なんやかんや17機能付いてる？…いい感じ。
⑤値段　基本料3,520円/月 メールセキュリティ2,420円/月 合計5,940円/月
ドメイン料 3,850円/年 初期費用10,450円…相場が分からん？
これ(OCN)で行くか、迷いながら社長に相談⇒「作者に任せる」と社長に丸投げされる( ｀ー´)ノ困った💦

そこへ、救世主あらわる‼
いつもお世話になっている、ABコンピュータービジネス(仮)のＣさん(仮)が、他の用事で事務所に来て下さった。
チャンス！
作者…　　「レンタルサーバーどこがお勧めですか？ちなみに今[OCN]にしようかと…」と聞いてみた。
Ｃさん…「作者さん、[OCN]はダメよ。値段高いし、動き悪いから止めとき」と言われた。
作者…　　「お勧めありますか？」
Ｃさん…「あるよ」「△△△インターネット！」
　　　　　「政府系の会社だから将来性有り・契約料も安いし・サービスも万全」
作者…　　「有難うございます、参考にさせていたたきます」(心の中では「△△△インターネット」に決めていた)

Ｃさんが帰られた後、早速「△△△インターネット」をネット検索をした。
①ディスク容量 300GB…桁が1つ多い!!
②メールアドレス数 無制限…す、すごい!!
③メールセキュリティー・ウイルスセキュリティ・高精度迷惑メールフィルタ…機能が一段上!!
④ホームページ データー転送量無制限なんて当たり前・数えられない数の機能付いてる？…やばい!!
⑤値段　基本料500円/月 メールセキュリティ5個まで無料それ以上10個まで 440円/月 合計940円/月
ドメイン料 3,982円/年 初期費用0円…安い！安すぎる!!
【蛇の道は蛇】とはよく言ったものだ。ABコンピュータービジネスCさんありがとう！感謝です！

レンタルサーバー契約2⃣

社長に「△△△インターネット」にする事を報告し、さあ契約だ。
後藤工業のドメインを決める作業をする。
①goto-kougyou.ne.jp…どこかの会社が使用済み NG
②goto-kougyu.ne.jp…残ってる OK
③goto-kk.ne.jp…どこかの会社が使用済み NG
④goto-kougyou.jp…残ってる OK
⑤goto-kougyu.jp…残ってる OK
⑥goto-kk.jp…どこかの会社が使用済み NG
他３種類候補を社長に上げた。

社長が決めたドメインは
④の【goto-kougyou.jp】になった。
インターネット上の会社の顔・名詞とも言えるドメインが決定した。
ついでにメールアドレスも【goto-kougyou.jp】ドメインを使って、変更する事となった。

作者はレンタルサーバー契約作業に取り掛かった。
手順はメールソフトをダウンロードした時と同じ要領だったので楽勝で仮契約までたどり着いた。
ピロリロリン！Lvが上がりました。
スキルが上がったかも(*^^)v
「ホームページ見習い」になった。

本契約は
クレジットカードで払い込みを行い、
仮契約で登録通知された「レンタルサーバー名」でログイン出来る様になり完了した。
あっさり完了っと。

レンタルサーバーにログインすると、【goto-kougyou.jp】ドメインを使用可能となり、
メールアドレスも○○○○＠goto-kougyou.jpの○○○○部分を変えて９種類取得した。
う～ん順調、順調。

これで、レンタルサーバー契約が完了となった。

ホームページ肉付け1⃣

第5段階(ここから終りまで)
ホームページ構築編で集まった資料を使って、TOP(はじめに)ページ・会社方針・会社概要・沿革以外の部分を
作っていく。
社長からホームページに入れてほしいと頼まれた内容は
①各工場の紹介
②弊社の強み(各工場でこれが出来る、こんな仕事をしている・技術情報等)
③保有設備の紹介
この3点だけだった。

ネットの中の色んなホームページを来る日も来る日も見漁った。
①各工場ページ(3ページ)作り、各工場の紹介は工場の写真を実際に撮影し「HPビルダー」の既存の風景や人物写真・キャラクターを使って作りこんだ。
②技術情報のページを作り、「HPビルダー」の既存のパーツを使って言葉で説明する事にした。
③保有設備一覧ページを作り、保有設備の写真はインターネットから機械カタログの写真を利用して、マシニング・NC旋盤・測定機等の順番で大きさ順に並べ、保有設備一覧ページから各保有機械の写真ページにボタンでリンクするように工夫した。

ホームページの骨組み・肉付けはひと通り出来あがった。達成感やばい(ToT)/~~~
ここまで１ヶ月半経った。

ある日の部課長会議でプロジェクターを使って、社長・責任者達にプレゼンを行った。
「見たことのない風景がある」
「人物写真あれ誰」
「スーツ着た漫画、あんな人おらん」
「技術情報は抽象的で分かり辛い」
後はみんなホームページに疎く、「シ～～～～ン」と沈黙が流れた。

こりゃあダメだ。(´・ω・｀)

兎に角、作者が作ったホームページは他人には響かず、分かりづらかったのだ。

この日から作者の目標が変わり、「一目見て分かるホームページ」を目指す事となる。💪

ホームページ肉付け2⃣

写真や動画撮影の日々が始まる。
これが大変！工場・設備・風景等の写真動画は実際に現地に行って撮影。(休みの日もドライブがてら撮影したよ)
人物の写真動画はもっと大変、責任者に一言いってから、社員一人一人に「撮ってもいい？」って聞きながら撮影許可を取り撮影する。
最初は「私いや💢」「僕はダメ💢」等、断られる事の方が多く、人物はムリかもとあきらめ気味だった。
しかし、責任者の皆なが社員全体に協力を呼びかけてもらった後は、作者が何を目的に写真や動画を撮影しているかを理解してもらえ、どんどん資料が溜まって行った。
記事等も責任者たちが社員に取材してもらた結果、作者の所へ集まった。

①「HPビルダー」の既存の風景や人物写真を実写・実撮影した物と差し替えた。(小遣いで４万５千円中古のPanasonic Lumix DMC-TZ85デジカメ買った)
②「HPビルダー」の既存の風景や人物写真・パーツ等を全て集めた資料(実写・実撮影・パーツはPowerPointで自作)と差し替えた。
③キャラクターを作者の小遣いで次女に制作依頼(１キャラ/１万円で合計３キャラ/３万円)し、オリジナルのGOTOのキャラクターを各ページに入れ込んだ。

色んな人に作り変えたホームページを見てもらいアドバイスをもらい修正し、又、見てもらい修正しを繰り返した。

やっと目標の「一目見て分かるホームページ」が出来上がった。達成感はまだ無い(;´Д｀)

得意先報告・監査・修正

表に出しても良い状態にホームページが仕上がり、得意先に見てもらう事となった。
理由として、製品の実物写真を掲載する許可を取りたかった為だ。

指摘①製品が特定出来る写真(品名・品名コード等が映っている)はNG。
指摘②具体的な製品名の記載や製品が特定される文面はNG。
「この2点だけで他はOKです」と言ってもらえた。

補足で「このホームページ作者さんが作ったん？スゴ！プロみたい」とお世辞でもうれしかった!(^^)!

サクッと修正し、もう一度得意先に見てもらいお墨付きをもらった。

社長からの追加依頼

第6段階(約３週間～４週間)

得意先からのお墨付きをもらったので、社長に最終報告(この時、作者は思っていた)を行った。

社長…「作者さん、良く出来てます。ついでに『後藤製作所のページも追加』してもらえるかな」
作者…「もっ、もちろん追加出来ますよ」
社長からの追加依頼が発生した瞬間だった。(@_@)

ここで、弊社GOTOグループの紹介です
GOTOグループは後藤工業株式会社(以下「GOTO工業」とする)と株式会社後藤製作所(以下「GOTO製作所」とする)の２社のグループです。

「GOTO工業」は
「本社・府中工場」「世羅工場」「芦田工場」の３拠点でR社の協力会社としてほぼ100％の仕事をしている。
「世羅工場」「芦田工場」はダイカストの加工を行っていて、
「府中工場」は金型関係、強度検査用テストピ－スの製造を行っています。

「GOTO製作所」は
GOTOグループの一員で、社長も同じですが、R社の仕事はほぼ無く、［鉄・ステンレス・アルミ等］様々な材料から精密加工を行っている。

「GOTO製作所」は作者目線では、【超超精密加工】の技術を持った超エリート集団。
「GOTO製作所」の敷居は高い!!
これはヤバイ、写真どこを写す？人物は許可が降りるのか？機械…知らん？技術…分からん？

先ずは、「GOTO製作所」の会社の責任者【G部長】に挨拶がてら、社長からの『後藤製作所のページも追加』の話をしに行った。
そこで、今時点で作ったホームページをUSBメモリーに入れて、パソコンで簡単なプレゼンを行った。

それを見て、
Ｇ部長…「うん、社長から聞いている。」
作者…　「ここがこうで、そこがこうで」と説明。
Ｇ部長…「今忙しいので、私は何をすればいい？」
作者…　「写真・人物・機械の写真を取らせて下さい。」
Ｇ部長…「Ｍ次長に言って好きに撮ってもらえばいいよ」
作者…　「会社の強味・アピール・技術資料を教えて下さい」
Ｇ部長…「１週間位もらえる？」
作者…　「１週間でも１ヶ月でも…」
Ｇ部長…「じゃ私が作ってメールするよ」
作者…　「お願いします。」

うぉ～～超協力的だった(*'ω'*)

早速、M次長の所に向かう。
［ちなみに、Ｍ次長は作者入社後、半年入って来た４０年来頼りにしてる優秀な後輩だ。］
後日、度々「GOTO製作所」におじゃまして、工場内撮影・人物撮影・機械撮影・動画撮影をした。
「主要設備一覧」なる資料も直ぐにもらった。
【持つべき物は友】よな～と思った。

Ｇ部長とも何回か、話しに行ったり、メールのやり取りをして
「GOTO製作所」のホームページが出来上がっていった。

社長・各責任者の最終確認

第7段階(約１ヶ月)

Ｇ部長から「GOTO製作所」のホームページの確認・承認を受けた。

しかし、社長より
①「「GOTO製作所」は『機械がどれだけ距離動くか・どれだけの大きさの製品が加工できるか』が大事なので機械の写真や名前だけでは無く、『ストローク』を追加して下さい。」
②「どんな製品を加工しているか分かるように製品紹介のページも追加して下さい。
との指令が下った。

そこは、「GOTO工業」のページで経験済みだ！
ピロリロリン！Lvが上がりました。
Lv2.「ホームページ学ぶ者」になった。
Ｍ次長に協力してもらってサクサクサクっと編集して完了!!

※社長に見てもらって、粗方OKがもらえた！※

各工場をまわってUSBメモリーにホームページを入れ、パソコン上で各責任者に確認してもらった。

みんなの受けも良く、これで『GOTOホームページ』が誕生した。(@^^)/~~~

インターネットUP

第8段階(約2週間)

ホームページをインターネットにUPする事となった。

作者は「△△△インターネット」にログインして、ホームページをインターネットにUPする為に、久しぶりに「youtube先生」に逢いに行った。
相変わらず「youtube先生」は優しく教えてくれたが、それはとても抽象的な答だった。

分からん((+_+))

「HPビルダー」を立ち上げ ヘルプ(H)キーからマニュアルを開く。
目次から「サイトを公開する」からの指示通り進めてみる。

第1項.転送の設定をする
①メニューバーから「サイト・転送設定の一覧/設定」を選択します。
②「通常」タブをクリックし、 設定追加 をクリックします。
③［その他のプロバイダを使用する］を選択し、 次へ をクリックします。
④［プロバイダの選択］の選択欄をクリックして、プロバイダーやサーバーを選択します。
⑤転送設定をする。FTPサーバー名・FTPアカウント名・FTPパスワード・転送先フォルダー等を入力します。
⑥［転送先フォルダ］*1 を確認、または設定します。*1 操作 ④.⑤で選択したプロバイダーやサーバーによっては、表示さ
れる項目名が変わります。
⑦［転送設定名］を入力します。
⑧［サイトの URL ］に、 URL が設定されていることを確認します。
⑨. 完了 をクリックします。
⑩. ［転送設定一覧/設定］ダイアログボックスの 閉じるをクリックします。
ここまでが、「△△△インターネット」にログインする為の設定です。

第2項.サイトを転送・公開する
①サイトを開いてない場合は、サイトを開きます。
②ナビバーの［サイトの公開］をクリックします。
③［公開先設定］の選択欄をクリックして、「手順 2 ：転送の設定をする」で設定した転送設定を選択します。
④. 公開 をクリックします。
⑤転送が完了し、メッセージが表示された場合は 公開サイトを開く をクリックします。

第3項.インターネットで確認する
①ブラウザーの［更新］ボタンをクリックするか F5 キーを押して、ページの内容を最新の情報に更新します。
②ページの内容が正しく表示されるか確認します。

第1項.～第3項.の作業を行ってみた。

トラブル続出

第9段階(約１ヶ月)

トラブル[No,1.]
1.⑤転送設定のFTPサーバー名・FTPアカウント名・FTPパスワード・転送先フォルダー等が「△△△インターネット」のどの「文字列＆数字」が当てはまるか分からない？
対処…ネット検索で『「HPビルダー」の「△△△インターネット」の設定』というサイトを参考に「文字列＆数字」を当てはめた。

トラブル[No,2.]
2.④公開 をクリックしても、⑤転送が完了し、メッセージが表示されない?
対処…ネット検索で『「HPビルダー」の「ファイル転送ツール」を使ってレンタルサーバーに転送』というサイトを参考にパソコン内の「HPビルダー」の全ファイルを直接レンタルサーバー内に転送した。

トラブル[No,3]
2.⑤ページの内容が正しく表示されない？
対処…ネットで調べた結果、2.④の［転送先フォルダ］ を
○○○○.△△△△.ne.jp/home/△△△△⇒○○○○.△△△△.ne.jp/home/△△△△/wwwに変更した。

社長「まだHP見れませんか？」と言われた。
作者「頑張ります。」と答えた。

トラブル[No,4]
トラブル[No,1.]～[No,3.]のトラブルを対処したが、2.⑤ページの内容が正しく表示されない？？
対処…「△△△インターネット」カスタマーセンターに「上記4つの対処をしたが内容が正しく表示されない」とメールを送り、返信を待つ。

返信内容…「ホームページのアップロードにつきましては、ファイルマネージャーとFTPソフトからアップロードが可能でございます。
FTPソフトでのアップロード方法でFFFTPをご利用の場合はサポートサイトと動画での照会もありますのでご確認いただきますようお願いします。」
FFFTPをご利用の場合　https://www.○○○○
「FFFTP」でアップロードする手順　https://www.○○○○との返信内容だった。

社長「まだHP見れませんか？」と言われた。
作者「もっと頑張ります。」と答えた。

トラブル[No,5]
作者は上記URLを参照し、もう一度　第1項から最後まで入力し直したが2.⑤ページの内容が正しく表示されない？？？
対処…「△△△インターネット」カスタマーセンターに「FFFTPをご利用の場合　https://www.○○○○「FFFTP」でアップロードする手順　https://www.○○○○をしたが、内容が正しく表示されない」と再度メールを送信した。

返信内容…「もしこれを、ドメインごとにホームページを運用予定の場合は、ファイルマネージャーより任意のフォルダを
作成して、そのフォルダにコンテンツデータを転送することでドメインごとで閲覧が可能となります。
詳細につきましては以下URLをご参照ください。
　▼ 1つのレンタルサーバー契約で複数のドメインのHPを公開したい！
　https://www.○○○○

社長「まだHP見れませんか？」と言われた。
作者「もう少し時間を下さい。」と答えた。

トラブル[No,6]
上記URLを参照し、他ドメインを追加し、もう一度　第1項から最後まで入力し直したが2.⑤ページの内容が正しく表示されない？？？？
対処…もうメールではらちがあかない!!と思い、「△△△インターネット」カスタマーセンターの電話対応に切り替えた。
電話対応は先１週間が予約できる様になっており、次週の金曜日の16：00が１枠空いていたので、エントリーを開始したが、最後の登録で「当時間は予約で埋まっており、他時間を予約下さい。」とのたまわって来た💢

社長「まだHP見れませんか？」と言われた。
作者「もう２週間下さい。」と答えた。

次の週の月曜日朝9：00に電話対応手続きを行い、次の次の週の月曜日13：00の予約が取れた。

トラブル[No,7]
前回から１０日経ち、「△△△インターネット」カスタマーセンターの電話が掛かって来た。
今までのやり取りと、作者が行ってきた対処を説明した。

作者「…………。」今までのやり取りと、作者が行ってきた対処を説明した。
カスタマーセンターＣさん「それで合ってますよ」
作者「ネットではHPが見れません」
カスタマーセンターＣさん「今、御社のレンタルサーバー内をこちらで確認します」
作者、しばらく待つ。3分位。
カスタマーセンターＣさん「HPのデーターは正しく転送されていてHPも見れますよ」
カスタマーセンターＣさん「[goto-kougyou.jp/access]」と入れて下さい。
作者「ちょっと写真等が化けていますが見れます」
これで電話を切った。

よーし！解決したと思った。

トラブル[No,8]
[goto-kougyou.jp/access]と入力して、HPが観覧できるようになったのだが、
①写真が表示されない。
②サイトナビゲーションが機能しない。
③各ページリンクも機能しない。
④そもそも[goto-kougyou.jp]ではHPが表示されない。
対処…自分なりに転送方法・コンピューター言語・HP立ち上げを他サイトのブログ等を見て勉強し、１週間頑張って色々試してみた。

社長「まだHP見れませんか？」と言われた。
作者「ABコンピュータービジネスのＣさんに依頼します。」と答えた。

ABコンピュータービジネスのＣさんに「今度、弊社に来られた時、HPについて教えて下さい。」と電話した。

トラブル解決

第10段階(約2週間)

電話をしてから約２週間後、ABコンピュータービジネスのＣさんが弊社に訪れた。

Ｃさん…「作者さん、どこでつまずいたの？」
作者　…「HPアップしたけど、見れないんです。」
Ｃさん…「レンタルサーバーの中身を確認しようか。」
Ｃさん、サクサクと「HPビルダー」を立ち上げ「ファイル転送ツール」を使ってレンタルサーバー内を確認する。
[この間５分経過]
Ｃさん…「レンタルサーバー内はちゃんとデーター入ってるよ。」
作者　…「「△△△インターネット」カスタマーセンターにも言われました？」
Ｃさん…「じゃあここかな。」
Ｃさんは第１講⑤⑥の中身を入れ直し、一部サーバー内の番地を変更し
「これでOK!」、「後は[HPビルダー]から第２講①②③をやってみて]と言われた。
作者　…「第２講①②③をやってみます」「HPが表示されました～!!」
[ここまでの間10分]
作者　…「Ｃさんありがとうございました。助かりました。」
Ｃさん…「良く一人でここまでやったね！」
ピロリロリン！Lvが上がりました。
なぜかLv3.「ホームページ悩む者」になっていた。

作者はこの時ばかりは泣きそうだった😢

回想

作者は社長から「我が社もホームページを作って、GOTOを世の中の人に知ってもらい求人等に活かしたい。ついては、自由で温か味のあるモノにしたいので、業者に頼らず「ホームページ制作者」(以下「作者」とする)に作ってもらいたい。」と指令を受けていた。
何とか一人で業者に頼らずホームページを作る目標だったのだが、インターネットにUPする作業でつまずき、約１ヶ月の間１人でトラブルの対処を行ったが解決できなかった。

作者は、業者に頼ってしまった。
それも、約１ヶ月解決出来なかった問題が、ABコンピュータービジネスのＣさんに掛かれば、約10分で解決したのだ。

心情①社長の指令を全う出来なかった事による不達成感。⤵
心情②１ヶ月⇒10分　作者の能力の無さ。⤵
心情③長らく解決出来なかった問題からの解放された喜び。⤴
心情④GOTOのホームページがインターネット上に表示された達成感。⤴

作者は4つの感情が入り乱れ泣きそうになった訳だった😢

HP修正1⃣

第11段階(約2週間)

無事HPがインターネット上に表示されたわけだが、作業はこれで終りでは無かった。

問題①　画像・テキストボックス・ボタン等のパーツの位置がズレたりはみ出したりしている。
問題②　色合いが作成時と異なり文字が読みにくい。
問題③　スマホで観覧すると問題①と同様に位置がズレたりはみ出すが、スマホ特有のズレ等の問題がある。
問題④　ページを切り替えると動画が勝手に流れ出す。

パソコンは２画面で修正しつつ、スマホも表示させ修正を行った。
問題①②は比較的簡単に修正が出来た。
問題③は写真の並びが逆順になったりしていて修正が難しかった。
問題④はページを変えると自動で音声が流れる「HPビルダー」の仕様だった。
残念だったが、動画ファイルを編集し直し、音声を出さない様にした。
ピロリロリン！Lvが上がりました。
Lv4.「ホームページ好きな者」になった。LvUPが速くなった⁈

HPの修正が終ったので、各責任者に閲覧してもらい、修正を重ねた。

HP修正2⃣

第12段階(約1週間)

責任者の観覧後、新たな問題が浮上した。
作者のスマホはアンドロイドだ。
iPhoneにはアンドロイドと違う不具合が２点ある事が分かった。iPhoneキライ(-_-メ)

問題⑤アンドロイドでは動画が再生されるが、iPhoneでは動画が表示されない。
問題⑥アンドロイドとiPhoneでは画像・テキストボックスの位置が微妙にずれる。

パソコンは２画面で修正しつつ、スマホもアンドロイド・iPhone２台を表示させ修正を行った。
（iPhoneは同僚の私物を借りた。）

問題⑤の「iPhoneでは動画が表示されない。」問題は、ネットで調べたけれど解決策が見当たらなかった。
そもそも、「HPビルダー」を使っているOSはwindowsでアンドロイド端末とは相性が良い。
それに比べ、iPhone端末と良い相性はiOSに決まっている。

作者は、根本から考えを改め他の方法を考える事にした。

元は、HP上の「マルチメディアツール」を使用して動画や音声を動作させていた。
そこを、「HTML ソース（YouTube、アフィリエイト）ツール」 を使って外部（YouTube）に乗せた動画をHP上で参照し、YouTube動画として見れるようにする事にした。

step1.　YouTubeの個人アカウントの取得…例のめんどくさいあれだ((+_+))
（1.https://www.……サイトにアクセス。2.アカウント名登録。3.メールアドレス入力。4.仮登録完了。5.メールから来たURLを踏み、再度 同サイトにアクセスし本登録完了。）
step2.　HP上の全ての動画をYouTubeにUPする。
（初めは10動画作っていたが、４動画は「画像ツール」で静止画とし、6動画をYouTubeにUPした。）
step3.　「マルチメディアツール」を消して、新たなページに「HTML ソースツール」を入れる。
step4.　YouTubeのマイページを表示し、UPした動画を選択、動画リンクをコピーする。
step5.　HTML ソースを表示させ、YouTube の埋め込みコードを貼り付ける。
step6.　元の「マルチメディアツール」があった場所に「スイッチツール」を配置し、「HTML ソースツール」ページにリンクさせて出来上がり!!
ピロリロリン！Lvが上がりました。
やっとLv5.「ホームページ作る者」になった。(YouTuberになれるかも？)

問題⑥「アンドロイドとiPhoneでは画像・テキストボックスの位置が微妙にずれる」事の対策は、２台のスマホを見比べながら、お互いのズレた中間点を探りつつ地道に調整するしかなかった。

スマホの機種によっては、問題⑤⑥共解決できない個体もあるが、そこは大目に見てもらう事にする！

GOTO社員へHPの公開と意見の収集

第13段階(約3週間)

HPののURLを「QRコード作成ツール」でQRコードを作成し、社員に向けてHPの閲覧と意見の募集を文書で行った。

次がその意見だ。
⑴ふれあいの歴史の　1.写真が古い　2.写真のみでどこで何をしているのか分からない　3.写真の掲載している意図が分からない。
⑵年間行事が分かり難い。昔の行事は要らないのでは等。
⑶ワクワク事業は、外部から見て本業で行っているように見える。
⑷募集要項やその記載についての意見。

作者なりに考えて作ったつもりだったが、作る側と見る側の視点の違いによって、多くの修正点が見えてくる事が分かった。

社長との最終確認

第14段階(約3週間)

さあ、修正だ！

忙しい社長を捕まえて、集まった意見を説明し、修正し終えた期間は3週間掛かった。

期間的には2024年6月から作り始めて、11月末までに出来たので、約半年掛かったが目標内で出来上がった。

最初に社長から「我が社もホームページを作って、GOTOを世の中の人に知ってもらい求人等に活かしたい。ついては、自由で温か味のあるモノにしたいので、業者に頼らずに作ってもらいたい。」との要望は、達成できたのだろうか？

ここからの評価は、ホームページの観覧者にゆだねるしかないだろう。

ホームページ公開

第15最終段階(約１ヶ月)

2024年12月1日に正式にGOTOホームページの公開を行った。

残る作業は
①各ページに「Google検索エンジン等」にヒットする文字列（後藤工業・府中市・ダイカスト等）を登録する。
②ファビコン（ロゴ）がホームページの検索覧の先頭に表示するプログラムを作成・改造する。
この２点で、SEO対策(検索結果の上位に表示され安くする方法）を行った。

・３日後　…検索覧に「後藤工業・府中市・ダイカスト」を入れると、５ページ目にホームページが表示された。
・１週間後…検索覧に「後藤工業・府中市・ダイカスト」を入れると、２ページ目にホームページが表示された。
・２週間後…検索覧に「後藤工業・府中市・ダイカスト」を入れると、１ページ目、トップにホームページが表示された。
・３週間後…検索覧に「後藤工業・府中市」だけで、１ページ目、トップにホームページが表示された。
・１ヶ月後…ホームページの検索結果の最初の部分にファビコン（ロゴ）が表示された。

これでGOTOを知らない人にホームページを見てもらえる。

他者から寄せられたホームページの反応

ここからは、社長や社員から聞いた他者からの声だ。

「これプロに作ってもらったの？良く出来ている」
「GOTOの社員が作ったの？凄い能力だね」
「分かりやすくて、温かみがある」等

 

うれしすぎる!!!!!!!!!!!!

 

ピロリロリン・ピロリロリン・ピロリロリン・ピロリロリン・ピロリロリン！Lvが上がりました。
一気に最終Lv10.
「ホームページ作家」になれた。

作者は心から『やってよかった・チャンスをくれた社長に感謝』と思った(^_-)-☆

これで、作者の【ホームページ立ち上げ秘話(制作者の苦悩と成長)】の話は終りです。
最後まで見てくれてありがとう！

完。