株式会社 山本金属製作所
ほーむぺーじ☆りにゅ〜ある裏話
☆☆ - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
☆☆ - - - - - - -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
☆☆ - - - - -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -




> 始動!!


このたびホームページを一新するにあたって、いろいろな苦難・困難・・・そして笑いがありました(笑)
そんな製作秘話をこっそりお届けしま〜す♪

お楽しみに!!Σ(*'ω'*ノ)ノ!

※りにゅ〜ある裏話は2012年2月1日をもちまして掲載終了いたしました。


2011/4/2 山金HP作成担当:リリィ



*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆



> リニューアルって大変!?


本日もHP作成担当リリィよりお届けします♪

リニューアルの企画はなんと2年前から話に上がっていました。
けれど、HPについて詳しい知識を持つ人がいない、社内情報を集約できていない…などなど
HPを活用しきれていないという現状を抱え、課題も多々ありました。

私もHP作成担当になったものの、なかなか上手く情報をwebで伝えていけていないことや
自分の技術レベルの低さに頭を抱えつつ、ずっとリニューアルの形を考えていました。

少しずつ考え、作成していたのですが…一人ではどうにもならない問題に立ち止まっていました。

そんな中、立ち上がったのが私たち女性3人によるHPチームです☆

・情報収集担当2名
・HP作成担当1名  計3名
 ※私以外の2名はまた今後ご紹介させていただきます♪

2010年の9月末にチームが結成されました。
(きっかけは英語のHPを作成したことからでした)

そして結成後、すぐにミーティングが行われました!!


☆リニューアル作成の流れ☆

1.HP全体のデザイン決定
2.掲載内容の設定
3.各ページ内容の作成
4.ウェブページの作成
5.リンクやタグの確認作業
6.ウェブ上に更新

  ↓

完成!!


おおまかに、上記の工程で進めていきました。

こうして書くと非常に簡単そうな工程なのですが、これが意外に大変なんです。
いろんな苦労なんかも今後紹介していきますね。

そうして私たち3人は毎週ミーティングをしながら2011年4月リニューアルに向けて進めていきました!!


2011/4/8 文:リリィ



*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆



> “届けたい熱い思い”


みなさん、こんにちは。
今日は情報収集担当ピロリ菌よりお届けです!!

私 ピロリ菌は情報収集(企画)を担当しました☆
とは言いつつ、ホームページについては、ド素人中のド素人の私・・・
担当させてもらえることは嬉しかったですが、めっちゃ不安でした><)

とりあえず、他社のHPを参考に
山金のHPをどんなのにしようか考えてみました。
そして、どんな情報をお届けできるのか検討!

他社のHPを作成者側の視点からみて初めて気づいたことがあります、
インターネットの普及が当たり前世代の私にとっては、
情報はあって当然でした。
でも、そこにはそのホームページを作成している会社や人の
”届けたい熱い思い”がありました。


山金の”届けたい熱い思い”って何・・・?


入社してこれまで考えたことのない大きな疑問。
こんな苦労からホームページづくりって始まるのね・・・トホホ

と、思いつつ、山金のHPイメージづくりは続きます。


2011/4/11 文:ピロリ菌



*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆



> 昔も今も変わらないもの


こんにちは〜☆
本日はHP作成担当リリィがお届けします!!

新しく変わったことに慣れてしまって、
昔はどんなだったかを忘れることってありませんか?

たとえば髪型。
昔は長かった人がバッサリ切って、最初は驚くものの
それが当たり前になって以前の髪型が思い出せなかったりしませんか?

そんな皆様に!!(笑)
リニューアル前の2008年〜2011年3月までの山金HPを公開します♪




★ リニューアル前の旧HP ★


懐かしいですよね〜。
といっても皆様はまだリニューアル前の方が落ち着くかもしれません。
ずっとリニューアル版HPを作成していた私としましては、昔のHPをなんだか懐かしく思います。しみじみ。
旧HPも忘れないでいていただけると嬉しいです。
いろんな人が携わり、良いものを良いものを…と思って作り上げた山金HPです。

新しいHPも今まで以上に、山金の情報や技術・製品を発信していきます☆
よろしくお願いします(*^□^*)


※ちなみに“HP”とは?・・・ホームページの略です(笑)


2011/4/21 文:リリィ



*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆



自分のことを、自分は知らない


お久しぶりです☆
今日は情報収集担当ピロリ菌のお届けです♪

出会ってすぐの知人や、交流が深くない人から
「あなたってこういうところあるね!」って
自分の思ってもない性格や性質を言われたことありませんか?


みなさんに伝えたいHPの内容を考えていると、
長年勤めてきた自分の会社のことを、まだまだ知らないんだな、
断片的にしかわかってないなと痛感・・・


・どんな技術を持ってるの?
・どんな加工ができるの?
・どんな提案・サービスがあるの?

いろいろあるけど、具体的に文章にするとこれが以外に難しい。。

技術が売りの製造業のみなさんは特に悩むところかもしれませんね。
我が社のすごい技術をどうやって伝えるか・・・

そして、考えた結果できたページが「製品・技術情報」です。
まだまだですが、よかったらしっかり見てやってください!

そしてそして、山金のキーワードは「ヒト」だと気づきました。
技術を持つヒト、陰で支えるヒト・・・
そんな「ヒト」についても雰囲気が伝わればと、社内活動のページを作りました。
山金のすてきなヒト・魅力をお伝えしていきます。

まだ更新作業ができあがってない部分もありますが、
これからどんどん更新していきます!!


2011/4/27 文:ピロリ菌



*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆



> 素敵☆ホームページにしたい!!


前回、過去のHPについてご紹介しましたが今回はデザイン選考についてです。

リニューアルHPを作成する工程でご紹介した、
@番目『HP全体のデザイン決定』についてお話したいと思います。


山金HPのリニューアルということで、今までとは違うデザインにしたいですよね。
それが非常に難しい!めちゃくちゃ悩みました!!

格好良いデザインというものは沢山あります。
いろんなところにプログラムを組んでみたり、動画だらけにしてみたり、光ったり…などなど
見栄えの良さだけを追求すれば幾らでも幅は広がります。

けれど、大事なことを忘れてはいけません。

インターネット上でWebページを作成する第一の目的は、“山本金属という会社を知ってもらうため”です。


山金らしさや山金の良いところを伝えられるHPにするため、
さまざまなデザインを検討しました。


      

    ★デザイン案1★          ★デザイン案2★           ★デザイン案3★


まず見やすさ!!
そして、会社イメージ・PRポイントを伝えられるか!!
さらに内部事情としましては、更新が簡単に・スムーズに行えるか!!

山金独自の味を出せるように、デザインにはシンプルなものが求められます。
デザインが派手だとインパクトはありますが、内容が伝わりにくくなる可能性があります。それでは意味がありません。
HPでは“山本金属という会社の内容”を知ってもらいたいのです。
外観デザインはシンプルに、そして内容は濃く、この2つがリニューアルHPには求められました。


いろんなデザインが考えられる中、決定したのが今のデザインになります。


いたるところに画像が表示されるようになっているので、いつでも差し替え可能です。
その他のボタンやアイコンをグレーで統一したので、とってもシンプル!!
ページ毎でさまざまな色が出せるようにしました。

今のデザインも親しまれるようになれば、作成者として嬉しいかぎりです♪
それでは、本日はいっぱい語りましたのでこの辺で。


2011/4/29 文:リリィ



*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆



> できっこないを やらなくちゃ。


情報収集担当のお祭り娘です。

会社についての知識は全然ないけど、今のHPより良いものを作りたい。
入社して半年の私がHPリニューアルという大仕事のメンバーでいいんだろうか…というのが最初の感想でした。
私自身、就職活動中は選考中の企業ホームページを見まくった経験から、これから山金の採用試験を受ける学生が見て楽しい会社と思えるHPにしなければ!!というのが大きかったです。

会社のホームページって何気に見ているけど、実際形にするって難しい。
全てにおいてひよっこの私には全てのことが新鮮で楽しかったです。

わからないことだらけで先輩のお二人には多大なる迷惑をかけてしまいましたが、とてもやりがいのある楽しい仕事でした。

アナログ人間なので、色々やらかしました。
それについても書いていけたらなーって思います。

次回につづくと思います★


2011/5/10 文:お祭り娘



*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆



> ホームページ作成の基本


本日も雨。いよいよ梅雨の時期でしょうか?
HP作成担当リリィです☆

この時期はネットが繋がりにくくなるので嫌ですよね〜。
どうして雨の日はネットが繋がりにくくなるのでしょうか?
説によると…
外に出なくなるためネットを利用者が多くなるからだとか、
天気予報を見る回数が多くなるから…など利用者が集中するからだと言われています。
本当かどうかはわかりませんがちょっとした余談でした♪


HP作成担当として基本的なことをお話していませんでしたね。
今回は、HPの管理表とも言える作成ソフトのお話です。
基本ソフト2つについてお話します!!


ホームページビルダー(HP作成)

山金のホームページは市販の『ホームページビルダー』を使用して作成しています。
ホームページビルダーは非常に便利な機能がたくさんあって使いやすいです。オススメ☆

特に使えると思ったのは“ビジュアルサイトビュー機能”です。
組織図のように「index.html」から張り巡らされたリンク先のファイルを表示してくれます。
下記の図が山金HPのサイトの一部です。




           ★サイトリンク図 ★


小さな四角い図がたくさんあるのがわかりますか?
リンクがおかしいとこの四角い図の横に赤色で『×』のマークが付きます。
これが付くと“リンクの修正が必要である”ことがわかります。

ただ要注意なのが、間違えたページとリンクを繋いでしまうと分からなくなってしまいます。
リンクを繋ぎ直しただけで“リンクが修正された”と認識されてしまいます。
ですが、注意して使用すれば便利なことには変わりありません。
どのページにどうリンクしているのか、きちんとリンクされていないページはどこなのか、この機能で明確に表示されます。
私も非常に良く活用しています♪


FFFTP(ファイル転送)

FFFTPはサーバーへファイルを転送する為のフリーソフトです。
簡単に説明すると、自分のPC内でフォルダからフォルダへデータを移すことってありますよね?
それをこのソフトを使うことでインターネット上(サーバー)のフォルダにデータを送るようにすることができるんです。




         ★ FFFTP(ファイル転送) ★


上の図のようにソフトを起動するとウィンドウが二つ出てきます。
左が自分のPCにあるファイル。右がインターネット上に掲載しているファイルです。
左から右に指定したファイルを移すだけで、更新ができてしまうのです。
非常に簡単です!!


ホームページ作成は、基本的には非常に簡単な仕組みになっています。
要は作成するホームページの中身にかかっています!!
そこには、アクセスUPさせるためのキーワード入力欄の作成や別ファイルで作るプログラムがあったり、
画像へのちょっとした細工などさまざまな工夫をページの内容に盛り込んでいます。
それが一番大変で、少し間違えると表示されなくなったり、見栄えが全く変形してしまったりと繊細な作業になります。

そういった工夫やこだわりなんかも今後少し紹介できたらと思います。
今回も長くなってしまいましたのでこの辺で。


2011/5/23 文:リリィ



*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆



努力は報われる


嬉しい成果がありました☆
ホームページからの問い合わせです!!
しかも、旧ホームページには掲載しておらず、
あまりお客様へもPRをしてこなかった分野の問い合わせでした☆
これはホームページ「様様」の成果です♪


というのも、今回のホームページ作成にあたり
メインになる「製品・技術情報」について
今一度うちの会社が提供できるサービスってなんだ?と整理してみました。

すると・・・
これまでうちの会社がお客様毎に個別に対応していたことや、
ほとんどPRされていないサービスがあるではありませんか!?
これはもったいない。。
広く多くの方に知ってもらい、少しでもお役にたつものがあれば、みんなハッピー!!

ということで、試行錯誤しながらまとめたわけでございます☆

しか〜し、まとめるのは結構大変。はじめはなかなか第一歩が踏み出せませんでした。
でも問合せがあったとき、あのとき頑張ってよかったと心底思いました♪


2011/6/1 文:ピロリ菌



*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆



○○ページの正しい使い方


いよいよ夏がやってきました!!
でも、花火大会の時期が来ると「夏も終わりか…」とたそがれてみたりするHP作成担当リリィです。


ここで、『インターネット☆小ネタ』を一つ。

この裏ページで良く使用する“HP”という表記ですが、これは以前“ホームページ”の略称だと記述しました。
しかし、“ホームページ”と言うのは私たちが使うのは“山金のホームページ”全体を指して使います。
これは日本や一部の国でよく使用されますが、アメリカでは違う意味になってしまいます。
私たちが使っている“ホームページ”は“ウェブページ”と表記するのが本来の正しい使い方です。
“ホームページ”とは“ブラウザのホームボタンに登録されたウェブページ”の事を指すもので、
サイト自体を指すものではないのです。


むずかしいでしょうか?
そうですね。ややこしいのでたとえ話をします。


とても広くて大きな図書館を想像してみてください。
本……それは大量の紙の集まりです。
山本金属のサイトは山本金属という表紙の中にいろんな情報(ページ)が入っている一冊の本と考えてみましょう。
山本金属という本全体を指して“ホームページ”と読んでいますよね?
けれど、本来の言葉の使い方は違います。

“ホームページ”とは図書館の入口付近に置いてある図書検索機のことです。
すべての図書へと繋がる入口のような役目なのです。
日本ではyahoo!やgoogleが一般的なのではないでしょうか。

“ウェブページ”とは図書館に置いてあるすべてのページを指します。
この場合のページとは図書の表紙も1ページです。
図書に使用されている紙という紙すべてがページなのです。

山本金属というウェブサイトがあって、その中に情報が入っているという考え方ではなく、
表紙から何から何まで図書館全てが情報(ページ)であるというのが“ウェブページ”という言葉の使い方なのです。


といっても例外もいっぱいあります(笑)
言葉というものは歴史や文化とともに変化していくものですので。

ただ“ホームページ”のその意味が伝わっていれば問題ないと思います。

たとえ話の方がややこしかったらすみません。
“ホームページ”という使い方が本来のものではないんですよ、っていうのが今回の小ネタです。
知ってたらどこかで使えるかも!?な『インターネット☆小ネタ』でした♪


2011/7/25 文:リリィ



*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆



ほーむぺーじ☆りにゅ〜ある裏話は、
2012年2月1日をもちまして掲載終了とさせていただきます。

こっそりと更新し続けてきた隠しページでしたが、なにか参考になることはありましたでしょうか?
HP更新は今後も続けていきますが、このページの更新は終了となります。
今までお付き合い下さいまして誠にありがとうございました。


2012/2/1 ピロリ菌・リリィ