7
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

鉄オタへの道@

Last updated at Posted at 2020-05-03

はじめに

鉄オタへの道といっても、鉄道オタクの話ではありませんよ:sweat_smile:
(まぁ子供が電車好きではありましたが・・・:joy:)

検索系のアプリにおいて、路線:train:・駅か:station: ら探す機能ってありますよね。その改善の話です。私は開発側の人間ですが、今回の話は「企画」の話です。
リリースしたのは2020年3月ですが、企画したころから考えると1年経ってた:sweat_smile:


◆鉄オタへのきっかけ

何度か駅で迷うことは新宿・池袋などいくつも電車が乗り入れしているところって迷いませんか?
iOS の画像 (4).jpg

ですが、うちの子供ってあまり迷わないもんで。。。なんで迷わずに行けるの?って聞いたら「色ととかで覚えている!」と返ってきました。

( ゚д゚)ハッ! と気づきました。
うちのアプリの:station:路線での検索:mag_right:ってテキストばっかりで分かり難いなぁ・・・
image.png
↑↑バイトルアプリの沿線・駅から選ぶ画面

普段使っている路線など名前ではなく、何となく路線記号・色などで認識していて、アイコンで表現できれば、分かりやすくなるのでは:interrobang:
ということで企画を始めました。

まず、色ですが・・・
鉄道的にはどういうのだろう・・・ということで調べたました。

山手線などを示す記号はJY、これを路線記号というのですね。(ナンバー付きは駅ナンバリング)
image.png
※参照元:https://www.jreast.co.jp/press/2016/20160402.pdf

基本を押させたところで、次は全国を調べます:pencil:


◆『路線記号』を導入している鉄道会社を調べてみた

ってことで・・・、路線記号ってどのくらいの鉄道会社さんが導入しているかを調べてみました。
これを調べるだけでも鉄分:railway_car:補給されましたw
とにかく調べるのが意外に大変でした:neutral_face:

まとめてみましたが間違っていたらご指摘ください:bow_tone1:
※ナンバリングは導入していても駅ナンバリングだけの鉄道会社さんはところは基本的にはうちのアプリの都合上外していたりします。

調べてわかったことは、同じ路線名でもエリアが違うとアイコンが違ったり
まだまだ導入されていないエリアもいっぱいありました。:open_mouth:

関東エリア

鉄道会社 路線名 路線記号アイコン例
JR東日本 東海道線(伊東線) ensen_2_171.png
JR東日本 横須賀線(総武本線・成田線) ensen_2_166.png
JR東日本 京浜東北線 ensen_2_178.png
JR東日本 山手線 ensen_2_172.png
JR東日本 南武線 ensen_2_174.png
JR東日本 鶴見線 ensen_2_175.png
JR東日本 横浜線 ensen_2_177.png
JR東日本 中央本線(中央線・五日市線・青梅線・) ensen_2_184.png
JR東日本 中央・総武各駅停車 ensen_2_199.png
JR東日本 宇都宮線/高崎線(東北本線) ensen_2_105.png
JR東日本 埼京線 ensen_2_198.png
JR東日本 常磐線 ensen_2_102.png
JR東日本 千代田・常磐各駅停車(千代田線) ensen_2_197.png
JR東日本 京葉線 ensen_2_164.png
JR東日本 武蔵野線 ensen_2_176.png
JR東日本 湘南新宿ライン ensen_2_160.png
JR東日本 相模線 image.png
JR東日本 八高線 image.png
東京メトロ 銀座線 ensen_2_341.png
東京メトロ 丸の内線 ensen_2_342.png
東京メトロ 日比谷線 ensen_2_344.png
東京メトロ 東西線 ensen_2_345.png
東京メトロ 千代田線 ensen_2_346.png
東京メトロ 有楽町線 ensen_2_347.png
東京メトロ 半蔵門線 ensen_2_348.png
東京メトロ 南北線 ensen_2_349.png
東京メトロ 副都心線 ensen_2_350.png
都営 都営浅草線 ensen_2_351.png
都営 都営三田線 ensen_2_352.png
都営 都営新宿線 ensen_2_353.png
都営 都営大江戸線 ensen_2_358.png
都営 都電荒川線 ensen_2_354.png
都営 日暮里・舎人ライナー ensen_2_359.png
東急 東横線 ensen_2_321.png
東急 田園都市線 ensen_2_324.png
東急 大井町線 ensen_2_323.png
東急 目黒線 ensen_2_327.png
東急 池上線 ensen_2_325.png
東急 多摩川線 ensen_2_322.png
東急 世田谷線 ensen_2_326.png
東急 こどもの国線 ensen_2_328.png
横浜高速鉄道 みなとみらい線 ensen_2_404.png
東武 伊勢崎 image.png
東武 伊勢崎(東武スカイツリーライン)・大師線 ensen_2_261.png
東武 日光線 ensen_2_266.png
東武 野田線(東武アーバンパークライン) ensen_2_269.png
東武 東上線 ensen_2_270.png
東武 越生線 ensen_2_271.png
東武 亀戸線 ensen_2_262.png
東武 小泉線 ensen_2_264.png
東武 宇都宮線 ensen_2_268.png
東武 佐野線 ensen_2_265.png
東武 鬼怒川線 ensen_2_267.png
東武 桐生線 ensen_2_263.png
西武 池袋・豊島線・有楽町線・秩父線・狭山線 ensen_2_281.png
西武 新宿線・拝島線 ensen_2_284.png
西武 国分寺線 ensen_2_285.png
西武 多摩湖線 ensen_2_286.png
西武 多摩川線 ensen_2_287.png
西武 山口線 ensen_2_290.png
小田急 小田原線 ensen_2_311.png
小田急 江ノ島線 ensen_2_312.png
小田急 多摩線 ensen_2_313.png
小田急 箱根登山鉄道・箱根登山ケーブル線 ensen_2_383.png
京王 京王線(本線・相模原線・高尾線) ensen_2_301.png
京王 京王井の頭線 ensen_2_304.png
京浜急行電鉄 京急(本線・久里浜線・大師線・逗子線) ensen_2_331.png
京成 本線・千葉線・千原線 ensen_2_393.png
京成 新京成線 ensen_2_256.png
京成 成田スカイアクセス線 ensen_2_250.png
京成 北総線 ensen_2_257.png
京成(芝山鉄道) 芝山鉄道 ensen_2_401.png
相模鉄道 相鉄(本線・いずみ野線・新横浜線) ensen_2_361.png
横浜市営地下鉄 ブルーライン image.png
横浜市営地下鉄 グリーンライン image.png
東京臨海高速鉄道 りんかい線 ensen_2_394.png
つくばエクスプレス つくばエクスプレス image.png
ゆりかもめ ゆりかもめ ensen_2_357.png
東京モノレール 東京モノレール ensen_2_355.png
埼玉高速鉄線 埼玉高速鉄線(埼玉スタジアム線) ensen_2_399.png
東葉高速線 東葉高速線 ensen_2_395.png
埼玉新都市交通 ニューシャトル ensen_2_244.png
千葉都市モノレール 千葉都市モノレール image.png
多摩都市モノレール 多摩都市モノレール ensen_2_398.png
江ノ島電鉄 江ノ電 ensen_2_381.png
湘南モノレール 湘南モノレール number_shonanmono_smr.png
銚子電鉄 銚子電鉄 image.png
伊豆箱根鉄道 大雄山線 ensen_2_391.png
伊豆箱根鉄道 駿豆線 ensen_4_392.png
わたらせ渓谷鉄道 わたらせ渓谷鉄道 ensen_2_109.png
流鉄 流鉄流山線 image.png

関西エリア

鉄道会社 路線名 路線記号アイコン例
JR西日本 東海道線(JR京都線、JR神戸線、琵琶湖線、北陸線、山陽線(近畿エリア)、赤穂線(近畿エリア)) ensen_6_171.png
JR西日本 湖西線 ensen_6_602.png
JR西日本 草津線 ensen_6_641.png
JR西日本 奈良線 ensen_6_643.png
JR西日本 嵯峨野線・山陰線 number_jr_e_android.png
JR西日本 おおさか東線 ensen_6_650.png
JR西日本 宝塚線(福知山線) ensen_6_605.png
JR西日本 東西線(学研都市線) ensen_6_645.png
JR西日本 加古川線 ensen_6_612.png
JR西日本 播但線 ensen_6_613.png
JR西日本 姫新線 ensen_6_614.png
JR西日本 舞鶴線 ensen_6_632.png
JR西日本 大阪環状線 ensen_6_603.png
JR西日本 ゆめ咲線 ensen_6_604.png
JR西日本 大和路線 ensen_6_429.png
JR西日本 阪和線 ensen_6_647.png
JR西日本 関西空港線 ensen_6_648.png
JR西日本 和歌山線 ensen_6_646.png
JR西日本 万葉まほろば線(桜井線) ensen_6_644.png
JR西日本 関西線 ensen_6_426.png
JR西日本 きのくに線(紀勢線) ensen_6_431.png
大阪メトロ 御堂筋線 ensen_6_701.png
大阪メトロ 谷町線 ensen_6_702.png
大阪メトロ 四つ橋線 ensen_6_703.png
大阪メトロ 中央線(近鉄けいはんな線) ensen_6_704.png
大阪メトロ 千日前線 ensen_6_705.png
大阪メトロ 堺筋線 ensen_6_706.png
大阪メトロ 長堀鶴見緑地線 ensen_6_768.png
大阪メトロ 今里筋線 ensen_6_699.png
大阪メトロ ニュートラム ensen_6_707.png
北大阪急行 北大阪急行南北線 ensen_6_711.png
阪急 京都線・千里線・嵐山線 ensen_6_661.png
阪急 神戸線・今津線・伊丹線・甲陽線 ensen_6_664.png
阪急 宝塚線・箕面線 ensen_6_668.png
阪神 本線・なんば線・武庫川線 ensen_6_671.png
近鉄 難波・奈良線 ensen_6_551.png
近鉄 京都線・橿原線 ensen_6_552.png
近鉄 けいはんな線 ensen_6_563.png
近鉄 大阪線 ensen_6_541.png
近鉄 名古屋線 ensen_4_543.png
近鉄 南大阪線・吉野線 ensen_6_555.png
近鉄 生駒線 ensen_6_561.png
近鉄 天理線 ensen_6_553.png
近鉄 田原本線 ensen_6_562.png
近鉄 信貴線 ensen_6_554.png
近鉄 湯の山線 ensen_4_547.png
近鉄 鈴鹿線 ensen_4_549.png
近鉄 山田線・鳥羽線・志摩線 ensen_4_542.png*
近鉄 道明寺線 ensen_6_558.png
近鉄 長野線 ensen_6_557.png
近鉄 御所線 ensen_6_559.png
近鉄 生駒ケーブル線 ensen_6_565.png
近鉄 西信貴ケーブル ensen_6_564.png
京阪 本線・交野線・中之島線・宇治線・鴨東線 ensen_6_658.png
京阪 京津線・石坂線 ensen_6_655.png
南海 本線(空港線)・ image.pngensen_6_684.png
南海 高野線 image.pngensen_6_686.png
南海 汐見橋線 image.png
南海 和歌山港線 image.png
南海 加太線 image.png
泉北高速鉄道 泉北高速鉄道 ensen_6_712.png
阪堺電気軌道 阪堺線・上町線 ensen_6_689.png
京福電鉄 嵐山本線 ensen_6_581.png
京福電鉄 北野線 ensen_6_582.png
叡山電鉄 ensen_6_586.png
京都丹後鉄道 宮福線 ensen_6_791.png
京都丹後鉄道 宮舞線 ensen_6_792.png
京都丹後鉄道 宮豊線 ensen_6_793.png
京都市営地下鉄 烏丸線 ensen_6_591.png
京都市営地下鉄 東西線 ensen_6_769.png
神戸市営地下鉄 西神山手線 ensen_6_733.png
神戸市営地下鉄 海岸線 ensen_6_737.png
神戸電鉄 三田線・粟生線・有馬線・公園都市線 ensen_6_723.png
山陽電車 ensen_6_726.png
信楽高原鉄道 信楽高原鉄道 ensen_6_642.png

東海エリア

鉄道会社 路線名 路線記号アイコン例
JR東海 東海道本線 ensen_4_171.png
JR東海 御殿場線 ensen_4_181.png
JR東海 見延線 ensen_4_182.png
JR東海 飯田線 ensen_4_183.png
JR東海 武豊線 ensen_4_408.png
JR東海 中央本線 ensen_4_184.png
JR東海 高山本線 ensen_4_418.png
JR東海 太多線 ensen_4_422.png
JR東海 関西本線 ensen_4_425.png
名鉄 本線 ensen_4_451.png
名鉄 豊川線 ensen_4_452.png
名鉄 西尾・蒲郡線 ensen_4_453.png
名鉄 豊田線 ensen_4_456.png
名鉄 三河線 image.pngensen_4_454.png
名鉄 常滑線・空港線 ensen_4_457.png
名鉄 河和線・知多新線 ensen_4_459.png
名鉄 津島線 ensen_4_461.png
名鉄 尾西線 ensen_4_462.png
名鉄 竹鼻線・羽島線 ensen_4_463.png
名鉄 犬山線 ensen_4_464.png
名鉄 各務原線 ensen_4_465.png
名鉄 広見線 ensen_4_466.png
名鉄 小牧線 ensen_4_468.png
名鉄 瀬戸線 ensen_4_473.png
名鉄 築港線 ensen_4_458.png
富士急 富士急行線 image.png
名古屋市交通局 東山線 ensen_4_481.png
名古屋市交通局 名城線 ensen_4_482.png
名古屋市交通局 名港線 ensen_4_487.png
名古屋市交通局 鶴舞線 ensen_4_483.png
名古屋市交通局 桜通線 ensen_4_484.png
名古屋市交通局 上飯田線 ensen_4_486.png
名古屋臨海高速鉄道 あおなみ線 number_aonami_an_android.png
愛知高速交通 リニモ ensen_4_450.png
名古屋ガイドウェイバス ゆとりーとライン ensen_4_552.png

北海道・東北エリア

鉄道会社 路線名 路線記号アイコン例
JR北海道 札幌~函館 image.png
JR北海道 森~大沼 image.png
JR北海道 東室蘭~室蘭 image.png
JR北海道 南千歳~千歳空港 image.png
JR北海道 白石~厚別~網走 image.png
JR北海道 札幌~二股~長万部 image.png
JR北海道 桑園~八軒~北海道医療大学 image.png
JR北海道 南千歳~追分~釧路 image.png
JR北海道 新夕張~沼ノ沢~夕張 image.png
JR北海道 滝川~東滝川~落合~新得 image.png
JR北海道 旭川~神楽岡~学田~富良野 image.png
JR北海道 網走~柱台~東釧路~釧路 image.png
JR北海道 新旭川~永山~稚内 image.png
札幌市交通局 南北線 ensen_1_082.png
札幌市交通局 東西線 ensen_1_083.png
札幌市交通局 東豊線 ensen_1_085.png
札幌市交通局 軌道線 ensen_1_084.png
函館市電 湯川線 ensen_1_093.png
函館市電 宝来・谷地頭 ensen_1_094.png
道南いさりび鉄道 ensen_1_095.png
仙台市営地下鉄 南北線 ensen_2_375.png
仙台市営地下鉄 東西線 ensen_2_218.png

甲信越・北陸エリア

鉄道会社 路線名 路線記号アイコン例
えちぜん鉄道 勝山線 ensen_4_522.png
えちぜん鉄道 三国線 ensen_4_523.png
福井鉄道 福武線 ensen_4_521.png

九州エリア

鉄道会社 路線名 路線記号アイコン例
JR九州 鹿児島本線・山陽本線 ensen_9_901.pngnumber_jr_kyusyu_jb_android.png
JR九州 日豊本線 ensen_9_926.png
JR九州 香椎線 ensen_9_902.png
JR九州 筑肥線 ensen_9_914.png
JR九州 福北ゆたか線(篠栗線) ensen_9_903.png
JR九州 日田彦山線 ensen_9_927.png
JR九州 後藤寺線 ensen_9_940.png
JR九州 長崎本線 ensen_9_911.png
JR九州 若松線 image.png
JR九州 原田線 image.png
福岡市営地下鉄 空港線 ensen_9_966.png
福岡市営地下鉄 七隈線 ensen_9_968.png
福岡市営地下鉄 箱崎線 ensen_9_967.png
西日本鉄道 西鉄天神大牟田線 ensen_9_951.png
西日本鉄道 西鉄太宰府線 ensen_9_952.png
西日本鉄道 西鉄甘木線 ensen_9_953.png
西日本鉄道 西鉄貝塚線 ensen_9_954.png
筑豊電気鉄道 筑豊電気鉄道 ensen_9_961.png
熊本市交通局 熊本市電上熊本線 ensen_9_982.png
熊本市交通局 熊本市電健軍線 ensen_9_981.png
鹿児島市電 唐湊線 ensen_9_986.png
鹿児島市電 谷山線 ensen_9_987.png

中国エリア

鉄道会社 路線名 路線記号アイコン例
JR西日本 津山線 ensen_6_616.png
JR西日本 桃太郎線 ensen_6_617.png
JR西日本 赤穂線 image.png
JR西日本 山陽線 image.pngimage.pngimage.pngimage.png
JR西日本 伯備線 ensen_6_619.png
JR西日本 宇野みなと線 image.png
JR西日本 瀬戸大橋線 ensen_8_810.png
JR西日本 福塩線 image.png
JR西日本 因美線 ensen_6_634.png
JR西日本 山陰線 image.pngimage.png
JR西日本 境線 ensen_6_636.png
JR西日本 木次線 ensen_6_637.png
JR西日本 呉線 ensen_6_622.png
JR西日本 芸備線 ensen_6_620.png
JR西日本 可部線 ensen_6_623.png
広島電鉄 本線・宮島線 ensen_6_751.png
広島電鉄 宇品線 ensen_6_752.png
広島電鉄 白島線 ensen_6_756.png
広島電鉄 江波線 ensen_6_754.png
広島電鉄 皆実線 ensen_6_755.png
広島電鉄 横川線 ensen_6_753.png

四国エリア

鉄道会社 路線名 路線記号アイコン例
JR四国 予讃線(高松~松山) ensen_8_801.png
JR四国 予讃線 内子経由(松山~宇和島)・内子線 ensen_8_802.png
JR四国 予讃線 伊予長浜経由(向井原~伊予大洲) image.png
JR四国 土讃線(多度津~高知) ensen_8_808.png
JR四国 土讃線(高知~窪川) image.png
JR四国 牟岐線 ensen_8_807.png
JR四国 徳島線 ensen_8_806.png
JR四国 鳴門線 ensen_8_805.png
JR四国 予土線 ensen_8_803.png
JR四国 高徳線 ensen_8_804.png
JR四国 阿佐海岸鉄道線 ensen_8_833.png
土佐くろしお鉄道 ごめん・なはり線 ensen_8_834.png
土佐くろしお鉄道 中村線・宿毛線 ensen_8_809.png

参照:https://cross-hatch.wixsite.com/numbering/subway

◆『鉄道会社』の企業アイコンも調べてみた

メジャーなところでいうと「東京メトロ」さんとか

東京メトロ
image.png

うん、よく見かけるので分かりやすい:v:

相模鉄道さんは、
image.png

和歌山電鐵さん、:strawberry:型の可愛いアイコン
image.png

函館市電さん、
⇒ railroad_74.png

青い森鉄道さん
⇒ railroad_108.png

沖縄都市モノレール(ゆいレール)さん
⇒ symbol_okinawamono.png

などカラフルで結構分かりやすく使えそうなアイコンが結構ありました。


◆競合調査

次は、他社で使っているかの調査しました。
現時点(2020年3月時点)では求人系で路線記号など使っているところはありませんでした。
使っているところは乗り換え案内系のアプリやMap系のアプリでした。
image.pngimage.png


◆商用利用する為の問い合わせの壁・・・

路線アイコンや使いたい鉄道会社さんのアイコンを使うものは出そろいましたが
商用で使う場合は、もちろん許可を取らないいけないので、リストに出したところにはすべてHPから問い合わせ:e-mail:、または電話:telephone_receiver:での問い合わせをしました:sweat_smile:

基本的な流れは、

  • ①HP問い合わせをする。
  • ②その際にHPからだと添付ファイルは送付できないことが多いので、まず企画書を送付させてもらい説明する時間が欲しい旨を伝える。
  • ③企画書を送付。使用イメージももちろん添付する。
  • ④一般の問い合わせのところからだったので、数日レスがなかった会社さんはTELで問い合わせをする。
  • ⑤使用許可取れた会社さんから元データ(psd or ai ファイル)を準備してもらう
  • ⑥必要あれば、頂いたデータを使って再度使用イメージを送付する

はじめは何から喋ればいいかなと試行錯誤しながら口説き方を考えながら話しました。
後半はスムーズにできましたね:v:
レスがないところも電話かける際に説明すれば取次は大よそしてもらえました。
(もちろん軽くあしらわれることも多々ありました。何とか想いを伝えてやりました。)

ですが一社ずつ時間はかかりました。。。
鉄道会社さんも基本的にはデータ使用許可のフローってないことが多いようで、各鉄道会社さんにもご協力頂きました:bow_tone1:
また、契約フォーマットも必要あれば作成し契約した鉄道会社さんや、毎年更新すれば使える会社さん(そこはこちらの運用工数を考えて導入見送りました)や、説明させてもらいましたが、企業ロゴは断わる会社さんももちろんありました。

ちなみに、
大手私鉄の『企業アイコン』は、やはり一部の会社さんは:ng:だったり、他の私鉄さんが:ok:だったらいいですよというところもあり、大手私鉄系は統一感から大手私鉄用のアイコンを自前で作ることにしました。
『企業アイコン』はやはりハードルは高かったです。導入できた会社さんもそれなりにありますが、まぁ仕方ない・・・

『路線記号アイコン』は、東京メトロさんのようにルールが徹底されて画像データを提供して頂けるところもありましたが、似せて作る(ある意味黙認)は構わないよって言ってもらえた会社さんも結構ありました。路線記号でも版権が会社にないので~・・・というところもあるので、
商用利用は気を付けましょうね:point_up:

つくづく思ったのは、メール&TELしまくっての感想として、うちの会社の営業さんTELアポ大変だろうなと実感したフェーズでもありました。


◆自社のマスターデータの壁:skull_crossbones:

利用できるところまで行くと、ようやく開発フェーズになるのですが、

うちが持っているデータは、ある所から購入しているのですが、実際とそのデータとマッチしない:bangbang:
ってことで、Webサイト側も使用しているので、以下の流れで承認フローを得ました。

  • データベースの持ち方から路線が分割できる/分割できない場合もあるので、そこはデータベース設計者と相談
  • 新しい路線名適用有無については、SEOチームにどちらが知られているかを調査
  • 上記踏まえて企画側の承認を得る

◆無事リリース:congratulations:

社内の駅や路線名のマスターデータの更新は、毎年1~2回だったので
もう少し早く導入できるタイミングもあったのですが、他のエンハンスとの優先度の兼ね合いから(どうしてもブランディングの要素が強い施策だったので仕方ないのですが・・・)、
企画しても導入タイミングは今年2020年になってしまいました:cry:
とはいえ無事リリース出来て本当によかった:sweat_smile:

↓導入後のイメージ
image.png

最後に

検索周りに無事導入できたので、これからいろいろな画面に、例えば仕事の詳細画面など施策を重ね、ユーザさんにさらに見やすいサービスを提供していきたいと思います。

今回のようなヒントって日常に転がっているので、考えてすぐに案が思いつくものでもないと思います。日々外を見るときに(。´・ω・)?何故?を意識しながらが大事だと思いました。

また、路線記号などはやはり見やすいと思ったので、導入していない鉄道会社さんもどんどん導入して広まればいいなぁと思いました。

7
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?