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

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

 

デフォルトのデザイン①

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

 

デフォルトのデザイン②

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

 

ゆめかわ風デザイン①

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

 

ゆめかわ風デザイン②

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

 

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

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

 

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

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

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

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

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

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

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

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

・サイトのレイアウト置き換え（テーブル→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

チョコレート・チップスのサイトは、chocochip.jp
以下のWebブラウザで動作確認しています。

 
- オフィシャルサイト -
◆Google Chrome
◆Microsoft Edge
◆Mozilla Firefox
◆Opera
◆iOS (iPhone)
◆iPadOS (iPad)
◆Android (タブレット)
...など。

(推奨)
パソコン: Google Chrome / Microsoft Edge
タブレット: iPadOS (iPad)
スマートフォン: iOS (iPhone)

 
- オフィシャルサイト（旧版）-
◆Internet Explorer
◆Google Chrome
◆Mozilla Firefox
◆Opera
◆Apple Safari (Win)
◆iOS (iPhone)
...など。

Internet Explorer (推奨)
特に、最も利用者が多いであろうInternet Explorerで、
ベストパフォーマンスが得られるように作られています。
※開発当時のWebブラウザシェアの状況から

 
尚、サイトを閲覧中にパソコンがブッ壊れようが、
スマホが爆発しようが一切責任は負いません 爆笑

≪通信料は、お客様のご負担となります。。。≫