WebサイトにOpenStreetMapを表示する上で、LeafletというJavaScriptのライブラリを利用するとやりやすかったので紹介します。
WordPressで出かけた場所についてのブログも書いていますが、 その出かけた場所をGoogleMapにまとめて表示し、ブログのリンクに飛べるようにしてみました。 GoogleMap上のピンをクリックすると、ブログのタイトルとアイキャッチ画像を表示します。 その方法を記載します。
「Google Maps API」とは、Googleマップでさまざまなサービスで利用できるようにしたものです。 アプリやWebサービスにGoogleマップを使用することができます。 単に地図を載せるだけではなく、目的の場所や建物にマーカーを配置したりと色々な使い方ができます。 今回は、「Google Maps API」を使用するのに必要な、APIキーの取得方法を説明します。
YouTubeの情報を取得できるYouTubeDataAPI v3を触ってみました。色々と遊べそうなのでYouTubeが好きな方は是非お試しを！
Pythonの環境を構築した際に、Pythonの仮想環境で「Python」コマンドがエラーになる事象が発生しました。思い切って仮想環境上のPythonを削除したら動きはしました。
Vue.jsとWordPressApiを利用しwebサイトを作りました。トップ画面はvue.jsで作成しており、WordPressAPIで記事の情報を取得してトップ画面に「お勧め情報」や「新着情報」を表示しています。
Vue.jsのvue-slickプラグインを使用し、画像のカルーセルスライダーを実装します。
Vue CLIとCSS Flexboxを使いwebページを作ります。
Vue Routerを利用した画面のヘッダーにナビゲーションを作成し画面を遷移させます。
Vue Routerで簡単なSPAの作り方を解説します。
