晴歩雨描

晴れた日は外に出て歩き、雨の日は部屋で絵を描く

スマホ用検索ポータル「2nd Sch」を作成。Google Suggest API、Yahoo雨雲地図、Windy.com付き。

スマホGoogleChromeの検索画面を開くと、やたらとニュースや検索履歴が表示される。シンプルな検索画面が欲しくて、スマホ用検索Webページを作成した。

Google以外に、価格.com、アマゾン、ヨドバシカメラの検索ボタンを付けた。

Google Suggest APIを使って、検索キーワード候補を表示する機能も付けた。検索キーワード候補表示機能が不要な場合、キーワード入力欄左側のオレンジの丸をクリックして白丸にすれば、表示されなくなる。

【2018/7/7仕様変更】

「Yahoo雨雲」「Windy」ボタンを押すと、画面下に、Yahoo雨雲付き地図または、Windy.comの雨・雪地図が表示される。いずれも、現在地周辺の地図を表示。

【2018/7/8追加】

初期画面に、Yahooの鉄道運行情報、台風情報、地震情報等、ハザードマップ(国土交通省)等のリンクを貼った。リンクは適時変更する可能性あり。

【2018/7/11追加】

スマホモードと、PCモード切替スイッチを画面下に追加。

【技術的な補足】

スマホでこのWebページを使うと、ボタンの反応が悪い。スマホではonclickでなく、ontouchstartまたはontouchendを使った方が良いらしいが、ontouchstartで新しいウインドウを開こうとすると、ポップアップがブロックされる。「Yahoo雨雲」「Windy」ボタンにのみ、ontouchstartを使用。

f:id:art2nd:20180708130301j:plain

f:id:art2nd:20180708130311j:plain

f:id:art2nd:20180708130329j:plain

f:id:art2nd:20180708130337j:plain