１．トラップメモ ①問題 ②調査結果 ③対応1)google.maps API設定 (1)google.maps API登録 ①google.maps APIを使いたい ②どうすれば？ ③google cloudの有料登録が必要 ・12 か月間 300 ドル分の無料トライアルを利用できるがカード登録は必須 ・毎月 $200 分は…

part02１．完成 // オーバーレイ選択'); document.write('九州'); document.write('扇状地'); document.write('圏9'); document.write('地震'); document.write('地勢図'); document.write(''); // ]]> // ２．コード チェックボックスは消されるのでdocumen…

Google Maps APIを使って記事内容の解説地図を作ったのでメモ １．概要 google mapに下記要素を書き込んで埋め込む ・マーカー ・ポリゴン ・イメージファイルによるオーバーレイ 各要素はチェックボックスで表示非表示を切り替えられるようにする ２．準備 …

１．構成のポイント １）ページの識別 はてなブログのトップページは、同じウインドウに複数のページを読み込む このためyoutube埋込ページを重複して読み込まれるとプレーヤーが動かなくなったりレイアウトが崩れたりする トップページの構成はこんな感じ <article class="entry hentry … "> <div class="entry-content"> </div></article>…

長いyoutubeにチャプターを付ける youtubeに投稿する時は簡単にできるようですが見る側ではできないようなので作りました１．お手本 プレーヤー右側のリストをクリックするとシークするようになっている ２．概要 数個のチャプターで区切る予定のためプレー…

トラップメモから Webアプリはあまり書いたことがなかったのでたくさんありました ①問題 ②調査結果 ③対応

今回は、はてなブログ記事へのフォロアー数チャート描画１．ストーリー 描画、データとともにはてなブログ内に置く はてなプログにアップしたページにjavascriptを埋め込んでチャートを描画する データは、csvファイルデータを下書きページに埋め込んで描画…