圏9研究所 工作室

圏9研究所の開発情報資料など

2019-01-01から1年間の記事一覧

Google Maps Javascript APIで解説地図を作る まとめ

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

Google Maps Javascript APIで解説地図を作る part02

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

Google Maps Javascript APIで解説地図を作る part01

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

youtubeにチャプターを付けて埋め込む まとめ

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

youtubeにチャプターを付けて埋め込む part02

part02は複数の動画を1つのプレーヤーで切り替えるプレイリスト風 1.概要 part01をベースにしてプレーヤーの上にタブを配置して切り替える2.コード 1)タグレイアウト タブ用のラジオボタンとプレーヤーで構成してボタンが押されたらシークする <body> <div class="entry-content"> <div class="iframe_tag"> <ul> <li><label> </label></li></ul></div></div></body>

youtubeにチャプターを付けて埋め込む part01

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

ページネーション設置

自分用に作ってみたのでメモお手本はこんな感じ ・html 設置するページは aタグの代わりに labelタグを置いた <div class="linknum_tag"> <a href="#1">1</a> <label>2</label> <a href="#3">3</a> <a href="#4">4</a> <a href="#5">5</a> <a href="#2">NEXT</a> </div> ・css .linknum_tag a, .linknum_tag label { position: relative; display: inline-block; font-wei…

はてなブログにインスタを埋め込む

調べてみるとインスタを埋め込むにはいくつか方法があるようです サイズ変更方法も調べました1.embedオプション ・URL:embedリンクの挿入とコンテンツの埋め込み help.hatenablog.com サイズとか変えられないけれどシンプルで簡単 2.インスタの埋込コー…

圏9微博Webスクレイピング~微博フォロアー数を解析する python版追加

フォロアー数を読み込んでcsvファイルに追記をpythonで作る1.準備 1)selenium Web ベースアプリケーションのテスト自動化の高速開発をサポートした堅牢なツール群 インストールします2)ブラウザとドライバ (1)Firefox ・geckodriverをダウンロード…

圏9微博Webスクレイピング~微博フォロアー数を解析する まとめ

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

圏9微博Webスクレイピング~微博フォロアー数を解析する part04

part04 csvファイルを下書きページにアップロード1.ストーリー csvファイルをはてなブログAtomPubで下書きファイルにアップロード更新する AtomPub仕様詳細は、下のリンクで

圏9微博Webスクレイピング~微博フォロアー数を解析する part03

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

圏9微博Webスクレイピング~微博フォロアー数を解析する part02

今回は、フォロアー数を読み込んでcsvファイルに追記するところまで

圏9微博Webスクレイピング~微博フォロアー数を解析する part01

祝100万 圏9微博のフォロワー数が最近100万を突破したのでフォロアー数を解析してみることにしました フォロアー数は、この《粉丝》です fans 先月は、82万くらいのところ今月になって突然100万突破短期間に25%もアップしてますこれってどうい…

bilibili動画リンクと埋込〜ボックスリンク

2023/7/28 ページの構成が変わって埋め込み出来るようになっていたので改訂版を作成 luke24e-2h.hatenablog.com ----------------------------------------------- 以下旧資料 bilibili動画のリンクを作成しますbilibili動画は埋込コードも提供されています …

開発言語 python

Web開発ではブログを書くのがメインのためコードも少ないのでエディターでHTMLとかjavascriptを書けば事足りますがAPI組込も使いそうなのでpythonをインストールしました ネットで調べると仮想環境にインストールするといいらしいので下記ページを参考にイン…

エディター Atom

OSX付属の「テキストエディット」ではソースリストを書くのに不便なので「atom」をインストール 本体 Atom 1.14.0 x64 atom.io 追加パッケージ color-picker 2.3.0 file-icons 2.1.36 platformio-ide-terminal 2.10.0

開発環境

圏9研究室の開発情報資料をサブブログに分割します まずは開発環境から MacBook Pro (13-inch, Late 2011) OSX El Capitan 10.11.6 メモリ 8G SSD 500G 8年前のモデルですがSSD化とメモリ増設で快適に使えています メモリは16Gまで実装できるようですが8Gで…