平成 28 年度
卒業論文

飯塚市中心市街地活性化のための情報発信システムの開発
吉村

彩華（学籍番号：13232091）
九州工業大学 情報工学部

電子情報工学科

小田部研究室平成 29 年 2 月 16 日

目次
目次 ....................................................................................................................................
図目次 ................................................................................................................................
序論 ................................................................................................................. 1
1.1

はじめに........................................................................................................................ 1

1.2

福岡県の現状................................................................................................................ 2

1.3

飯塚市............................................................................................................................ 5

1.3.1

飯塚市の現状 ........................................................................................................... 6

1.4 研究背景 .......................................................................................................................... 8
1.5 研究目的 ........................................................................................................................ 10

調査 ............................................................................................................... 12
2.1

ヒアリング、アンケートの実施 .............................................................................. 122.2

九州工業大学生のアンケート実施 .......................................................................... 12

2.3

街なか子育てひろば利用者のヒアリング実施 ...................................................... 13

調査結果 ....................................................................................................... 15
3.1

アンケート結果.......................................................................................................... 15

01.1

九州工業大学情報工学部の学生の結果 .............................................................. 15

3.1.2

街なか子育てひろばのヒアリング結果 ............................................................. 17

ホームページ作成 ....................................................................................... 22
4.1

ホームページの開発.................................................................................................. 22

4.2

ホームページの宣伝の効果 ...................................................................................... 33

4.3

ホームページの今後の更新について ...................................................................... 35

4.4

SEO の実践とその効果 ............................................................................................. 35

まとめ ........................................................................................................... 50
5.1

結果.............................................................................................................................. 50

5.2

今後の課題.................................................................................................................. 51

参考文献 ........................................................................................................................ 52
謝辞 ................................................................................................................................ 53

図目次
図 1.1 日本の総人口および将来推計[1] ........................................................................ 1
図 1.2 福岡県から 1000 キロ以内にある都市[3] .......................................................... 3
図 1.3 福岡県の観光客の推計 (平成 22 年～平成 27 年)[4] ..................................... 4
図 1.4 福岡県の地域別人口変化及び増加率 (平成 27 年度、平成 22 年度)[5] ..... 4
図 1.5 福岡県飯塚市の所在地[6].................................................................................... 5
図 1.6 飯塚市の人口の推移 (平成 22 年度～平成 27 年度)[7] ................................... 6
図 1.7 旧伊藤伝衛門邸[8]................................................................................................ 7
図 1.8 飯塚山笠の様子[8]................................................................................................ 8
図 1.9 旧長崎街頭にあたる飯塚商店街[9] .................................................................... 9
図 1.10 イオン穂波店[9].................................................................................................. 9
図 1.11 飯塚商店街の以前のホームページ................................................................. 10
図 1.12 平日の昼間の飯塚商店街の様子 .................................................................... 11
図 2.1 街なか子育てひろばの外観 .............................................................................. 12
図 2.2 九州工業大学情報工学部生に行ったアンケートの内容............................... 13
図 2.3 街なか子育てひろばでのヒアリング内容 ...................................................... 14
図 3.1 九州工業大学情報工学部生へのアンケート結果 .......................................... 16
図 3.2 上街なか子育てひろばヒアリング結果 .......................................................... 18
図 4.1 トップページ ...................................................................................................... 23
図 4.2 イベント情報 ...................................................................................................... 23
図 4.3 ほんまち商店街のマップ .................................................................................. 24
図 4.4 問い合わせのページ .......................................................................................... 24
図 4.5 居酒屋検索 .......................................................................................................... 25
図 4.6

50 代以上女性を選んだ場合 ............................................................................. 25

図 4.7 居酒屋検索のプログラム .................................................................................. 26
図 4.8 居酒屋検索のプログラム .................................................................................. 27
図 4.9 イベントのチラシ .............................................................................................. 29
図 4.10 2017 年 1 月 6 日の読売新聞朝刊 ................................................................... 30
図 4.11 Google フォームに HP の登録を行った時の様子 ......................................... 30
図 4.12

Bing フォームに HP を登録する .................................................................... 31

図 4.13 商店街のツイッターアカウントいいぬこ .................................................... 31
図 4.14 いいぬこのつぶやきの内容 ............................................................................ 32
図 4.15 アンケート結果 ................................................................................................ 34
図 4.16 田中さんがホームページを更新している様子 ............................................ 35

図 4.17 飯塚商店街の予測検索 .................................................................................... 36
図 4.18 商店街駐車場マップのページ ........................................................................ 37
図 4.19 商店街駐車場マップのページ ........................................................................ 38
図 4.20 商店街駐車場マップのプログラム ................................................................ 39
図 4.21 駐車場マップのプログラム ............................................................................ 40
図 4.22 ランチのページ ................................................................................................ 41
図 4.23 ランチのページ（店舗ごと） ........................................................................ 42
図 4.24 ランチマップのプログラム ............................................................................ 43
図 4.25 ランチマップのプログラム ............................................................................ 44
図 4.26 居酒屋をマップのピン立て ............................................................................ 45
図 4.27 英語版のホームページの一部 ........................................................................ 46
図 4.28

SEO を実践した前後の検索結果の変化 ........................................................ 47

表目次
表 1.1 政令指定都市の人口ランキング (2015 年 10 月～2016 年 10 月)[2] ........... 2
表 4.1 アンケート内容 .................................................................................................. 33

序論
1.1

はじめに

現在日本の人口はおおよそ 12000 万人である。
全国の人口の推移を図 1.1 に示す[1]。
図から見てわかるとおり、将来人口は年々減少の一途をたどっている。
次に、全国の政令指定都市の人口のランキングを表 1.1 に示す[2]。都市は人口密集地帯になっており現在も人口が増加している都市もある。中でも福岡市は平成 28 年度の国勢調査によると、政令指定都市の中では人口増加数・増加率ともにトップ（2015 年
10 月～16 年 10 月）である。
その反面、地方では人口の流出が多く、都市部と地方の田舎では非常に差がある。同
じ福岡県内でも北九州市では 2015 年 10 月から 16 年 10 月までに 5043 人減、北九州
市内人口の割合にして 0.5％以上と全国の中でも著しく減少している。こうした中、安倍政権は「地方創生」をスローガンに、地方の活性化と人口減政策のための総合戦略策
定に乗り出した。若者にとって魅力ある町づくり、人づくり、仕事づくりを推進し、地方の人口の流出を食い止めるのが狙いだ。また、これからますます情報社会になっていく。そのため地方が自ら情報発信をしていくことが生き残るカギとなっている。
130000000
125000000
120000000
115000000
110000000
105000000
100000000
95000000
90000000
85000000
80000000

図 1.1 日本の総人口および将来推計[1]1表 1.1 政令指定都市の人口ランキング (2015 年 10 月～2016 年 10 月)[2]
政令指定都市

1.2

人口

増減数

神奈川県

横浜市

3731293

6449

大阪府

大阪市

2702033

10848

愛知県

名古屋市

2304794

9156

北海道

札幌市

1958398

6042

福岡県

福岡市

1553778

15097

兵庫県

神戸市

1535765

-1507

神奈川県

川崎市

1489477

14264

京都府

京都市

1474735

-448

埼玉県

さいたま市

1275331

11352

広島県

広島市

1196380

2346

宮城県

仙台市

1084674

2515

千葉県

千葉市

9735499

1667

福岡県

北九州市

956243

-5043

大阪府

堺市

837603

-1707

新潟県

新潟市

807450

-2707

静岡県

浜松市

797164

-816

熊本県

熊本市

739606

-1216

神奈川県

相模原市

721552

772

岡山県

岡山市

7205711097

福岡県の現状福岡県は九州本島の北部に位置し、九州地方の中では最も人口が多い県である。北部
は日本海、東部は瀬戸内海に面している。県の中心部を筑紫山地が連なっており、筑後川・矢部川・遠賀川流域、宗像地域、京築地域では平野が広がっており水田地域が多い。
また、玄界灘の壱岐や対馬をはさんで大韓民国があり、同国南部の主要都市である釜山
までは福岡市から直線距離で 200km 程度である。また、中国の上海市までは同様に
850km 程度といずれも東京より近い。福岡市から 1000km 以内にある都市を図 1.2 に示す[3]。

2

これらの事例のように、近隣諸国の主要都市がおおむね 1000km 圏内に存在するため、博多港、福岡空港、北九州港、北九州空港などから韓国や中国、台湾などのほか東南アジアの主要都市への航路が多く設定され、これらの地域からの観光客が増加傾向にある。福岡県の近年の観光客の推計を図 1.3 に示す[4]。
また、福岡県は大きく分けて 4 つの地域（福岡、北九州、筑後、筑豊）に分けられる。
2010 年（平成 22 年）と 2015 年（平成 27 年）の両国勢調査を比較すると、県全体としては 30903 人の人口増となっているが、福岡市やその周辺の市町で人口が増加傾向にあるのに対し、それ以外の地域は概ね人口が減少傾向にある。
福岡県の地域別人口変化及び増加率を図 1.4 に示す[5]。

図 1.2 福岡県から 1000 キロ以内にある都市[3]

3

1900
1855
1850
1782

1800
1740

1750
1700
1650

1678
1642

1600
1550
1500
平成22年

平成23年

平成24年

平成25年

平成26年

図 1.3 福岡県の観光客の推計 (平成 22 年～平成 27 年)[4]

3000000

5.00
4.00

2500000

3.00
2.00

2000000

1.00
1500000.00-1.00

1000000

平成27年度
平成22年度
増加率

-2.00
-3.00

500000

-4.00
0

-5.00
福岡

筑後

筑豊

北九州

図 1.4 福岡県の地域別人口変化及び増加率 (平成 27 年度、平成 22 年度)[5]

4

1.3

飯塚市

飯塚市は福岡県中部に位置している。飯塚市の所在地を図 1.5 に示す[6]。筑豊三都の一つであり、
筑豊の中心都市であり人口は 121178 人と最も多い(平成 27 年 1 月末調べ)。
市域西北部から西部、西南部にかけて 400 – 900 m 級の山々に囲まれている山地を形成している。市域東部にも 200 – 300 m 級の山がいくつかあり小さな山地を形成している。市域中央部から北部は山に囲まれた盆地である。内陸都市のため、夏場は気温が上がりやすく非常に暑い。冬場は放射冷却現象により、最低気温が氷点下の冬日も多い。
飯塚市圏の教育機関として、高等学校は、私立飯塚、県立嘉穂、県立嘉穂東、私立近畿大学附属福岡の計 4 校が所在、大学は国立九州工業大学情報工学部、私立近畿大学産業
理工学部、私立近畿大学九州短期大学の計 3 校が所在している。明治時代から昭和時代にかけて炭鉱が栄えた土地であり、現代では炭鉱跡地に工業団地が造成され製造業の誘致が行われている。
また、飯塚市本町商店街は、江戸時代には長崎街道の宿場町として、明治時代以降は、
日本の近代化の原動力となった産炭地として栄えた。1976（昭和 51 年）には、日本で初めて商店街にドーム型アーケードを採用した。
飯塚市の人口の推移を図 1.6 に示す[7]。グラフからもわかるように飯塚市の人口は減少の一途にある。

図 1.5 福岡県飯塚市の所在地[6]5図 1.6 飯塚市の人口の推移 (平成 22 年度～平成 27 年度)[7]

1.3.1 飯塚市の現状
飯塚市の主要幹線道としては、一般国道 200 号、201 号、211 号があり、交通の要衝地でもあり、JR 九州は、篠栗線、筑豊本線、後藤寺線が走っており、電車で、新飯塚駅から博多駅まで最速 35 分、小倉駅まで最速 53 分という利便性で、両政令都市への通勤・通学圏内になっている。飯塚市は長崎街道の宿場町、筑豊炭田時代の中心地などの歴史的な変遷を背景に、福岡県央地域の中心都市であるとともに、3 つの大学を有す
る文化性・創造性を備えた情報産業都市、学園都市として位置づけられる。
現在、福岡県の北部九州自動車 150 万台生産拠点推進構想により北部九州への集積が進む自動車関連産業への地元企業の受注拡大・新規参入に努めるとともに、市長のトップセールスによる企業誘致を積極的に行っている。更に、豊かな資源を輝かせ、人が多く訪れるまちづくりを行うため、観光の振興にも取り組んでおり、平成 19 年 4 月末
から一般公開した旧伊藤伝右衛門邸を始め、市内に点在する嘉穂劇場、旧長崎街道内野宿などの歴史的遺産を活用した観光ルートの整備にも努めている。図 1.7 に伊藤伝衛門の写真を示す[8]。また、市内には数多くの教育施設や医療・福祉施設などが存在し、教育・子育て・医療福祉の環境は充実しており、安心・安全なまちづくりにも力を入れている。平成 18 年 3 月 26 日に飯塚市、穂波町、筑穂町、庄内町、頴田町が合併し、6

新しく誕生した飯塚市は、平成 28 年 3 月 26 日に合併 10 周年を迎え、「人が輝きまちが飛躍する住みたいまち住みつづけたいまち」を都市目標像に、市民との協働によるまちづくりに取り組んでいる。
7 月になると飯塚市山笠が行われる。飯塚山笠は享保年間に始まったと云われており、今日まで夏の市民祭として親しまれている。約 3000 人とも云われる男衆が水法被に身を包み沿道からの勢い水を全身に浴びながら街中を疾走する姿は、飯塚の街に感動と一時の清涼感を与える。図 1.8 に飯塚山笠の様子を示す[8]。
10 月になると筑前の國いいづか街道まつりがおこなわれる。飯塚市の中心市街地界
隈で時代仮装行列や踊りの競演会など実施される。ストリートダンス、フードコートや歴史展示物など多彩な催しで多くの人でにぎわう。
12 月になると永昌会が開催される。永昌会は明治初期より続き 130 数回を超える飯
塚市中心商店街の歳末大売り出しである。飯塚の町が安さに染まる年末の名物イベント
で日替わりでイベントが実施され、ソフトバンクホークスの選手がトークショーをするなど大いに盛り上がる。
また他にも飯塚中心市街地では年間 100 以上のイベントが開催されている。
このように飯塚市には歴史的背景があり、産業的にも文化的にも非常に魅力がある街である。

図 1.7 旧伊藤伝衛門邸[8]7図 1.8 飯塚山笠の様子[8]1.4 研究背景
飯塚バスセンターから東に 100 メートルほどのところに飯塚本町商店街と東街商店街がある。図 1.9 に飯塚市中心市街地の様子を示す[9]。この飯塚市商店街はかつて産炭地として隆盛を極めた飯塚市の中心市街地として大いに栄えていた。しかし、エネルギ
ー転換のなかで経済構造の変化を余儀なくされ、人口規模も一進一退の状況が続いている。中心市街地は長い歴史のなかで、飯塚の顔として栄えてきた。古くから人が集まり、交流する生活と文化、産業の中心地として多くのまつりやイベントが開催されるなど、地域コミュニティが受け継がれ、文化や伝統が育まれた。しかし、近年相次ぐ郊外店の出店による商業機能の低下、高校の郊外移転、少子高齢化が急速に進むなかでの後継者不足など、中心市街地は疲弊の一途をたどっている。図 1.10 にイオン穂波店を示す[9]。
このような状況が続けば、まつりやイベントが中心市街地からなくなり、地域コミュニ
ティが崩壊するとともに、飯塚市が魅力や特徴のない郊外型、ロードサイド型の商業施設に依存した都市構造となることが危惧されている。
また、飯塚市の九州工業大学情報工学部の学生でさえ飯塚商店街がどこにあるのかわ
からない学生や、知っているが行ったことがない学生が多くいると思われる。
飯塚商店街などの中心市街地をよく知らないために、飯塚周辺の人々と関わることな
く大学 4 年間を過ごす学生が多くいる。そのため、飯塚の魅力を知らない学生が多い。
しかし、知られていないのは商店街側にも原因がある。飯塚市中心市街地である商店街のホームページは 10 年近く更新されていない。そのため、情報の発信が少なく、地域の人々ですら地域の行事や商店街について知られてないことがある。図 1.11 に飯塚商店街の以前のホームページを示す。

8

図 1.9 旧長崎街頭にあたる飯塚商店街[9]図 1.10 イオン穂波店[9]9図 1.11 飯塚商店街の以前のホームページ

1.5 研究目的
飯塚市の地域の情報があまり発信されないため、飯塚市について知っている人が少ない。飯塚市中心市街地についてもよく知らない人が多く、飯塚市に魅力を感じている人が少ないため、中心市街地にわざわざ足を運ぶ学生は多くない。図 1.12 に飯塚商店街の写真を示す。図 1.12 の写真は飯塚市商店街の平日の昼の 12 時ごろ撮影したものである。平日であるのにかかわらず人通りが非常に少ないことが個の写真からも見て取れる。
そのため、中心市街地でイベントを開催しても一般の方は来るが学生はほとんど集まらない。理由を尋ねてみるとそもそもイベントがあること自体知らない人が多く、知っていても中心市街地まで距離があるためわざわざ足を運ばない学生が大半である。
学生が飯塚中心市街地に足を運ばない理由として、飯塚の中心市街地の場所や何があるかがわからないことがあげられる。また、商店街の近くにイオン穂波店などの大型シ

10ョッピングモールがあるため、そちらの方が自分の求めるものや娯楽が多く、商店街まで足を運ばないことがあげられる。
これらのことが原因で、地域が盛り上がらず、飯塚市活性化の問題となっている。
そこで、本研究の目的としては飯塚市中心市街地についての魅力などを知ってもらう場を提供するために飯塚中心市街地の商店街の情報を配信するための情報システムの開発、つまりは中心市街地のホームページの作成を行う。
まずは、少しでも飯塚市中心市街地を知ってもらうことで、飯塚市中心市街地の活性化の手助けできるようにしたい。

図 1.12 平日の昼間の飯塚商店街の様子

11

調査
2.1

ヒアリング、アンケートの実施

現在の商店街の知名度やイメージを把握するために、九州工業大学情報工学部の学生と子育て世代が多く利用する商店街付近にある街なか子育てひろばの利用者にヒアリ
ングをに行った。図 2.1 に街なか子育てひろばの外観を示す。

図 2.1 街なか子育てひろばの外観

2.2

九州工業大学生のアンケート実施

ホームページの開発にあたって、大学生の商店街のイメージを汲み取ることが重要な課題となる。初めに、9 月 26 日 11 時から 12 時においてに九州工業大学情報工学部の福利棟おいて九州工業大学生 52 人に対してヒアリングを実施した。そのときのアンケートの内容について図 2.2 に示す。

12

図 2.2 九州工業大学情報工学部生に行ったアンケートの内容

2.3

街なか子育てひろば利用者のヒアリング実施

次に、若い世代のニーズを知るため飯塚市商店街連合会との共同事業で街なか子育てひろばで 10 月 25 日（火）、29 日（土）と 11 月 1 日（火）の 3 日間に分けて施設の利用者 100 人に対してヒアリングを実施した。ヒアリング内容を図 2.3 に示す。

13

図 2.3 街なか子育てひろばでのヒアリング内容

14

調査結果
3.1

アンケート結果

01.1 九州工業大学情報工学部の学生の結果
平成 28 年 9 月 26 日に九州工業大学情報工学部の福利棟で行ったアンケートの結果について図 3.1 に示す。

15

Q1.

Q2.

性別

バスセンターの近くにある飯塚商店街を知っていますか

男性 71％
Q3.

男

はい

女

いいえ

女性 29％

はい 65%

Q2 で「はい」と答えた方にお聞きします。なQ.4

いいえ 35%

いままで商店街に行ったことがありますかにで商店街を知りましたか

イベント
はい近くまで行ったことがあるイベント 3%
Q4.

いいえ

近くまで行ったことがある 97%

はい 50%

いいえ 50%

商店街のホームページがあるのを知っていますか

はいいいえ

はい 3% いいえ 97%

図 3.1 九州工業大学情報工学部生へのアンケート結果

16アンケート結果からもわかるように同じ飯塚市にある大学の学生でも商店街を知らない人が半数近くいた。また、商店街を知っていても近くまではいったことがあるが、直接商店街に行ったことがない学生が半分もいた。10 年近く更新されてない商店街のホームページを知っている人はほとんどいなかった。このことから、飯塚中心市街地からのイベントなどの情報発信が学生に対してほとんどいきわたっていないことがわかる。

3.1.2 街なか子育てひろばのヒアリング結果
平成 28 年 10 月 25 日（火）、29 日（土）と 11 月 1 日（火）に街なか子育て広場にて街なか子育て広場の利用者に行ったアンケートの結果について図 3.2 に示す。

17

Q1.

Q1.

属性

年代

20代
30代
女性

40代

男性

50代
60代以上

女性 87% 男性 13%
Q2.

20 代 24%
Q3.

お住まいは

30 代 60%

40 代 7%50 代 2%60 代 7%

施設までの交通手段は

徒歩
バス

市内

自転車

市外

自家用車
その他

飯塚市内 76%
Q4.

飯塚市外 24%

徒歩 11%
Q5.

商店街にあったらいいと思うものは

バス 2%

自転車 4%

自家用車 82%

その他 1%

商店街の情報はどこで仕入れていますか「子供と一緒に遊べる場所」、イベント「子供と一緒にご飯が食べれる場所」、

市役所など「子供と一緒に何かできる場所」が多かっ

新聞

た

インターネット
フリーペーパー

平日

街なか子育て広場で

土曜日

人から
直接行って
市報
チラシ・ポスター
0

図 3.2

5

上街なか子育てひろばヒアリング結果

18

10

15

20

Q6.

Q7.

街なか子育て広場はどこで知りましたか

図書館
直接来た
保健師
イベント
市役所
以前から通ってた
インターネット
広報・市報
口コミ・友人からSNSを使用
している
使ってない
平日
土曜日
利用している 67%

利用していない 33%

利用している中でも LINE が半数以上を占め、次0Q8.

SNS を利用しているか

20

40にフェイスブック、ツイッター、インスタグラム

60の順に多かった

施設の利用後帰りにどこかに寄ったりしていますか

Q9.

休日の主な過ごし方は

公園や家や街なか子育て広場など近場でお金のか
帰りにどこかに寄っているからないい子供と遊ぶのが 3 分の 2 以上を占め、残りが買い物などだった

いない

帰りに寄っている 50% 帰りに寄っていない 50%
寄っている人は買い物、公園といった意見が多かった
Q10.

商店街イベントで知っている、もしくは行ったこと

Q11.

九工大生のイメージはがあるイベントは（複数回答可）「まじめ」や「あたまがいい」など良いイメージが 9 割がたを占め、ファミリースタン…

「自転車のマナーが悪い」や「暗い」など悪いイ

永昌会

メージも少数だがあった

山笠
平日

キッズパーク土曜日

はじめてのおつかい
夜市
百縁市
0

20

40

60

図 3.2 中 街なか子育てひろばヒアリング結果

19

Q12.

Q13.

商店街のホームページがあったら見ますか

新聞を購読していますか

ホーム
ページが
あったら
見る
みない

ホームページを見る 67%

新聞を購読
している
していない

見ない 33%

見るという意見の中でも子育て関係や、お店の営業時

新聞を購読している 20%

購読していない 80%

間、イベント情報などを知りたいという意見が多かった
Q14.

普段よく見る地域「フリーペーパー」は

見ない
WING
Hen
チクスキ
0

10

20

30

40

50

60

70

80

90

8 割がフリーペーパーを見ると回答し、その中で最も読まれているのがチクスキであった

図 3.2

下街なか子育てひろばヒアリング結果

20

このヒアリング結果の Q5 からわかるように今日の情報社会であるのにかかわらず、飯塚中心地やその付近の施設の情報発信はほとんどアナログであることがうかがえる。また、街なか子育て広場は飯塚商店街のすぐ近くにあるのにかかわらず、街なか子育て広場の利用者は商店街に何があるのか知らなかったり、イベントも何が行われているのか知らない人が多く見受けられた。Q12 の商店街のホームページがあったら見るかという質問ではおおよそ 6 割の方々がホームページがあったら見るという回答をした。このことから中心市街地のホームページを作る需要があるといえる。また、ホームページにあったら見るものは「お店の営業時間」、「イベント情報」といった声が多かったことからそこに力を入れてホームページの作成を行いたいと思う。

21

ホームページ作成
4.1

ホームページの開発

ホームページの作成にあたって、九州工業大学生にも知ってもらうために九州工業大学情報工学部の学生のほとんどが使用している SNS（Twitter、LINE、Facebook）と連携できるようにする。また、子育て世代に向けてはイベント情報とお店のの情報を紹介するホームページの作成を行った。また、お店を紹介するにあたって、去年の電子情報工セミナーⅡで作成した居酒屋マップに載っている居酒屋から利用者の条件に合わ
せてぴったりのお店を紹介するタグ付と検索機能を設けたるためのプログラミングを行った。
中心市街地のホームページを作成するにあたって、デザインなどはホームページビル
ダーを使用して作成した。また、作成した後も商店街の方がずっと更新をしていくために、パソコンやスマートフォンからブログ感覚でホームページの更新ができる
WordPress を使用している。
作成したホームページを図 4.1、図 4.2、図 4.3、図 4.4 に示す。また、URL を下記に示す。
http://ii-machi.com/
また、作成した居酒屋のタグ付け、検索機能を図 4.5 にプログラムの内容を図 4.6、
図 4.7 に示す。

22

また、作成したその人にあった居酒屋の検索機能を Fig. 4.5、Fig. 4.6 にプログラ
ムの内容を Fig. 4.7、Fig. 4.8 に示す。

図 4.1

トップページ

図 4.2

イベント情報23図 4.3

ほんまち商店街のマップ

図 4.4

問い合わせのページ

24図 4.5

図 4.6

居酒屋検索

50 代以上女性を選んだ場合
25

<FONT size="5">あなたにぴったりの居酒屋を選択します</font><script language="javascript">function navi(obj) {url = obj.options[obj.selectedIndex].value;
if(url != "") {location.href = url;}}</script><form method="post"><select onchange="navi(this)"><option value="">選択してください</option><option value="#02">20 代女</option><option value="#03">30 代女</option><option value="#04">40 代女</option><option value="#05">50 代以上女</option><option value="#20">20 代男</option><option value="#30">30 代男</option><option value="#40">40 代男</option><option value="#50">50 代以上男</option><option value="#60">大勢でワイワイしたい</option></select><p>&nbsp;

図 4.7

居酒屋検索のプログラム26

<a name="02"></a><br>20 代女性のあなたには…
<FONT size="6"><br><b>Iza-Cafe Dining 月のしずく</b></font>
<br>
<img
src="http://ii-machi.com/wp-content/uploads/9a13be6b77ca68d23b792acea626ee1b.png" alt="" width="200" height="200" class="alignnone size-full wp-image-396" /><FONT size="3"><br><pre>adress:

飯塚市宮町 1-14

<br>tel:0948-25-8803<br>close:

毎週木曜日<br>open:

18:00~27:00<br>収容可能人数: 38 人＊20 人以上で貸し切り可能</pre></font><br><FONT size="4">こだわり:<u>飯塚にはないアンティークな雰囲気</u></FONT><br>☆2000 円以上でタイムズ駐車割引券プレゼント☆
<br><br>一押しメニュー<br> <font size="4" color="#ff8c00"><b>からあげ M4 個 580 円（税別）L6 個 780円（税別）</b></font><pre><FONT size="3">
飯塚にこんなにおしゃれなのにリーズナブルなお店が！？
デート・女子会・二次会だけでなく一次会でも落ち着いた雰囲気を楽しめます。
コースも 8 品（前菜・クラシックサラダ・カラアゲ・タコのカルパッチョ・
出汁まきオムレツ・もつ鍋・ちゃんぽん・スイーツ・飲み放題つき）4000 円があります！
</pre></FONT>&nbsp;
図 4.8

居酒屋検索のプログラム27

平成 29 年 1 月 9 日（月・祝）に飯塚市で開催された「新春商店街サイエンス」のポスターにホームページの QR コードを載せて宣伝を行った。その時のポスターを図 4.9に示す。また、ホームページにもイベントの詳細などの広告を行った。このことは新聞にも掲載された。新聞記事を図 4.10 に示す。
また、2 月 25 日に行われる飯塚市図書館のイベントでもイベントを宣伝するにあたって、ホームページの宣伝も行った。
また、検索を行ったとき上位に候補が出るようにホームページのアドレスを Google
フォームや Being に登録を行った。登録を行った時の様子を図 4.11 と図 4.12 に示す。
他にも九工大生が多くやっていると思われるツイッターで飯塚商店街のアカウントを作成し、定期的に飯塚市商店街のことをつぶやくようにした。図 4.13 と図 4.14 に飯塚商店街のアカウントいいぬことつぶやいている内容を示す。

28

図 4.9

イベントのチラシ

29

図 4.10

図 4.112017 年 1 月 6 日の読売新聞朝刊

Google フォームに HP の登録を行った時の様子

30

図 4.12 Bing フォームに HP を登録する

図 4.13

商店街のツイッターアカウントいいぬこ

31

図 4.14

いいぬこのつぶやきの内容

32

4.2

ホームページの宣伝の効果

ホームページ公開後、九州工業大学生 34 人にアンケートを行った。アンケート内容を
表 4.1 に示す。また、アンケート結果を図 4.14 に示す。
表 4.1
Q1.

アンケート内容

飯塚商店街を知っていますか

はい いいえQ2.

商店街に行ったことがありますか

はい いいえQ3.

商店街のホームページがあることを知っていますか。

はい いいえQ4.

ホームページは見やすいですか

はい いいえQ5.

商店街のホームページに何があったら見ますか

飲食店情報

マップ

イベント

その他

33

Q1.

飯塚商店街を知っていますか

Q2.

商店街に行ったことがありますか

Q3.

商店街のホームページがあることを知っQ4.

ホームページは見やすいですかていますか。

Q5.

商店街のホームページに何があったら見ますか

図 4.15

アンケート結果

34

この結果からホームページを公開する前に比べると九工大生に飯塚商店街の知名度が上がったといえる。また、ホームページがまだまだ見づらいという意見が多かったので、今後もっと改良を入れていく必要性がある。

4.3

ホームページの今後の更新について

今後も定期的にホームページの更新を行っていくために飯塚どうで商プロジェクト
委員長の田中雄治氏に WordPress のアカウント名とパスワードを教えて今後も更新していくようお願いした。田中氏が WordPress を使って更新している様子を図 4.16 に示す。

図 4.16

4.4

田中さんがホームページを更新している様子

SEO の実践とその効果

ホームページを作成したが、「飯塚商店街」と検索しても上位検索結果に出ないので、SEO（Search Engine Optimization）を実践することにした。
SEO 実践にはコンテンツの充実が一番だと考えた。まずは、閲覧者がホームページに何を求めているかを知るために、「飯塚商店街」の予測検索をした。その結果、「塚商35

店街 ランチ」、「飯塚商店街

駐車場」、「飯塚商店街

イベント」、「飯塚商店街 居酒屋」が予測検索にヒットした。これを図 4.17 示す。

図 4.17

飯塚商店街の予測検索

予測検索で閲覧者が商店街の駐車場とランチ、居酒屋などの情報を求めていることがわかったので、駐車場マップとランチマップのページを作成した。
駐車場マップでは駐車場を実際に見に行き収容台数や営業時間値段を調べた。また、利便性を高めるために駐車場マップの画像の駐車場をクリックすると詳細が見れるようにした。図 4.18、図 4.19 駐車場マップ、プログラムを図 4.20、図 4.21 に示す。

36

図 4.18

商店街駐車場マップのページ

37

図 4.19

商店街駐車場マップのページ

38

<br>
<div style="padding-left:3em" id="top01">↓詳しく知りたい番号の付いた駐車場をクリックすると詳細が表示されます↓</div><img class="alignleft size-full wp-image-462"
src="http://ii-machi.com/wp-content/uploads/parking1.jpg" alt="駐車場マップ 1"
usemap="#map01" width="600" height="767" /><map name="map01"><area alt="1" coords="20,318,70,301,92,384,41,404" shape="poly" href="#p01" border="0" /><area alt="2" coords="87,349,157,323,177,367,102,396" shape="poly" href="#p02" border="0" /><area alt="3" coords="46,239,178,206,201,259,88,300" shape="poly" href="#p03" border="0" /><area alt="4" coords="187,175,283,147,301,191,213,222" shape="poly" href="#p04" border="0"/><area alt="5" coords="259,346,293,333,339,361,383,386,278,411" shape="poly" href="#p05"
border="0" /><area alt="6" coords="238,568,378,636" shape="rect" href="#p06" border="0" /><area alt="7" coords="339,297,416,317,459,383,423,391,339,361" shape="poly" href="#p07"
border="0" /><area alt="8" coords="388,112,436,100,510,105,510,132,403,167" shape="poly" href="#p08"
border="0" /><area alt="9" coords="371,205,497,274" shape="rect" href="#p09" border="0" /><area alt="10" coords="422,291,461,289,478,378,459,383" shape="poly" href="#p10" border="0"/><area alt="11" coords="461,289,500,286,504,374,478,378" shape="poly" href="#p11" border="0"/><area alt="12" coords="403,554,525,610" shape="rect" href="#p12" border="0" /><area alt="13_01" coords="487,83,586,83,586,131,519,131" shape="poly" href="#p13" border="0" />図 4.20

商店街駐車場マップのプログラム</map><br clear="left"><div id="top02"></div>
39

<img class="alignleft size-full wp-image-463"
src="http://ii-machi.com/wp-content/uploads/parking2.jpg" alt="駐車場マップ 2"
usemap="#map02" width="600" height="886" /><map name="map02"><area alt="13_02" coords="18,56,149,131" shape="rect" href="#p13" border="0" /><area alt="14" coords="124,462,241,548" shape="rect" href="#p14" border="0" /><area alt="15" coords="190,270,298,351" shape="rect" href="#p15" border="0" /><area alt="16" coords="242,584,388,584,393,637,240,635" shape="poly" href="#p16" border="0" /><area alt="17" coords="246,52,365,152" shape="rect" href="#p17" border="0" /><area alt="18" coords="428,278,507,277,507,369,447,377" shape="poly" href="#p18" border="0" /><area alt="19" coords="455,383,567,359,570,421,459,429" shape="poly" href="#p19" border="0" /><area alt="20" coords="384,537,576,532,583,611,397,607" shape="poly" href="#p20" border="0" /></map><br clear="left"><br><br><br><h3 id="p01">1.中央駐車場</h3><p style="padding-left:1em">現在はありません</p><div align="right" style="padding-right:1em"><a href="#top01">↑マップに戻る</a></div><br>
図 4.21

駐車場マップのプログラム40

ランチマップでは商店街付近のお店を 8 店舗選び、直接お店に行きメニューやお店のこだわり、番人気のメニューを訊ね、店長の写真やお店の中の様子を撮った。図 4.22と図 4.23 にランチマップ、プログラムを図 4.24 と図 4.25 に示す。

図 4.22

ランチのページ

41

図 4.23

ランチのページ（店舗ごと）

42

<meta name="viewport" content="width=1024px, initial-scale=1, maximum-scale=2"><iframesrc="https://www.google.com/maps/d/embed?mid=1RWGwzX4Mu6X-xVG6--yiv
qLDooo" width="640" height="480"class="aligncenter size-full
wp-image-929"></iframe><br><div align="center"><a href="http://ii-machi.com/lunch/rico-grill/"><img src="http://ii-machi.com/wp-content/uploads/DSC_8417_00004.jpg"
alt="" width="300" height="200" class="aligncenter size-full wp-image-956" />Rico Grill</a><br>

図 4.24

ランチマップのプログラム

43

<meta name="viewport" content="width=1024px, initial-scale=1, maximum-scale=2"><span style="font-size: x-large;"><img src="http://ii-machi.com/wp-content/uploads/s_IMGP3976.jpg" alt="" width="512"height="339" class="aligncenter size-full wp-image-907" align="left" /></span><br>adress: 飯塚市本町 15-4 ジョイプラザ 1F<br>tel: 0948-22-1877<br>close: 水曜日<br>
open: 10:30~17:00<br>（麺、出汁がなくなり次第終了）<br clear="left" />60 年続く商店街の老舗中の老舗！<br>
地元の人から愛されるうどんやさんです<br><br><span style="font-size: xx-large;">☆人気メニュー☆<span style="color: #ff8c00;">ごぼ天うどん（480 円）</span><br>★おすすめ★三味うどん（700 円）</span><br>
わかめ・山芋・牛肉が入った三味うどんは儲けがないのであまりお勧めしたくないそうです笑<br><img src="http://ii-machi.com/wp-content/uploads/s_IMGP3980.jpg" alt="" width="512"height="339" class="aligncenter size-full wp-image-912" /><p style="margin-left: 20pt"><br>
麺、出汁すべて国産 100％を使用しているため、みんな安心して食べられます<br>
水から、塩から、素材一つ一つにこだわっています</p><br><img src="http://ii-machi.com/wp-content/uploads/s_IMGP3987.jpg" alt="" width="512"height="339" class="aligncenter size-full wp-image-913" align="left" /><br><p style="margin-left: 20pt">
カウンター、テーブル席で 36 席あります<br></p><br><br clear="left" />図 4.25

ランチマップのプログラム

44

また、すでにある既存のページの居酒屋マップももっとわかりやすいように、マップに各居酒屋のピンを立てた。ホームページに公開した地図を図 4.26 に示す。

図 4.26

居酒屋をマップのピン立て

もう一つ SEO として今後のグローバル社会に向けてホームページを英語版に切り替えができるようにした。英語版のページの一部を図 4.27 に示す。

45

図 4.27

英語版のホームページの一部

46この結果、検索結果が 8 番目から 3 番目になった。その変化のスクリーンショットを
図 4.28 に示す。

図 4.28

SEO を実践した前後の検索結果の変化

47

4.5

SEO 実践後のホームページの宣伝

SEO を実践してさらにホームページが魅力的になったので、2 回目のホームページの宣伝は大々的に行った。まず、若者に対して商店街の情報発信をするなら SNS を使
うのが一番いいと考え、私のツイッターアカウントを利用してホームページの宣伝を行った。その結果を図 4.29 に示す。
3500

ツイート閲覧回数（回）

3000

2851

2985
普段のツイート閲覧
数

2500
2174

2000

普段のツイートエン
ゲージメント数
1522

1500

HP宣伝ツイートの
閲覧数

1032

1000
500
0

500
175

231

240

258 268

52

97

153

237

1時間 1日

2日

3日

4日

270
325
301

HP宣伝ツイートのエンゲージメント総
数

5日

経過日数

図 4.29普段のツイートと HP 宣伝ツイートの閲覧回数の時間系列と比較

図 4.29 からもわかるように普段のツイートは 5 日で 270 回の閲覧数に対し、ホームページの宣伝ツイートは 3000 回近くにも上った。この理由として考えられるのはツイッターのリツイート機能で拡散されたからだと考えられる。また、エンゲージメント総数とは、ユーザーがツイートに対して反応してくれた（いいね、リツイート、ツイートの詳細のクリック）回数である。
また、商店街のアカウントいいぬこも SEO 前後ではフォロワーが 4 倍以上になった。
いいぬこも SEO 後でボットの種類を増加したり、商店街に行きたくなるようなツイー
トを心がけたりなど工夫をした。いいぬ子のツイートの閲覧数の変化を図 4.30 に示す。
また、SEO 前後でのツイートの内容を図 4.31 に示す。

48

1200
1119

1124

1011

1000

閲覧回数

800
732

SEO前

600
SEO後
460

400

SEO後エンゲージメ
ント数

200
80
20

63
19

0
1日

2日

113

118

122

21

21

21

3日

4日

5日

経過日数

図 4.30

SEO 前後でのいいぬこのツイートの閲覧の変化

図 4.31

SEO 実践前（上）、SEO 実践後（下）また、いいぬこのフォロワー数も SEO 実践前は 5 人だったが、SEO 後は急激にフォロワーが伸び、現在では 29 人になっている。

49

まとめ
5.1

結果

本研究では、若者と学生が飯塚市中心市街地についての情報を受け取ることができるシステムの開発を行った。その一環として、飯塚市中心市街地である飯塚商店街のホー
ムページの開発を行った。飯塚地方の就職支援サイトの開発のために情報収集と開発環
境の構築を行った。まず、実際に中心市街地に赴き、商店街の現状を知り、自分自身で商店街の魅力を発見した。次に、大学生と若者に商店街知名度をはかるためヒアリング
およびアンケートの質問項目の作成を行った。若者にはおもに子育て世代に向けて、子育て世代が多く集まる街なか子育て広場でヒアリングを行った。また、九州工業大学情報工学部生には福利棟にてアンケートをおこなった。そのヒアリング結果とアンケート結果を基に、飯塚市中心市街地のホームページの開発を行った。
今回は、ホームページビルダーと HTML、JavaScript を用いて開発を行った。今後も商店街の方に更新を行ってもらうためにブログ感覚でホームページの更新を行うことができる wordpress を採用した。利便性向上のために利用者のニーズに合わせた居酒屋のタグ付、検索機能を実装した。
さらに、平成 29 年 1 月 9 日（月・祝）に商店街で行われた「新春商店街サイエンス」というイベントを行う中でそのイベントのチラシに開発したホームページの QR コー
ドを載せた。そのチラシ 3000 枚とポスター50 枚を学内に張り、電子掲示板に載せ、商店街の店主の方々にお願いをして店先やお客さんに配っていただき宣伝を行った。
また、九工大生の多くが利用している SNS の Twitter で飯塚商店街のアカウントを作成し、定期的に商店街のことをつぶやくようにした。
ホームページ作成後、九州工業大学情報工学部生 10 人に対して商店街についてのアンケートを再び行った。その結果、以前より商店街を知る人は増えた。
また。SEO として、ランチマップ、駐車場マップのページを作成し、既存の居酒屋
マップのページを充実させた後、「飯塚商店街」の検索結果が 8 番目から 3 番目にランキングがアップした。

50

5.2

今後の課題

情報にあまり詳しくない商店街の店主の方々でもホームページの更新がしやすいよ
うにワードプレスを採用した。しかし、一部の商店街の方がワードプレスを使いこなせるかが問題である。
また、ホームページ作成後に行った九州工業大学情報工学部生にアンケート結果から、いまだに飯塚中心市街地を知らない、商店街のホームページを知らない人がいる。飯塚
中心市街地やホームページの宣伝を SNS などを利用して、さらに学生や若者に行っていくことが 2 つ目の今後の課題である。
3 つ目の課題は、「飯塚商店街」検索結果の 1 番目に商店街のホームページをもってくることである。そのためにはまだまだ SEO 対策をする必要性がある。具体的には何をすればいいのかを調べるために、現在の「飯塚商店街」1 番目の福岡県観光情報、クロスロードふくおかにアクセスした。アクセスした結果、アクセス数が 8010 回と表示されてあったので、1 番目に表示されるためにはホームページのアクセス数を増やす必要性がある。

51

参考文献[1]国立社会保障・人口問題研究所 人口統計資料集

2016 年版

http://www.ipss.go.jp/[2] 政令指定都市 人口ランキング 推計人口と国勢調査人口
http://uub.jp/rnk/sei_k.html[3]一般財団法人 国土技術研究センター JICE 低地に広がる日本の都市
http://www.jice.or.jp/knowledge/japan/commentary06[4]福岡市 平成 26 年 福岡市観光統計[5]福岡県の人口と世帯年報[6] i.town - http://www.iizuka-aitown.com/[7] 飯塚市まち・ひと・しごと創生「総合戦略」
https://www.city.iizuka.lg.jp/sogo/shise/shisaku/senryaku/documents/jinkou.pdf[8]飯塚市観光ポータル http://www.kankou-iizuka.jp/[9] 飯塚チャレンジプロジェクト https://www.facebook.com/challepro/
http://uub.jp/rnk/sei_k.html 全国の人口増減ランキング52

謝辞
最初に、私の指導教官である九州工業大学大学院情報工学研究院電子情報工学研究系
エレクトロニクス分野 小田部荘司教授にお礼を申し上げます。私の研究指導をしてい
ただき、学生生活や進路など多くの助言は励ましの言葉をいただきました。前例のない
当研究を最後まで続けることができたのは小田部教授のおかげです。
そして、九州工業大学大学院情報工学研究院電子情報工学研究系エレクトロニクス分
野 木内勝准教授にも深く感謝致します。研究分野が全く異なる私の研究に対して、助言をして下さるなどサポートしていただきました。深く感謝を申し上げます。
飯塚市中心市街地活性化協議会タウンマネジャー 久保森住光 氏には、商店街でイ
ベントを行う際、多大なるご支援をしてくださいました。また、様々なサポートや励ましの言葉もいただきました。その全てに深く感謝を申し上げます。
飯塚市商店街連合会どうで商プロジェクト委員会 田中雄治 氏には、ホームページ
を作る際、サーバーなどの手続きで多大なる助言をしていただきました。また、様々なサポートや励ましの言葉もいただきました。その全てに深く感謝を申し上げます。
飯塚市商店街連合会合同販売促進委員会

三好宏輔 氏には、お忙しい中、飯塚商店街の店主のインタビューを引き受けて下さって他数々の助言や激励をいただきました。その全てに深く感謝を申し上げます。
飯塚商店街の商店主の皆様にはホームページに使用する写真撮影の際、快く引き受けてくださり、激励の言葉もくださいました。その全てに深く感謝を申し上げます。
飯塚市議会議員 兼本芳雄

氏には、お忙しい中、今後の商店街の在り方や地域の在り方等の支援をしていただきました。多くの助言や励ましの言葉、数々のサポートをしていただきました。その全てに深く感謝申し上げます。
九州工業大学大学院情報工学付情報システム専攻 平松佑太

氏には、この１年間ずっと私の研究に対して、助言や励まし、時には叱咤をいただきました。研究だけではな
く学生生活、就職活動において、数々のサポートをしていただきました。その全てに深く感謝申し上げます。
電子情報セミナーⅡ受講生電子情報工学科 3 年 林恵里利菜

女史、阿部光希

氏には、私の研究をサポートしていただきました。共に研究を考察・相談し、何度も助けられました。数々の調査の依頼も、迅速に行動して下さりました。その全てにおいて深く感謝を申し上げます。

53

技術職員 新山誠司 氏には、情報システム開発において無知な私に技術的な助言をいただきました。技術的なサポートをしていただき、励ましの言葉もいただきました。
その全てに深く感謝を申し上げます。
その他にも、小田部研究室・木内研究室にて九州工業大学大学院情報工学府情報シス
テム専攻の木戸竜馬 氏、谷村賢太

氏、田邊裕也氏、伊原大輔氏、柏木啓 氏と九州工業大学電子情報工学科４年の高橋悠 氏、濱久保翔吾 氏、鶴田祐基
田口拓人 氏、宮島悠 氏、早瀬利伸

氏、

氏と電子情報セミナーⅡ受講生電子情報工学科

3 年の小野又美咲 女史、米塚里奈 女史、佐藤芙柚

氏、米中友浩氏に感謝を申し上げます。
最後に、これまで私を育ててくださり九州工業大学に通わせてくれた両親や共に学生生活を過ごし支えてくれた先輩、友人、後輩達に深く感謝を申し上げます。

54