ずっと前、まだWEB制作を仕事にする前、nanoloopというGameboyで動作するソフトウェア・シンセサイザーを使って、チープな電子音楽をつくっていました。

ちょうどインターネットが普及しはじめた時だったので、独学でつくったホームページに音源をのせて、海外のいろんなレーベルにメールを送っていると、アメリカの555 Recordingsというレーベルのスチュワートさんから返信が来て、今度コンピつくるから参加しない？と言われ、レーベル名にちなんだ55曲入りの（1分弱の曲ばかりを集めた）アルバムに入れてもらいました。

その後もスチュワートさんに「こんなのできたよ」と送り続けていると、いいやん！となってアルバムを出してくれることになり、25歳のぼくは有頂天になりました。その時、スチュワートさんの助言に逆らって、紙ジャケではなくプラスチックケースを選択したことを、今でも後悔しているのです。

スチュワートさんから何度も「紙ジャケのほうがクールだし、輸送コストも抑えられるから、紙ジャケにしてくれ」と言われました。しかしぼくは、CD収納ラックにきちんと収まらないという、ただそれだけの理由で紙ジャケを拒み、頑なにプラケースにこだわりました。結局スチュワートさんが折れて、プラケースでいくことになりました。

500枚プレスされ、そのうちの50枚がアメリカからぼくの家に送られてきました。それを自分で手売りしたお金が、ぼくの報酬ということです。頭のどこかでお金を貰えると思っていたぼくは、その時はじめてインディーズのリアルを知りました。自分の作品がCDになったことに感動したけど、段ボールの中に積まれた50枚のプラスチックケースが、なんだか味気ないモノに見えてきました。

プラケースのやり取りから、スチュワートさんとの間に気まずい空気が生まれてしまい、その後メールをやり取りすることは無くなりました。

スチュワートさん、元気かな？あの時ちゃんとスチュワートさんにお礼を言えていないような気がする。遠い国の、見ず知らずのぼくの音楽に耳を傾けてくれて、拙い英語にも辛抱強く付き合ってくれて（まだグーグル翻訳のような便利なものはなかった）、当時の小さな夢を叶えてくれたことに対して。今度スチュワートさんに手紙を書こう。そしてプラケースにこだわったことを謝ろうと思う。

ちなみにこの時の体験で、ぼくはインターネットの可能性にシビれ、ホームページ制作の道に進むことを決意しました。

スマホ対応、Retinaディスプレイ対応、WEBサイト制作の工程は昔よりも面倒くさくなっている。スマホ対応は仕方ない、というかもはや当たり前のことだからいいんだけど、Retina対応が地味に面倒で、Apple製品で見る人たちのために、わざわざ画像を「通常サイズ」と「2倍サイズ」の2パターン作成し、表示を切り替える設定をしないといけない。しかも、この面倒くさい作業をしっかりやったところで、こうして言わない限り誰にもわかってもらえない。プロならば、真のプロならば、いちいちこんなダサイことを言わず、ただ黙々とこなし、涼しい顔をしていないといけない。しかし！コツコツとRetina対応をするたびに、Appleめが、と思ってしまいます。ただのダサい愚痴です。

インスタグラムで流れてくる美容師さんがヘアカットするビフォーアフターの動画を見て、「切る前のほうがよかったのになあ」と思うことがある。せっかく長髪が似合っていた若者が、ツーブロックさわやかヘアーにされてしまうのは、見ていてツライものがある。

本人がそう望んで満足しているのならいいんだけど、美容師のエゴというか、おれが切るからにはガラリと雰囲気変えてやるぜ、という余計な力みが透けて見えるのだ。（もちろん彼らが全てにおいてそういう仕事をしているわけではなく、変化のわかりやすい事例を公開しているということは理解していますよ）

そういうぼくも、ホームページのリニューアルを依頼された時、同じような力みが生まれることは否めません。だけども、本当に全部変える必要があるのかな？今のホームページにも良いところがたくさんあるんじゃないかな？という視点で考えるようにはしています。

実際に相談のメールを頂き、いまのホームページを見てみると「え、これでいいやん」と思うことがあるのだ。自分の良さは、自分には見えづらいのだ。

Figmaでスマホページをデザインする時
iPhoneにもFigmaアプリを入れることで
デスクトップPCでのデザイン作業を
iPhoneの画面でもリアルタイムで
プレビューできることに
今さら気がついたぞ！

ぼくがホームページ制作を独学で学んでいた時代、まだグーグルがこれほど強大な力を持つ前の時代、ホームページのコーディングはテーブルレイアウトが基本だった。スタイルシートデザインはまだ確立されていなかった。テーブルレイアウトは頭の中でブロックを組み立てるような感覚で、ぼくは好きだったし、得意としていた。複雑なレイアウトをテーブルで組み終えた時の快感。異なる要素のマージンは、spacer.gifという透明の画像で調整していた。いまの人は知らんやろうね。

どうすれば検索エンジンで上位表示されるようになるのか。この問いに対して答えるのはとても難しい。確実な方法は無いし、人の手で操作されているわけではないから、実際のところ検索エンジン側の人にも正確にはわからないのかもしれない。グーグルの人はよく「コンテンツの質が大事」と言っています。検索されたキーワードに対して、質の高い情報が記されているページが上位表示されるというわけです。

じゃあその「質」の判定は、どういう基準で行われているのか？それは謎です。まさかキーワードの出現回数なんかではないでしょう。文字量も無関係だと、グーグルの人は言っています。人間が読んで面白い、役に立つ、と思えるページを、上位表示させることをグーグルは目指しているはずだから、つくる側もそういうページをつくるしかない。おそらく、検索キーワードに対する関連性の高さを何らかの方法で判定し、それ以外では、アクセス数、滞在時間、スクロール数、アクションの有無、被リンク数、その他いろんな要素から分析していると思います。予想でしかないけど。

昨年の9月から、ブログをほぼ毎日更新しています。すると、ホームページの検索順位が上昇しました。「ホームページ制作 福岡」というプロがしのぎを削るキーワードで、いま16位にいます。まとめサイトを除いて制作会社だけで数えると、上から10番目にいます。げー。げげー。別に自慢をしているわけではありません。ぼくが伝えたいのは、更新頻度が検索順位に影響するのかもしれないということです。だって9月以前は60位ぐらいにいましたから。

一般的に、更新頻度は順位に影響しないと言われています。でも影響しちゃったのだ。もろに。更新頻度が上がると、見に来てくれる人（リピーター）が増えて、それが順位に影響するということなのかもしれない。ブログの質で言うと、ホームぺージ制作のことなんて全然書いてないから、キーワードとの関連性は低い。ホームページそのものが評価されたのか、まあよくわからないけど、更新するようになったら順位が上がりました。という話です。

タイトルの通り、バナーをつくるのは難しい。小さいサイズの場合、その限られたスペースでユーザーの目を引くバナーをつくるのは大変だし、逆に大きいサイズの場合はスペースを持て余し、余計な情報を入れてゴチャゴチャとなりがちだ。どんなサイズであれ、バナーをつくるのは難しいのだ。時間もかかる。だけど一般的には、バナーなんて鼻歌まじりでちゃちゃっと作れると思われがちだし、制作費の相場も安い。でも実際は時間かかるんだよー（全国のウェブデザイナーたちの切実な叫び）。

ウェブデザイナーはみんな、駆け出し時代にこのバナー制作を徹底的にやらされる。そしてボコボコに打ちのめされる。ぼくもそうだった。デジハリに入学する前、まだ独学でウェブ制作を学んでいた時、あるフリーランスのデザイナーの方（もちろん面識など無い）にいきなり熱いメールを送って、お手伝いをさせてもらっていた。その時もやはり、バナー制作ばかりやった。そして繰り返しダメ出しをされた。あれから23年が経ち、いまだバナー制作に苦戦している。

サーバーの移設がすべて完了しました。

4社のウェブサイトを同時期に移設するという、非常にタフな仕事でした。今回のサーバー移設は、4社共にお客さまが望んだものではなく、10年以上前に契約したサーバーが老朽化し、必要に迫られての移設でした。

サーバー云々って、お客さまからしてみれば目に見えないものだし、正直よくわからないと思うんです。新しいサーバーを契約したり、メールの設定を変更したり、お客さまにやってもらうことも結構あって、移設のための費用もかかるし、嬉しいものではないと思います。

それでも、快くご協力してくださった皆さまには、感謝の念に堪えません。とにかく本当、無事に終わって、ほっとしています。

2010年につくった当時の姿のまま、今も運営されているホームページ。このたびサーバーを移設することになり、新しいサーバー環境に合わせた調整作業をやっていて、HTMLのコードを見ると、時代を感じます。なんせ10年以上も前だから。技術的につたない部分もある。でも逆に、よく作ったなあ、今見ても魅力的なホームページだと、我ながら思います。時代と共にクライアントも変化し、それに合わせてホームページも変化していくものだけど、ずっと変わらず在り続けるのも、良いものですね。

「5ちゃんねるが見れなくなってるの知ってる？」と妻から聞かれた時、一瞬テレビの話をしているのかと思いました。それぐらい、自分の頭の中から5ちゃんねるのことが消えていた。どうやらサーバー攻撃を受けていたらしい。今は復活しています。

サーバートラブルでホームページが見れなくなるという現象は、我々ウェブ業界の人間が最も恐れることのひとつです。クライアントから「ホームページが見れなくなっています！」という電話がかかってきたら、心臓が3秒ほど停止します。

サーバーをAからBに移設する仕事は、神経をすり減らす仕事です。一歩間違えると、ホームページが見れなくなったり、システムエラーが起こったり、メールが使えなくなったりするから。そんなサーバー移設を、いま3社同時に進行しています。DNSの変更ボタンをポチっと押す時の緊張感。無事、終わりますように。

以下、妻から聞いた話です。

WEB制作会社が舞台になっている
あるテレビドラマを見ていたら
主人公（吉高由里子さん）の上司が
大企業のWEB制作の仕事を獲ってきて
その見積りが工期5か月の3500万円で
吉高さんが「そんな安い値段で
できるわけないでしょ！」と
キレていたそうです。

それを見た妻は
「ええええええーーーーー！？」
となったそうです。

さらに吉高さんが
「普通はその2倍でしょ！」
と言い放ったらしく
「に、二倍いいいいいーー！？」
となったそうです。

いったい何に3500万円もかかるのか
その内訳を一生懸命考えてみたけど
よくわかりませんでした。
大企業のウェブサイトともなると
そのくらいするんでしょうか。

WEBのデザイン環境は
Figmaに完全移行しました。

新しいツールを覚えるの
面倒くさいなあと思っていたけど
いざ使い始めると楽しい。

九州各地に9つの店舗を展開している
「岩永補聴器グループ」さまの
ホームページリニューアルを
担当させていただきました。

https://www.iwanaga-co.com/

前回から約7年ぶりのリニューアルです。
旧HPも気に入って頂いていましたが
やはり7年経つと伝えたいことも変化し
スマホからの閲覧が増加したこともあり
全面リニューアルする運びとなりました。

今回は福岡、佐賀、熊本、長崎
九州各地のお店をまわり
すべてのスタッフさんにお会いして
写真と動画の撮影をおこないました。

そしてホームページと共に
完成したのがこちらのムービーです。

撮影は黒川舎の黒川さん。

補聴器にスポットを当てるのではなく
「聞こえを応援するスタッフの皆さん」に
スポットを当てたいと考えました。

事前に手描きの絵コンテをつくり
イメージを共有して撮影に臨みましたが
この方向性で果たして良いのだろうかと
途中悩んだりもしました。

でもスタッフの皆さんにお会いして
その誠実さやお人柄に触れていく中で
間違ってない、大丈夫と確信できました。
（本当に皆さん心の良い人ばかり）

自分が肌で感じた魅力や雰囲気を
しっかりと伝えられるホームページを目指し
ひとつひとつの「言葉」にこだわりながら
社内で立ち上げたプロジェクトチームの
皆さんと共に作り上げました。

岩永さん、高尾さん、川原さん、山道さん
そして撮影にご協力を頂いたすべての皆さん
どうもありがとうございました！

世の中はどんどん変わっていくので
自分もその変化に
対応しないといけないと思う反面
ずっと変わらずにいることも
大事だなと思ったり。

成長はしないといけないけど
根っこの部分はブレずに
生きたいものです。

前から古いモノが好きだったけど
ここ数年その傾向がより強くなっていて
新品よりも古道具屋で買った
使い込まれた木製スツールや
糸のほつれた古いランプなんかに
惹かれるようになりました。

良いモノはずっと良いし
世代を超えて使われていく。
古本にも価値があり
車も進化するけど
旧車には旧車の価値がある。

でもホームページには無い。
ビンテージのホームページは存在しない。
何故なのか？

それはホームページがモノではなく
情報提供ツールであり
広告ツールであり
手に触れることのできない
デジタルデータだからです。
そう考えると、デジタルって
ちょっぴり虚しいものです。

それでもぼくは
ホームページをつくることが好きで
ホームページという存在が
今後どうなっていくのか分からないけど
必要とされる限り作り続けたい。

そして進化もしながら、
ビンテージWEBサイトとなり得るモノを
時代とか流行りとかを寄せ付けない
強いモノを作りたい、と思います。

今年も一年ありがとうございました。
来年もどうぞよろしくお願いいたします。
それでは皆さま、良いお年を！

https://www.asol-d.com/

福岡で活動する建築家、
杉田陽子さんと吉田慎二さんによる
杉田吉田アーキテクツのウェブサイトを
制作させて頂きました。

お二人が手掛けた建築の写真が
美しく個性を放っているので、
ウェブサイトは余計なことはせず、
建築写真を魅せることに注力して
デザインしました。

カッコいい家がたくさん掲載されているので、
建築好きの方、家を建てようと考えている方、
ぜひご覧ください。

実は事務所のウェブサイトを制作する前に、
杉田さんと吉田さんが新たにはじめた
家具のセレクトショップ事業「ナッジレーベル」
のウェブサイトもつくらせてもらいました。




https://www.nudgelabel.jp/


ナッジレーベルでは、
お二人が選定した新進気鋭の
国内家具ブランドを紹介しています。
良い家具をお探しの方は覗いてみてください。

基本的にぼくは通販サイト制作は
得意分野ではないのでお請けしないのですが、
ナッジレーベルはただの通販サイトではなく、
家具をつくる人に焦点を当てたウェブサイトです。

IKASASの佐々木章行さん、
wood scaleの東中村隼さん、
studioA27の石河泰治朗さん＆
ラース・ヴァイェンさんといった
家具作家の方々を取材しました。

wood scaleの東中村さん（写真下）は
鹿児島で家具づくりをしていて、
昨年の夏に日帰り弾丸ツアーで取材に行きました。
ヘトヘトになったけど良い思い出です。
pit chair がぼくは好きでした。
koushi side も個性的でいいな。





東中村さんは釣りが趣味で、
木製のロッドホルダー制作も
仕事としておこなっています。
取材した時にぼくの釣り熱が
まだ再燃していなかったのが悔やまれます。

佐賀県諸富町に自社工場を持つ
平田家具製作所さんのオリジナルブランド
「玄」の取材で佐賀にも行きました。

玄の家具（写真下）は一見すると
普通の家具のような印象を持ちますが、
実物を見るととても洗練されていて、
見れば見るほど好きになっていく家具でした。





吉田さんからナッジレーベルの
サイト制作を依頼されたのは2021年1月。
自宅をリノベし終えて、
ちょうど家具への興味が高まっていた時でした。
自分の意識とタイミングってあるんだなと、
その時感じたことを覚えています。

建築家の方と仕事をするのは初めてで、
知らない世界に触れることができて刺激を受けました。
求められるレベルは高く苦労もありましたが、
おかげでひとつ階段を昇れたような気がします。

吉田さん、杉田さん、
どうもありがとうございました。
カメラマンの長友さんにも感謝。

https://www.step-one.jp/

千葉県でテント製作をされている、
株式会社ステップワンさまのウェブサイトを
リニューアルさせていただきました。

代表の榎本さんは、
イージーアップテントという
アメリカ生まれの高性能テントを、
27年前から販売されている
その道のプロフェッショナルです。

テントの販売だけでなく
テントへのプリントもされていて、
すべて自社工場で榎本さんが
ひとつひとつ丁寧に製作しています。

事例にも掲載されていますが、
有名企業さんのテントも手掛けていて、
中にはあのジブリ美術館のテントも。

夏頃からメールでやり取りを続け、
コロナが落ち着いてきた11月に千葉へ行き
工場や事務所を見学。それから
3か月ほどでホームページが完成しました。

奇をてらわず、老若男女
だれもが見やすく使いやすく、
そして商品紹介をメインとしながらも、
テントを製作している人の存在を
ちゃんと感じられるホームページを目指しました。

榎本さん、どうもありがとうございました！

ハラプロのホームページの中で、
Q&Aのページが一番気に入っています。
あの手描き新聞のスタイルに、
とても思い入れがあります。

東亜コンサルタントの松延さんから
「手描き新聞スタイルでページをつくって欲しい」
というオファーを頂いた時はうれしかったです。

コツコツ描いて、先日公開となりました。
とても良い感じに仕上がりました。
松延さん、ありがとうございました！




https://www.toa-con.co.jp/special.html

以前、打ち合わせで
ホームページの作り方を説明したところ
「え？原田さんワードプレス使わないんですね！」
と、驚かれたことがあります。

はい、使いません。
HTMLとCSS、すべて手書きで
コードを書いてつくっています。

ワードプレスでつくる制作会社さん、
多いですよね。なんでだろう？
テンプレートを使うことで
工数が抑えられるから？

繰り返しになりますが、
ぼくは使いません。
ワードプレスはまるで、
パワーを手に入れすぎて
自分自身を制御できなくなってしまった
AKIRAの鉄雄みたいだから。
（わかる人にはわかる）

ぼくは必要な分だけコードを書いて、
ホームページの構造すべてを
ちゃんと自分で把握できるつくり方が好きです。
シンプル・イズ・ベスト。
フォルダの中に意味不明のファイルが
ごちゃごちゃ入っているのは美しくない。

あと、ワードプレスでつくれば
「クライアント自身でカンタンに更新できる」
って言うけど、あれは本当とも言えるし、
ウソとも言えます。
余計なパワーをつけすぎた鉄雄は、
素人には扱いづらいのです。

なのでクライアント自身で
更新する必要がある場合には、
その部分にだけ、オリジナルの
更新システムを導入します。
そのシステムは信頼している
プログラマーさんと一緒に作ります。

専用に設計したシステムなので
余計な機能は一切なく、
本当の意味でカンタンに更新ができます。

そしてワードプレスは頻繁に
バージョンアップしないといけなかったり、
セキュリティに問題が生じたり、
プラグイン（鉄雄をさらにパワーアップさせるクスリ）
のせいで突然動かなくなったり、
何が起こるかわからない怖さがつきまといます。

ぼくは責任を持って
制御できるものしか
つくりたくないのです。

ただしブログにだけは
ワードプレスを使います。
ブログとの相性はやはり良いので。

https://www.fukujingroup.co.jp/

長年ウェブのお手伝いをさせていただいている、福神グループさまのオフィシャルウェブサイトをこのたび制作させて頂きました。

大きな写真や動画の使用が盛んな中、あえて写真を使用せず、タイポグラフィとテキストによるデザインとなっています。制作前のミーティングでお客さまから大きなヒントを与えていただき、このデザインの方向性が決まりました。

シンプルな中にもハッシュタグによる特徴紹介、ランダム表示される水彩画、回転するブランドロゴなど、随所に遊び心も加えています。

広報チームのみなさま、ありがとうございました！

https://www.tdpo.or.jp/

田川ドローン推進機構さまのウェブサイトを制作させていただきました。

代表を務める田口さんの誠実なお人柄が感じられるウェブサイトを目指しました。また、田口さんのご希望でもあった「シンプルでわかりやすく、動作も軽快なウェブサイト」が完成しました。

写真は黒川舎の黒川さん。撮影時期にちょうど大型の台風が近づいていて撮影できるかどうかドキドキでしたが、当日は見事に晴れました。さすが晴れ男です。ドローンでドローンを撮るときは興奮しました。

田川ドローンさまが所有するドローンラインナップは素晴らしく、最上位クラスの大型産業用ドローンから、手のひらよりも小さい超小型ドローンまで幅広く取り揃えています。

それらすべての機種を、あの雪舟が手掛けた見事な庭園のある魚楽園に並べて撮影をしたのですが、まさに圧巻でした。日本の伝統と最新テクノロジーが融合した唯一無二の写真が、トップページを飾るメインビジュアルとなっています。

今回、ロゴの制作からご依頼をいただきました。