2021/10/24 【復旧済み】15:58 お問い合わせが正常に送信できないエラーが発生しておりました。
ロゴデザインの変遷 2023/05/06
なぬかまち.comでは時代に合わせてロゴやサイトデザインを変更してきました。
現在のロゴはランプの点灯をイメージしたシンプルなアニメーションロゴとなっています。以前はボンネットバスをモチーフにしていましたが、大正ロマンの街並みを直感的にイメージできるよう現在のデザインへと変更されました。
また、これまでは画像ファイルでしたが、新ロゴではアイコンフォントとテキストを組み合わせたものとなり、サイト表示速度の向上にも寄与しています。
表示速度の高速化 2023/05/09
インターネット上に情報が溢れているこの時代に、ウェブサイトをいかに早く表示させるかは重要なポイントになっています。
当サイトは「持ち歩ける七日町通りの観光情報」というコンセプトの通り、サイトの公開時から観光の途中でも快適に閲覧できることを目指しています。
公開当時の2010年はガラケーやスマホなど移動体通信の通信速度がそれほど速くありませんでした。その後もMVNOと呼ばれる格安プランの通信速度は低速なものも多く、その通信速度でも快適に利用できるように工夫していました。
現在ではほとんどのキャリアで屋外でも快適に利用できる通信速度となっていますが、それでも当サイトの高速化については改善が続けられています。
また、単に高速に表示させるのであれば、シンプルなデザインにするのがベストな選択肢です。しかしデザインや読みやすさ・七日町通りに行ってみたいと思っていだだけるようなサイトの雰囲気にするには、画像やフォントデザインにもこだわる必要があります。つまり、デザインと表示速度のバランスを探っていく必要があります。
当初、当サイトトップページの表示速度は1,000ミリ秒以内に描画を終えることが目標でした。その後も改善が続けられており、現在では700ミリ秒以内・キャッシュが有効であれば300ミリ秒以内の表示を目標としています。
なぬかまち.comはこれからも快適にサイトをご利用いただけるよう、表示速度の改善を続けてまいります。
表示速度の高速化のために改善されたポイントの一部をご紹介します。
画像の最適化
画像はサイズを圧縮でき対応ブラウザも多い「Webp」に変換しています。JPEG画像の場合も全て適切なサイズに調整し圧縮しています。
ロゴ画像は当初PNG画像でしたが、アイコンフォントに変更しました。これにより読み込みが必要な画像を減らすだけでなくロゴをCSSでアニメーションすることも可能になりました。
画像スライダーの調整
当サイトのトップページで、ウェブサイトの評価指標であるコアウェブバイタル(Core Web Vitals)に悪影響を及ぼす一番の部分は画像スライダーです。
画像スライダーを単一の画像に置き換えればすぐに改善できますが、七日町通りのイメージを多面的にアピールするにはスライダーが必要でした。
そこで、当初Jqueryを使用していたスクリプトをVanillaJSに置き換え、CSSを改善することでCLSと呼ばれる読み込み後のズレも生じないように工夫しました。
また、スライダーの2枚目以降に読み込まれる画像を遅延読み込みすることで、優先度を下げています。
キャッシュの読み込み
トップページで表示されている天気予報はAPIを使用しています。読み込みごとにAPIを呼び出すのは別のドメインにアクセスすることになり速度を出すことができません。
そのため当サイトではcronジョブを作成しAPIから読み込まれたリアルタイム情報を等間隔でキャッシュします。
トップページではそのキャッシュを読み込むことで速度が向上しました。またAPIがダウンしている場合でも当サイトの読み込みに影響がありません。
JavaScriptとCSSの最適化
JavaScriptのコードを見直し、最低限必要なコードのみを使用しています。スタイルシートも見直し、どちらもミニファイ化することでファイルサイズが圧縮されました。
また、表示に大きな影響を与えるこれらのファイルについてはpreloadによって最優先の読み込みを行っています。
ウェブフォントの最適化
当サイトでは、いくつかのウェブフォントを使用しています。サイト全体で使用するフォント・ロゴと見出しのフォント・天気表示用のフォント・アイコンフォントです。
特に日本語フォントはサイズが大きくなるため、常用漢字のみ取り出すことでサイズを小さくすることができました。
他にもワンポイントで使用するアイコンはSVGに変換し、それをアイコンフォント化することで読み込みファイル数を少なくしています。HTTP/2によって並列ダウンロードが可能とはいえ、読み込みファイル数を減らすことは高速化に有効な方法です。
サーバの調整
当サイトをホスティングしているサーバでは、gzip圧縮よりも効率的なBrotliによって圧縮転送が行われています。
さらに最新のPHPバージョンとJITによってさらに速度が向上しています。
サーバの監視
通常のアクセス以外にも、様々なクローラーによるアクセスがあります。その中にはサーバに高負荷をかけるものもあるため、それらのアクセスについては複数回の警告を経た後にサイトの検索や転送サービスを使用する権利を停止しています。
これらの措置によって一般のアクセスを保護しています。
2023/04/16
ルート案内でエラーが表示される不具合を修正しました。
2023/02/24
ルート案内の改善・サイト内部処理の高速化を行いました。
2023/01/12
サイト内検索の改善・データベース更新によるサイト内表示速度の改善を行いました。
2022/08/15
地図が正常に読み込まれない場合がある不具合を修正しました。
2022/05/19
メール送受信に関わるメンテナンスが終了しました。
2022/02/13
アクセシビリティ情報を更新しました。
2021/11/14
店舗情報を追加・お問い合わせフォームの改善・店舗情報修正のフィードバックページをオープンしました。
2021/10/24
お問い合わせフォーム・アカウント新規登録フォーム・ユーザーページ・お気に入り登録のエラーを修正しました。
2021/08/22
セキュリティアップデートを実施しました。
2021/07/03
検索フォームを入力した際、関連する場合は店舗リストを表示するようにしました。
2021/04/29
iOS14.5に対応するスマホ表示を修正しました。
2020/09/28
サイト内検索の改善により検索精度が向上しました。
2020/07/05
サイト内投票システムの見直しを行い、一時的に非表示にしています。
2020/01/25
サイト内検索の調整・駐車場名を検索できるようになりました。
2019/11/20
サイト内検索の調整・定休日一覧の更新・以下のページを追加しました。
七日町通りの歴史 何度でも生き返る街並み
ベーカリー&カフェ basket. ・鷹匠カフェ・お好み焼き 双月・きものべんりや としの坊・空山NEO七日町店・WHISKY SHOP アクアヴィテ・七日町パティオ
2019/10/14
駐車場のページに便利な駐車場マップを追加しました。
店舗の定休日を一括で確認できるようになりました。
キャッシュレス決済についての情報を各店舗ページに追加しました。
2019/05/02
地図関係の表示エラーを修正しました。
2018/06/14
周遊バス「あかべぇ」・「ハイカラさん」についての情報を更新しました。バスロケーションシステムについての情報を追加しました。観光用周遊バスを探す トップ
2018/06/02
手ぶらでまちなか観光サービスについての情報を更新しました。観光用周遊バスを探す トップ
2018/04/07
駐車場情報を更新しました。
2017/08/21
観光用周遊バスの情報を更新しました。周遊バスを探す
2017/08/11
店舗を追加しました。One's home〜おにぎり&カフェ〜
2017/06/29
【完了済】6月29日 0:30よりSSL証明書切り替えの作業を行います。
ご不便をおかけしますが、ご理解とご協力をお願いいたします。
2017/06/15
【復旧済】2017年6月12日 12:12~2017/06/15 19:34にかけて、店舗ページが閲覧できない障害が発生しました。
サーバー増強に伴うIPアドレスの変更が原因でしたが、現在は復旧しております。
ご迷惑をおかけいたしましたことをお詫び申し上げます。
2016/12/23
店舗評価ができるようになりました。
2016/12/14
店舗個別ページに「アクセシビリティ情報」を追加しました。
下記店舗を新たに追加しました。
會津よろずや(Aizu Yorozuya Cafe)・
七日町市民広場・
パンフィールシュン (Panfeel SHUN)・
ホテル大阪屋・
鈴木屋利兵衛・
会津バル・
蕎麦酒菜 祥・
Ristorante Luce(リストランテ ルーチェ)・
Pizzeria Felice(ピッツェリア フェリーチェ)・
三番山下・
ショップかでる大町店・
紀州園茶舗・
大善屋呉服店・
加藤陶器店・
宇佐美食堂・
滝谷建設工業 会津若松支店・
なぬか町茶房 結・
花と陶器 永山・
あんみつと喫茶 桃里道・
Belle Ame(ベル アーム)
2016/09/14
食べる・見るのページで、種類別に絞り込めるようになりました。ご要望をいただきありがとうございました。
2016/09/10
9月10日 21:00~22:30頃、ネームサーバの不具合によりサイトに接続できない状態が発生しました。ご迷惑をおかけしました。現在は復旧しております。
2016/09/09
駐車場をマイページに登録できるようになりました。
現在地から駐車場や店舗までの地図を生成できるようになりました。(駐車場や店舗の個別ページから生成できます)
2016/09/05
サイトの表示速度が高速化されました。
七日町通り観光案内所 新店舗を追加しました。
七日町食堂を追加しました。
ごはんカフェ×ショップ あいいろを追加しました。
2016/01/28
ユーザー登録時の不具合を改善しました。
2015/09/17
通信の安全性を高めるための改善を行いました。SSLを導入し全ての接続がセキュアなHTTPS通信になりました。
2015/05/18
「駐車場を探す」目次ページを改善しました。写真を表示しさらに見やすくなりました。
2015/03/14
公衆無線LANスポットを探せるようになりました。
2015/01/20
天気情報を表示しています。
2015/01/19
セキュリティ向上のための取り組みを実施しました。
2015/01/15
アカウントを作成できるようになりました。自分だけのマイページにお好きなお店を登録できます。ログインすればパソコンやスマホなど、異なる端末でも同じ情報を確認できるようになりました。
2015/01/07
サイトをリニューアルしました。
(スマホでの閲覧に最適化・店舗の検索を充実)。インスタグラムでの写真投稿に対応しました。地図の表示を従来比で高速化しました。
2015/01/06
一部店舗のレビュー表示を修正しました。
2013/08/14
お蕎麦を楽しむおすすめプランを追加しました。
七日町通り観光案内所を追加しました。
アイバッセを追加しました。
中むら 十割手打ちそばを追加しました。
会津ブランド館を追加しました。
2013/08/12 とんかつ大将の口コミを投稿していただきました。
2013/04/04 トップページが正常に表示されない不具合が発生しておりました。現在は解決しております、ご迷惑をおかけしました。
2013/01/30 テーマを決めて巡る七日町通りおすすめプランにカフェでスイーツを楽しむおすすめプランを追加しました。
2013/01/25 店舗情報を追加しました。会津バーガー ラッキースマイル
2012/10/18 10月15日ごろからサイトの表示速度が遅くなっておりましたが復旧いたしました。原因:サーバ上位設定の変更のため。ご利用中のお客さまへは、ご不便をお掛け致しましたこと、 深くお詫び申し上げます。
2012/09/24 口コミが投稿されました。
2012/09/11 口コミが投稿されました。
2012/03/18 テーマを決めて巡る七日町通りおすすめプランにお手軽グルメを楽しむを追加しました。
2012/02/17 テーマを決めて巡る七日町通りおすすめプランに新選組ゆかりの地を巡るを追加しました。
2012/02/16 テーマを決めて巡る七日町通りおすすめプランを追加しました。
2012/02/16 店舗情報を1件追加しました。
2012/01/30 データベース最適化・キャッシュ採用により、店舗ページの表示スピードが高速化されました。
2012/01/30 店舗情報を12件追加しました。
2011/12/22 2013年(平成25年)NHK大河ドラマ 新島八重の特設ページを開設しました。
2011/11/28 なぬかまち.comのスマートフォン版が、iPhoneデザインアーカイブに掲載されました。
2011/11/28 路線バスに関する会津若松市公式サイトのURLが変更になったため、リンクを更新しました。リンク切れでご迷惑をおかけしました。
2011/11/08 観光バス専用駐車場の情報が追加されました。
2011/10/31 「あかべぇ」まちなか周遊バスの情報が追加されました。
2011/10/27 ドリアン洋菓子店の情報が更新されました。
2011/09/29 路線バスの運行ルートが一部変更されました。
2011/09/25 クチコミの投稿が可能になりました。
2011/08/25 周遊バスの情報を追加しました。
2011/07/22 サイト内検索のbeta運用を開始しました。
2011/07/14 「お店を探す」メニューにアイコンを追加しました。
この変更によりお店の種類が分かりやすくなりました。
2011/07/14 店舗を追加しました。
2011/07/06 店舗画像を追加しました。
2011/05/01 スマートフォンに対応しました。
2011/02/24 駐車場の詳細ページを追加しました。
2011/02/21 「お店を探す」→個別詳細ページを追加しました。
2010/12/27 バーチャル散歩をリリースしました。
2010/12/01 なぬかまち.comを公開しました。