平成 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 ヒアリング、アンケートの実施 .............................................................................. 12

2.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.1 はじめに

現在日本の人口はおおよそ 12000万人である。全国の人口の推移を図 1.1に示す[1]。

図から見てわかるとおり、将来人口は年々減少の一途をたどっている。

次に、全国の政令指定都市の人口のランキングを表 1.1に示す[2]。都市は人口密集地

帯になっており現在も人口が増加している都市もある。中でも福岡市は平成 28年度の

国勢調査によると、政令指定都市の中では人口増加数・増加率ともにトップ（2015年

10月～16年 10月）である。

その反面、地方では人口の流出が多く、都市部と地方の田舎では非常に差がある。同

じ福岡県内でも北九州市では 2015年 10月から 16年 10月までに 5043人減、北九州

市内人口の割合にして 0.5％以上と全国の中でも著しく減少している。こうした中、安

倍政権は「地方創生」をスローガンに、地方の活性化と人口減政策のための総合戦略策

定に乗り出した。若者にとって魅力ある町づくり、人づくり、仕事づくりを推進し、地

方の人口の流出を食い止めるのが狙いだ。また、これからますます情報社会になってい

く。そのため地方が自ら情報発信をしていくことが生き残るカギとなっている。

図 1.1 日本の総人口および将来推計[1]

80000000

85000000

90000000

95000000

100000000

105000000

110000000

115000000

120000000

125000000

130000000

2

1.2 福岡県の現状

福岡県は九州本島の北部に位置し、九州地方の中では最も人口が多い県である。北部

は日本海、東部は瀬戸内海に面している。県の中心部を筑紫山地が連なっており、筑後

川・矢部川・遠賀川流域、宗像地域、京築地域では平野が広がっており水田地域が多い。

また、玄界灘の壱岐や対馬をはさんで大韓民国があり、同国南部の主要都市である釜山

までは福岡市から直線距離で 200km程度である。また、中国の上海市までは同様に

850km程度といずれも東京より近い。福岡市から 1000km以内にある都市を図 1.2に

示す[3]。

表 1.1 政令指定都市の人口ランキング (2015年 10月～2016年 10月)[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

岡山県 岡山市 720571 1097

3

これらの事例のように、近隣諸国の主要都市がおおむね 1000km圏内に存在するた

め、博多港、福岡空港、北九州港、北九州空港などから韓国や中国、台湾などのほか東

南アジアの主要都市への航路が多く設定され、これらの地域からの観光客が増加傾向に

ある。福岡県の近年の観光客の推計を図 1.3に示す[4]。

また、福岡県は大きく分けて 4つの地域（福岡、北九州、筑後、筑豊）に分けられる。

2010年（平成 22年）と 2015年（平成 27年）の両国勢調査を比較すると、県全体と

しては 30903人の人口増となっているが、福岡市やその周辺の市町で人口が増加傾向

にあるのに対し、それ以外の地域は概ね人口が減少傾向にある。

福岡県の地域別人口変化及び増加率を図 1.4に示す[5]。

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

4

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

1642

1678

1740

1782

1855

1500

1550

1600

1650

1700

1750

1800

1850

1900

平成22年 平成23年 平成24年 平成25年 平成26年

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

-5.00

-4.00

-3.00

-2.00

-1.00

.00

1.00

2.00

3.00

4.00

5.00

0

500000

1000000

1500000

2000000

2500000

3000000

福岡 筑後 筑豊 北九州

平成27年度

平成22年度

増加率

5

1.3 飯塚市

飯塚市は福岡県中部に位置している。飯塚市の所在地を図 1.5に示す[6]。筑豊三都の

一つであり、筑豊の中心都市であり人口は 121178人と最も多い(平成 27年 1月末調べ)。

市域西北部から西部、西南部にかけて 400 – 900 m 級の山々に囲まれている山地を形

成している。市域東部にも 200 – 300 m 級の山がいくつかあり小さな山地を形成して

いる。市域中央部から北部は山に囲まれた盆地である。内陸都市のため、夏場は気温が

上がりやすく非常に暑い。冬場は放射冷却現象により、最低気温が氷点下の冬日も多い。

飯塚市圏の教育機関として、高等学校は、私立飯塚、県立嘉穂、県立嘉穂東、私立近畿

大学附属福岡の計 4校が所在、大学は国立九州工業大学情報工学部、私立近畿大学産業

理工学部、私立近畿大学九州短期大学の計 3校が所在している。明治時代から昭和時代

にかけて炭鉱が栄えた土地であり、現代では炭鉱跡地に工業団地が造成され製造業の誘

致が行われている。

また、飯塚市本町商店街は、江戸時代には長崎街道の宿場町として、明治時代以降は、

日本の近代化の原動力となった産炭地として栄えた。1976（昭和 51年）には、日本で

初めて商店街にドーム型アーケードを採用した。

飯塚市の人口の推移を図 1.6に示す[7]。グラフからもわかるように飯塚市の人口は減少

の一途にある。

図 1.5 福岡県飯塚市の所在地[6]

6

1.3.1 飯塚市の現状

飯塚市の主要幹線道としては、一般国道 200号、201号、211号があり、交通の要衝

地でもあり、JR九州は、篠栗線、筑豊本線、後藤寺線が走っており、電車で、新飯塚

駅から博多駅まで最速 35分、小倉駅まで最速 53分という利便性で、両政令都市への

通勤・通学圏内になっている。飯塚市は長崎街道の宿場町、筑豊炭田時代の中心地など

の歴史的な変遷を背景に、福岡県央地域の中心都市であるとともに、3つの大学を有す

る文化性・創造性を備えた情報産業都市、学園都市として位置づけられる。

現在、福岡県の北部九州自動車 150万台生産拠点推進構想により北部九州への集積

が進む自動車関連産業への地元企業の受注拡大・新規参入に努めるとともに、市長のト

ップセールスによる企業誘致を積極的に行っている。更に、豊かな資源を輝かせ、人が

多く訪れるまちづくりを行うため、観光の振興にも取り組んでおり、平成 19年 4月末

から一般公開した旧伊藤伝右衛門邸を始め、市内に点在する嘉穂劇場、旧長崎街道内野

宿などの歴史的遺産を活用した観光ルートの整備にも努めている。図 1.7に伊藤伝衛門

の写真を示す[8]。また、市内には数多くの教育施設や医療・福祉施設などが存在し、

教育・子育て・医療福祉の環境は充実しており、安心・安全なまちづくりにも力を入れ

ている。平成 18年 3月 26日に飯塚市、穂波町、筑穂町、庄内町、頴田町が合併し、

図 1.6 飯塚市の人口の推移 (平成 22年度～平成 27年度)[7]

7

新しく誕生した飯塚市は、平成 28年 3月 26日に合併 10周年を迎え、「人が輝きまち

が飛躍する住みたいまち住みつづけたいまち」を都市目標像に、市民との協働によるま

ちづくりに取り組んでいる。

7月になると飯塚市山笠が行われる。飯塚山笠は享保年間に始まったと云われており、

今日まで夏の市民祭として親しまれている。約 3000人とも云われる男衆が水法被に身

を包み沿道からの勢い水を全身に浴びながら街中を疾走する姿は、飯塚の街に感動と一

時の清涼感を与える。図 1.8に飯塚山笠の様子を示す[8]。

10月になると筑前の國いいづか街道まつりがおこなわれる。飯塚市の中心市街地界

隈で時代仮装行列や踊りの競演会など実施される。ストリートダンス、フードコートや

歴史展示物など多彩な催しで多くの人でにぎわう。

12月になると永昌会が開催される。永昌会は明治初期より続き 130数回を超える飯

塚市中心商店街の歳末大売り出しである。飯塚の町が安さに染まる年末の名物イベント

で日替わりでイベントが実施され、ソフトバンクホークスの選手がトークショーをする

など大いに盛り上がる。

また他にも飯塚中心市街地では年間 100以上のイベントが開催されている。

このように飯塚市には歴史的背景があり、産業的にも文化的にも非常に魅力がある街

である。

図 1.7 旧伊藤伝衛門邸[8]

8

1.4 研究背景

飯塚バスセンターから東に 100メートルほどのところに飯塚本町商店街と東街商店

街がある。図 1.9に飯塚市中心市街地の様子を示す[9]。この飯塚市商店街はかつて産炭

地として隆盛を極めた飯塚市の中心市街地として大いに栄えていた。しかし、エネルギ

ー転換のなかで経済構造の変化を余儀なくされ、人口規模も一進一退の状況が続いてい

る。中心市街地は長い歴史のなかで、飯塚の顔として栄えてきた。古くから人が集まり、

交流する生活と文化、産業の中心地として多くのまつりやイベントが開催されるなど、

地域コミュニティが受け継がれ、文化や伝統が育まれた。しかし、近年相次ぐ郊外店の

出店による商業機能の低下、高校の郊外移転、少子高齢化が急速に進むなかでの後継者

不足など、中心市街地は疲弊の一途をたどっている。図 1.10にイオン穂波店を示す[9]。

このような状況が続けば、まつりやイベントが中心市街地からなくなり、地域コミュニ

ティが崩壊するとともに、飯塚市が魅力や特徴のない郊外型、ロードサイド型の商業施

設に依存した都市構造となることが危惧されている。

また、飯塚市の九州工業大学情報工学部の学生でさえ飯塚商店街がどこにあるのかわ

からない学生や、知っているが行ったことがない学生が多くいると思われる。

飯塚商店街などの中心市街地をよく知らないために、飯塚周辺の人々と関わることな

く大学 4年間を過ごす学生が多くいる。そのため、飯塚の魅力を知らない学生が多い。

しかし、知られていないのは商店街側にも原因がある。飯塚市中心市街地である商店

街のホームページは 10年近く更新されていない。そのため、情報の発信が少なく、地

域の人々ですら地域の行事や商店街について知られてないことがある。図 1.11に飯塚

商店街の以前のホームページを示す。

図 1.8 飯塚山笠の様子[8]

9

図 1.9 旧長崎街頭にあたる飯塚商店街[9]

図 1.10 イオン穂波店[9]

10

1.5 研究目的

飯塚市の地域の情報があまり発信されないため、飯塚市について知っている人が少な

い。飯塚市中心市街地についてもよく知らない人が多く、飯塚市に魅力を感じている人

が少ないため、中心市街地にわざわざ足を運ぶ学生は多くない。図 1.12に飯塚商店街

の写真を示す。図 1.12の写真は飯塚市商店街の平日の昼の 12時ごろ撮影したものであ

る。平日であるのにかかわらず人通りが非常に少ないことが個の写真からも見て取れる。

そのため、中心市街地でイベントを開催しても一般の方は来るが学生はほとんど集まら

ない。理由を尋ねてみるとそもそもイベントがあること自体知らない人が多く、知って

いても中心市街地まで距離があるためわざわざ足を運ばない学生が大半である。

学生が飯塚中心市街地に足を運ばない理由として、飯塚の中心市街地の場所や何があ

るかがわからないことがあげられる。また、商店街の近くにイオン穂波店などの大型シ

図 1.11 飯塚商店街の以前のホームページ

11

ョッピングモールがあるため、そちらの方が自分の求めるものや娯楽が多く、商店街ま

で足を運ばないことがあげられる。

これらのことが原因で、地域が盛り上がらず、飯塚市活性化の問題となっている。

そこで、本研究の目的としては飯塚市中心市街地についての魅力などを知ってもらう

場を提供するために飯塚中心市街地の商店街の情報を配信するための情報システムの

開発、つまりは中心市街地のホームページの作成を行う。

まずは、少しでも飯塚市中心市街地を知ってもらうことで、飯塚市中心市街地の活性

化の手助けできるようにしたい。

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

12

調査

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

現在の商店街の知名度やイメージを把握するために、九州工業大学情報工学部の学生

と子育て世代が多く利用する商店街付近にある街なか子育てひろばの利用者にヒアリ

ングをに行った。図 2.1に街なか子育てひろばの外観を示す。

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

ホームページの開発にあたって、大学生の商店街のイメージを汲み取ることが重要な

課題となる。初めに、9月 26日 11時から 12時においてに九州工業大学情報工学部の

福利棟おいて九州工業大学生 52人に対してヒアリングを実施した。そのときのアンケ

ートの内容について図 2.2に示す。

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

13

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

次に、若い世代のニーズを知るため飯塚市商店街連合会との共同事業で街なか子育て

ひろばで 10月 25日（火）、29日（土）と 11月 1日（火）の 3日間に分けて施設の利

用者 100人に対してヒアリングを実施した。ヒアリング内容を図 2.3に示す。

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

14

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

15

調査結果

3.1 アンケート結果

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

平成 28年 9月 26日に九州工業大学情報工学部の福利棟で行ったアンケートの結果

について図 3.1に示す。

16

Q1. 性別 Q2. バスセンターの近くにある飯塚商店街を知っ

ていますか

男性 71％ 女性 29％

はい 65% いいえ 35%

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

にで商店街を知りましたか

Q.4 いままで商店街に行ったことがありますか

イベント 3% 近くまで行ったことがある 97%

はい 50% いいえ 50%

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

はい 3% いいえ 97%

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

男

女

はい

いいえ

イベント

近くまで行っ

たことがある

はい

いいえ

はい

いいえ

17

アンケート結果からもわかるように同じ飯塚市にある大学の学生でも商店街を知ら

ない人が半数近くいた。また、商店街を知っていても近くまではいったことがあるが、

直接商店街に行ったことがない学生が半分もいた。10年近く更新されてない商店街の

ホームページを知っている人はほとんどいなかった。このことから、飯塚中心市街地か

らのイベントなどの情報発信が学生に対してほとんどいきわたっていないことがわか

る。

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

平成 28年 10月 25日（火）、29日（土）と 11月 1日（火）に街なか子育て広場に

て街なか子育て広場の利用者に行ったアンケートの結果について図 3.2に示す。

18

Q1. 属性 Q1. 年代

女性 87% 男性 13%

20代 24% 30代 60% 40代 7% 50代 2% 60代 7%

Q2. お住まいは Q3. 施設までの交通手段は

飯塚市内 76% 飯塚市外 24%

徒歩 11% バス 2% 自転車 4% 自家用車 82% その他 1%

Q4. 商店街にあったらいいと思うものは Q5. 商店街の情報はどこで仕入れていますか

「子供と一緒に遊べる場所」、

「子供と一緒にご飯が食べれる場所」、

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

た

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

女性

男性

20代

30代

40代

50代

60代以上

市内

市外

徒歩

バス

自転車

自家用車

その他

0 5 10 15 20

チラシ・ポスター

市報

直接行って

人から

街なか子育て広場で

フリーペーパー

インターネット

新聞

市役所

イベント

平日

土曜日

19

Q6. 街なか子育て広場はどこで知りましたか Q7. SNSを利用しているか

利用している 67% 利用していない 33%

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

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

の順に多かった

Q8. 施設の利用後帰りにどこかに寄ったりしていますか Q9. 休日の主な過ごし方は

帰りに寄っている 50% 帰りに寄っていない 50%

寄っている人は買い物、公園といった意見が多かった

公園や家や街なか子育て広場など近場でお金のか

からないい子供と遊ぶのが 3分の 2以上を占め、

残りが買い物などだった

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

があるイベントは（複数回答可）

Q11. 九工大生のイメージは

「まじめ」や「あたまがいい」など良いイメージ

が 9割がたを占め、

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

メージも少数だがあった

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

0 20 40 60

口コミ・友人から

広報・市報

インターネット

以前から通ってた

市役所

イベント

保健師

直接来た

図書館

平日

土曜日

SNSを使用

している

使ってない

帰りにどこか

に寄っている

いない

0 20 40 60

百縁市

夜市

はじめてのおつかい

キッズパーク

山笠

永昌会

ファミリースタン…

平日

土曜日

20

Q12. 商店街のホームページがあったら見ますか Q13. 新聞を購読していますか

ホームページを見る 67% 見ない 33%

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

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

新聞を購読している 20% 購読していない 80%

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

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

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

ホーム

ページが

あったら

見る

みない

新聞を購読

している

していない

0 10 20 30 40 50 60 70 80 90

チクスキ

Hen

WING

見ない

21

このヒアリング結果の Q5からわかるように今日の情報社会であるのにかかわらず、飯

塚中心地やその付近の施設の情報発信はほとんどアナログであることがうかがえる。ま

た、街なか子育て広場は飯塚商店街のすぐ近くにあるのにかかわらず、街なか子育て広

場の利用者は商店街に何があるのか知らなかったり、イベントも何が行われているのか

知らない人が多く見受けられた。Q12の商店街のホームページがあったら見るかという

質問ではおおよそ 6割の方々がホームページがあったら見るという回答をした。このこ

とから中心市街地のホームページを作る需要があるといえる。また、ホームページにあ

ったら見るものは「お店の営業時間」、「イベント情報」といった声が多かったことから

そこに力を入れてホームページの作成を行いたいと思う。

22

ホームページ作成

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に示す。

23

また、作成したその人にあった居酒屋の検索機能を Fig. 4.5、Fig. 4.6にプログラ

ムの内容を Fig. 4.7、Fig. 4.8に示す。

図 4.1 トップページ

図 4.2 イベント情報

24

図 4.3 ほんまち商店街のマップ

図 4.4 問い合わせのページ

25

図 4.5 居酒屋検索

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

26

<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 居酒屋検索のプログラム

27

<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 居酒屋検索のプログラム

28

平成 29年 1月 9日（月・祝）に飯塚市で開催された「新春商店街サイエンス」のポ

スターにホームページの QRコードを載せて宣伝を行った。その時のポスターを図 4.9

に示す。また、ホームページにもイベントの詳細などの広告を行った。このことは新聞

にも掲載された。新聞記事を図 4.10に示す。

また、2月 25日に行われる飯塚市図書館のイベントでもイベントを宣伝するにあた

って、ホームページの宣伝も行った。

また、検索を行ったとき上位に候補が出るようにホームページのアドレスを Google

フォームや Beingに登録を行った。登録を行った時の様子を図 4.11 と図 4.12 に示す。

他にも九工大生が多くやっていると思われるツイッターで飯塚商店街のアカウント

を作成し、定期的に飯塚市商店街のことをつぶやくようにした。図 4.13と図 4.14に飯

塚商店街のアカウントいいぬことつぶやいている内容を示す。

29

図 4.9 イベントのチラシ

30

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

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

31

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

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

32

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

33

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

ホームページ公開後、九州工業大学生 34人にアンケートを行った。アンケート内容を

表 4.1に示す。また、アンケート結果を図 4.14に示す。

表 4.1 アンケート内容

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

はい いいえ

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

はい いいえ

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

はい いいえ

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

はい いいえ

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

飲食店情報 マップ イベント その他

34

Q1. 飯塚商店街を知っていますか Q2. 商店街に行ったことがありますか

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

ていますか。

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

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

図 4.15 アンケート結果

35

この結果からホームページを公開する前に比べると九工大生に飯塚商店街の知名度

が上がったといえる。また、ホームページがまだまだ見づらいという意見が多かったの

で、今後もっと改良を入れていく必要性がある。

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

今後も定期的にホームページの更新を行っていくために飯塚どうで商プロジェクト

委員長の田中雄治氏にWordPressのアカウント名とパスワードを教えて今後も更新し

ていくようお願いした。田中氏がWordPressを使って更新している様子を図 4.16に示

す。

4.4 SEOの実践とその効果

ホームページを作成したが、「飯塚商店街」と検索しても上位検索結果に出ないので、

SEO（Search Engine Optimization）を実践することにした。

SEO実践にはコンテンツの充実が一番だと考えた。まずは、閲覧者がホームページ

に何を求めているかを知るために、「飯塚商店街」の予測検索をした。その結果、「塚商

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

36

店街 ランチ」、「飯塚商店街 駐車場」、「飯塚商店街 イベント」、「飯塚商店街 居酒

屋」が予測検索にヒットした。これを図 4.17示す。

予測検索で閲覧者が商店街の駐車場とランチ、居酒屋などの情報を求めていることが

わかったので、駐車場マップとランチマップのページを作成した。

駐車場マップでは駐車場を実際に見に行き収容台数や営業時間値段を調べた。また、

利便性を高めるために駐車場マップの画像の駐車場をクリックすると詳細が見れるよ

うにした。図 4.18、図 4.19駐車場マップ、プログラムを図 4.20、図 4.21に示す。

図 4.17 飯塚商店街の予測検索

37

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

38

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

39

<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" bor-

der="0" /> </map> <br clear="left"> <div id="top02"></div>

図 4.20 商店街駐車場マップのプログラム

40

<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" bor-

der="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" bor-

der="0" />

<area alt="19" coords="455,383,567,359,570,421,459,429" shape="poly" href="#p19" bor-

der="0" />

<area alt="20" coords="384,537,576,532,583,611,397,607" shape="poly" href="#p20" bor-

der="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 駐車場マップのプログラム

41

ランチマップでは商店街付近のお店を 8店舗選び、直接お店に行きメニューやお店の

こだわり、番人気のメニューを訊ね、店長の写真やお店の中の様子を撮った。図 4.22

と図 4.23にランチマップ、プログラムを図 4.24と図 4.25に示す。

図 4.22 ランチのページ

42

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

43

<meta name="viewport" content="width=1024px, initial-scale=1, maxi-

mum-scale=2">

<iframe

src="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 ランチマップのプログラム

44

<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 ランチマップのプログラム

45

また、すでにある既存のページの居酒屋マップももっとわかりやすいように、マップに

各居酒屋のピンを立てた。ホームページに公開した地図を図 4.26に示す。

もう一つ SEOとして今後のグローバル社会に向けてホームページを英語版に切り替

えができるようにした。英語版のページの一部を図 4.27に示す。

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

46

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

47

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

図 4.28に示す。

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

48

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

SEOを実践してさらにホームページが魅力的になったので、2回目のホームページ

の宣伝は大々的に行った。まず、若者に対して商店街の情報発信をするなら SNSを使

うのが一番いいと考え、私のツイッターアカウントを利用してホームページの宣伝を行

った。その結果を図 4.29に示す。

図 4.29からもわかるように普段のツイートは 5日で 270回の閲覧数に対し、ホーム

ページの宣伝ツイートは 3000回近くにも上った。この理由として考えられるのはツイ

ッターのリツイート機能で拡散されたからだと考えられる。また、エンゲージメント総

数とは、ユーザーがツイートに対して反応してくれた（いいね、リツイート、ツイート

の詳細のクリック）回数である。

また、商店街のアカウントいいぬこも SEO前後ではフォロワーが 4倍以上になった。

いいぬこも SEO後でボットの種類を増加したり、商店街に行きたくなるようなツイー

トを心がけたりなど工夫をした。いいぬ子のツイートの閲覧数の変化を図 4.30に示す。

また、SEO前後でのツイートの内容を図 4.31に示す。

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

175 231 240 258 268 270500

1032

1522

2174

28512985

52 97 153 237 301

325

0

500

1000

1500

2000

2500

3000

3500

1時間 1日 2日 3日 4日 5日

ツイート閲覧回数（回）

経過日数

普段のツイート閲覧

数

普段のツイートエン

ゲージメント数

HP宣伝ツイートの

閲覧数

HP宣伝ツイートの

エンゲージメント総

数

49

また、いいぬこのフォロワー数も SEO実践前は 5人だったが、SEO 後は急激にフォ

ロワーが伸び、現在では 29人になっている。

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

19 20 21 21 21

460

732

1011

1119 1124

63 80113 118 122

0

200

400

600

800

1000

1200

1日 2日 3日 4日 5日

閲覧回数

経過日数

SEO前

SEO後

SEO後エンゲージメ

ント数

図 4.31 SEO実践前（上）、SEO実践後（下）

50

まとめ

5.1 結果

本研究では、若者と学生が飯塚市中心市街地についての情報を受け取ることができる

システムの開発を行った。その一環として、飯塚市中心市街地である飯塚商店街のホー

ムページの開発を行った。飯塚地方の就職支援サイトの開発のために情報収集と開発環

境の構築を行った。まず、実際に中心市街地に赴き、商店街の現状を知り、自分自身で

商店街の魅力を発見した。次に、大学生と若者に商店街知名度をはかるためヒアリング

およびアンケートの質問項目の作成を行った。若者にはおもに子育て世代に向けて、子

育て世代が多く集まる街なか子育て広場でヒアリングを行った。また、九州工業大学情

報工学部生には福利棟にてアンケートをおこなった。そのヒアリング結果とアンケート

結果を基に、飯塚市中心市街地のホームページの開発を行った。

今回は、ホームページビルダーとHTML、JavaScriptを用いて開発を行った。今後

も商店街の方に更新を行ってもらうためにブログ感覚でホームページの更新を行うこ

とができる wordpressを採用した。利便性向上のために利用者のニーズに合わせた居

酒屋のタグ付、検索機能を実装した。

さらに、平成 29年 1月 9日（月・祝）に商店街で行われた「新春商店街サイエンス」

というイベントを行う中でそのイベントのチラシに開発したホームページの QRコー

ドを載せた。そのチラシ 3000枚とポスター50枚を学内に張り、電子掲示板に載せ、商

店街の店主の方々にお願いをして店先やお客さんに配っていただき宣伝を行った。

また、九工大生の多くが利用している SNSの Twitterで飯塚商店街のアカウントを

作成し、定期的に商店街のことをつぶやくようにした。

ホームページ作成後、九州工業大学情報工学部生 10人に対して商店街についてのア

ンケートを再び行った。その結果、以前より商店街を知る人は増えた。

また。SEOとして、ランチマップ、駐車場マップのページを作成し、既存の居酒屋

マップのページを充実させた後、「飯塚商店街」の検索結果が 8番目から 3番目にラン

キングがアップした。

51

5.2 今後の課題

情報にあまり詳しくない商店街の店主の方々でもホームページの更新がしやすいよ

うにワードプレスを採用した。しかし、一部の商店街の方がワードプレスを使いこなせ

るかが問題である。

また、ホームページ作成後に行った九州工業大学情報工学部生にアンケート結果から、

いまだに飯塚中心市街地を知らない、商店街のホームページを知らない人がいる。飯塚

中心市街地やホームページの宣伝を SNSなどを利用して、さらに学生や若者に行って

いくことが 2つ目の今後の課題である。

3つ目の課題は、「飯塚商店街」検索結果の 1番目に商店街のホームページをもって

くることである。そのためにはまだまだ SEO対策をする必要性がある。具体的には何

をすればいいのかを調べるために、現在の「飯塚商店街」1番目の福岡県観光情報、ク

ロスロードふくおかにアクセスした。アクセスした結果、アクセス数が 8010回と表示

されてあったので、1番目に表示されるためにはホームページのアクセス数を増やす必

要性がある。

52

参考文献

[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 全国の人口増減ランキング

53

謝辞

最初に、私の指導教官である九州工業大学大学院情報工学研究院電子情報工学研究系

エレクトロニクス分野 小田部荘司教授にお礼を申し上げます。私の研究指導をしてい

ただき、学生生活や進路など多くの助言は励ましの言葉をいただきました。前例のない

当研究を最後まで続けることができたのは小田部教授のおかげです。

そして、九州工業大学大学院情報工学研究院電子情報工学研究系エレクトロニクス分

野 木内勝准教授にも深く感謝致します。研究分野が全く異なる私の研究に対して、助

言をして下さるなどサポートしていただきました。深く感謝を申し上げます。

飯塚市中心市街地活性化協議会タウンマネジャー 久保森住光 氏には、商店街でイ

ベントを行う際、多大なるご支援をしてくださいました。また、様々なサポートや励ま

しの言葉もいただきました。その全てに深く感謝を申し上げます。

飯塚市商店街連合会どうで商プロジェクト委員会 田中雄治 氏には、ホームページ

を作る際、サーバーなどの手続きで多大なる助言をしていただきました。また、様々な

サポートや励ましの言葉もいただきました。その全てに深く感謝を申し上げます。

飯塚市商店街連合会合同販売促進委員会 三好宏輔 氏には、お忙しい中、飯塚商

店街の店主のインタビューを引き受けて下さって他数々の助言や激励をいただきまし

た。その全てに深く感謝を申し上げます。

飯塚商店街の商店主の皆様にはホームページに使用する写真撮影の際、快く引き受け

てくださり、激励の言葉もくださいました。その全てに深く感謝を申し上げます。

飯塚市議会議員 兼本芳雄 氏には、お忙しい中、今後の商店街の在り方や地域の在

り方等の支援をしていただきました。多くの助言や励ましの言葉、数々のサポートをし

ていただきました。その全てに深く感謝申し上げます。

九州工業大学大学院情報工学付情報システム専攻 平松佑太 氏には、この１年間ず

っと私の研究に対して、助言や励まし、時には叱咤をいただきました。研究だけではな

く学生生活、就職活動において、数々のサポートをしていただきました。その全てに深

く感謝申し上げます。

電子情報セミナーⅡ受講生電子情報工学科 3年 林恵里利菜 女史、阿部光希 氏に

は、私の研究をサポートしていただきました。共に研究を考察・相談し、何度も助けら

れました。数々の調査の依頼も、迅速に行動して下さりました。その全てにおいて深く

感謝を申し上げます。

54

技術職員 新山誠司 氏には、情報システム開発において無知な私に技術的な助言を

いただきました。技術的なサポートをしていただき、励ましの言葉もいただきました。

その全てに深く感謝を申し上げます。

その他にも、小田部研究室・木内研究室にて九州工業大学大学院情報工学府情報シス

テム専攻の木戸竜馬 氏、谷村賢太 氏、田邊裕也 氏、伊原大輔 氏、柏木啓 氏

と九州工業大学電子情報工学科４年の高橋悠 氏、濱久保翔吾 氏、鶴田祐基 氏、

田口拓人 氏、宮島悠 氏、早瀬利伸 氏と電子情報セミナーⅡ受講生電子情報工学科

3年の小野又美咲 女史、米塚里奈 女史、佐藤芙柚 氏、米中友浩 氏に感謝を申し

上げます。

最後に、これまで私を育ててくださり九州工業大学に通わせてくれた両親や共に学

生生活を過ごし支えてくれた先輩、友人、後輩達に深く感謝を申し上げます。