遠征ドルヲタのための便利サイトを作ってみた

4.4K Views

September 27, 23

スライド概要

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

(ダウンロード不可)

関連スライド

各ページのテキスト
1.

遠征ドルヲタのための 便利サイトを作ってみた 藤本 健太

2.

自己紹介 名前:藤本 健太 (28歳) PHPを6年ほどかじり続けているサーバーサイドエンジニアです。 最近TypeScriptでの開発にハマっています。

3.

突然ですが、 私は「アイドルヲタク」です

4.

例えば....

5.

※地上アイドルから地下アイドルまで幅広く行ってます。 皆さんの中でおすすめのアイドルなどいたら是非教えてください

6.

もともと私は福岡県に 住んでおりました。 その頃は、福岡から東京へ 月2で遠征していた、 遠征ヲタクでした。

7.

そんな中、ひとつ悩みが・・・

8.

飛行機、探すのメンドくさい!!

9.

国内の主要LCC会社 ※ 他にも当時は夜行バスも使っていたため とにかく最安の手段を探すのが大変でした...orz

10.

せっかくなので

11.

飛行機簡単検索サイトを 作ってみよう!!

12.

サイトの構成ざっくり 【使用したフレームワークやライブラリ】 ・サイバーサイド(フレームワーク):Cake PHP (3.x) ・フロントエンド:Bootstrap (CSS) 【何を作る?】 ・日付のFrom,Toを指定すると各航空会社へのリンク一覧が出現する ・リンクを踏むと航空会社の予約サイトへ日付検索した状態で遷移する

13.

・・・1ヶ月ほど・・・

14.

できた!!

15.

デモページ https://flight-search-open-app.herokuapp.com/ ↓ (2023/09/29 追記: herokuの有償化に伴い、現在は Render.com に移行) https://flight-search-open-app-laravel9.onrender.com/

17.

サイトの公開にあたって ■「heroku」というPaaSを利用しました。 ・Ruby on Rails、Django、Spring、Node.js、PHPなどのプログラミ ング言語、フレームワークで制約なくアプリを作成、公開できる。 ・herokuの標準の拡張で「PostgreSQL」サーバーを用意できる。 ・Redisも用意できる。 ・ここまで全て無料! (←ここ重要) (2023/09/29追記: heroku有償化の為、現在はRender.comへ移行済)

18.

作ってみた所感 ・作ってみたら単純なリンク集サイトだったため ほぼCakePHPを触った感触がなかった...苦笑 ・CSSのグリッドレイアウトだったり、 JavaScript側で抽象クラスや継承クラスの表現を実装できたり、 新たなフロントエンドまわりの発見が多かった。 ・遠征の飛行機を予約するたびに自作サイトを辿るのが楽しくなって さらに遠征の頻度が増しヲタク活動がさらに加速してしまった。

19.

最後に・・・

23.

いやこれGoogleフライトで 全部事足りるやんけ!!! ※以後2ヶ月ほどはこのショックで立ち直れず、 自作サイトはもちろんソースにも向き合えなかったです。(笑)

24.

以上です。 お聞き苦しい点あったかと思いますが ご清聴いただきありがとうございました。