2025年のサイトデザイン集です☆
一緒に振り返ってみましょう！

 

デフォルトゆめかわデザイン①

 
デフォルトゆめかわデザイン
2025/1/1-1/31

 

デフォルトゆめかわデザイン②

 
今年は5回サイトの着せ替えをしました👗
皆さんはいくつ覚えていますか？

 

ゆめかわ風透過デザイン(ブルー)①

 
ゆめかわ風透過デザイン(ブルー)
2025/2/1-3/31

 

ゆめかわ風透過デザイン(ブルー)②

 
初めての透過デザインです！
背景を透過させるとオシャレに見えますね✨

 

ゆめかわ風透過デザイン(ピンク)①

 
ゆめかわ風透過デザイン(ピンク)
2025/4/1-4/30

 

ゆめかわ風透過デザイン(ピンク)②

 
ピンクは驚いた人も多かったようです😲
掲示板がバズりましたｗ

 

ゆめかわ風透過デザイン(ブラウン)①

 
ゆめかわ風透過デザイン(ブラウン)
2025/5/1-8/21

 

ゆめかわ風透過デザイン(ブラウン)②

 
全部のデザイン覚えている人は、、、
まぎれもなくチョコラーです 笑

 

ちょこかわ風透過デザイン(ブラウン)①

 
ちょこかわ風透過デザイン(ブラウン)
2025/8/21-

 

ちょこかわ風透過デザイン(ブラウン)②

 
思い出として画像に残しておきました。。。
ちなみに2025年以前のデザインはこちらです👈

 
皆さんは、どのデザインが好きですか？
良かったらコメント欄で教えてください♪
(リクエストも歓迎)

サイトのデザインをいつでも自由に変更できるように
前にサイトの枠の外側を着せ替え方式にしました。

帰ってきたサイト向上委員会。の作業も一段落したので
新たにサイトの枠の内側も着せ替え方式にしてみました♪

 

デフォルトのデザイン①

 
基本のデフォルトのデザインです。

 

デフォルトのデザイン②

 
チョコレート・チップスということで
茶色をベースとしたチョコレートを感じさせる
デザインになっています。。。

 

ゆめかわ風デザイン①

 
ゆめかわ風に着せ替えしてみました☆

 

ゆめかわ風デザイン②

 
背景の着せ替えをするだけで
印象がガラリと変わりますね！

 

掲示板のメッセージ欄 (変更前)

 
- おまけ -
今回の着せ替えとは関係ないのですが…
掲示板のメッセージ欄の
デザインを変更してみました。

 

掲示板のメッセージ欄 (変更後)

 
せっかく作ったのですが…
前の方が全体的に良かったので
不採用になりました 笑

 
今回、枠の内側も着せ替え方式にしたことによって
デザインのバリエーションがより豊富になりました。

瞬時にサイト全体の外観を変更できるので便利です♪
(センス良いデザインにするのは結構難しいｗ)

だからといってあまり頻繁にデザインを変えるのも
どうかと思うのでたまに変更しようと思っています。

いつまでも魅力溢れるサイトであるために・・・

今、何をやっているのかというと…

サイトの外観はそのままで
内部のプログラムを大改良するという
作業を行っています。。。

・サイトのレイアウト置き換え（テーブル→CSS）
・古いコード（非推奨）の置き換え
・適切なタグ付け（SEO対策）
・ソースコードの整理、整形
etc

別に言うつもりはなかったのですが…
あまりにも大変なので、、、
言わずにはいられなかったです (´-ω-｀)
(言わないと誰も気付かないしｗ)

サイトの制作や修正を業者に頼むと
何十万円も費用が掛かるのも頷けます。
(自分でやれば無料ですｗ)

でも、大変さの中にも楽しさもあって
プログラミングのスキルも自分で
向上しているのが分かるので充実しています☆

サイトは自分にとって主力メディアなので
永続的に運用するためには必要な作業なのです。
(今後のサイト発展にも繋がります…)

できれば今月中に終わらせたいですね！

もっとサイトを使い易くするために
ここ3ヶ月くらいでやったことです。

・文字コードをUTF-8に統一
サイトの文字コードが一部UTF-8ではないところが
あったのですべてUTF-8に統一しました。

掲示板の検索結果に一部文字化けが生じていたのが
なくなったり、ほぼ文字化け問題が解決しました。

・改行コードをLFに統一
サイトのローカルファイルの改行コードを
すべてLF（ラインフィード）に統一しました。

サーバーとローカル（パソコン）のデータの
やりとりがすべてバイナリで行えるようになり
ファイルの管理が便利になりました。

・サイトデザインのレイアウト調整
余白やレイアウトを最適化することによって
見やすく使い易いサイトにすることが出来ます。

文字やボタンなどの余白やレイアウトを
1pxレベルで調整しました。

・ソースコードの整理
ソースコードを整理することによって見やすく
プログラムの修正などが分かりやすくなります。

無駄なソースコードを削除したり
誤り（バグ）を修正したりしました。

・JavaScriptを外部読み込み方式にした
・サイトデータの整理（サーバー／ローカル）
・パーミッション（属性）の見直し
・広告を自動広告にした
・Webフォント導入（一部）
etc

すべては楽をしたいためにやっている訳ですが、
そのためにものすごい手間を掛けてるという 笑

外からは何もやってないように見えても
常に見えないところで頑張っています！

別に言わなくてもいいことかもしれませんが…

今回こういうことを言うことによって
何かを感じてくれたらと思っています☆

新サイトを公開してから
2年が経過しました・・・

皆さんもう旧サイトから
新サイトへ移行はお済みですか？

旧サイトはガラケーや
インターネットエクスプローラーが
主流だった頃に作ったもので

現在の端末やブラウザの仕様に
合わなくなってきています。

旧サイトの更新も・・・
手間や拡張性の問題から
ある時から止まっています。

もしまだ旧サイトを
メインで使用してる方がいましたら

新サイトへの移行を
よろしくお願いします。。。

旧サイト
https://chocochip.jp/1st
↓
新サイト
https://chocochip.jp/2nd

今後・・・

旧サイトを削除するか残しておくか
まだ決まっていませんが

10年、チョコレート・チップスを
支えてくれたサイトなので

感謝を込めて・・・

ここにギャラリーとして
画像を残しておきます。。。

 


 


 


 


 


 


 


 

スマホやタブレットにアプリが
ずらっと並んでると思います。

今回はチョコレート・チップスの
アプリについてです♪

正確にはアプリではないのですが…

チョコレート・チップスのサイトで
ブラウザのメニューから
「ホーム画面に追加」をすると
ホーム画面にチョコチップの
アイコンが表示されます。

 

チョコチップのアプリ

 
そこからいつでも
チョコレート・チップスのサイトに
アクセスが可能になります！

チョコレート・チップスのサイトが
一つのアプリみたいになります☆

良かったらやってみてください♪

併せてお気に入り(ブックマーク)も
よろしくお願いします。

ホーム画面に追加
お気に入り(ブックマーク)
→chocochip.jp

新しくサイト作りました！

オフィシャルサイト2（マルチブラウザ版）

これまでのサイトは、
スマホが普及する前に作ったもので

当時は…
パソコンやガラケーが主流で
世界的にInternet Explorerが
標準ブラウザでした。

そのため今の様々な端末や
ブラウザの仕様に合わなくなってきたので
これまでの反省も踏まえて
新しくサイトを作ってみました。

新サイトのコンセプト
・シンプル (更新が容易)
・どの環境でも見やすい
・動作が軽い (HTML主体)
・長期に渡って利用可能
etc

とにかく前のが凝っていたので
シンプルなサイトを作りたかった 笑

前のが好きな人もいると
思うので残しておきます。。。

どちらも内容は同じなので
好きな方をご利用ください♪

オフィシャルサイト1
オフィシャルサイト2（マルチブラウザ版）

サイトのトップページから選べます。
chocochip.jp