インストを1曲公開しました。
最近はもう寒いですが、暑い時期にはよく南米の音楽を聴いていました。
バキバキのプロの音楽ではなく、街中でよくわからん団体が演奏しているようなのが好きで、よくわからない複雑なリズムに「これどうなってんのかなぁ...?」と普通の感想を抱いたり。
そんなことを思い出しながら、リズムトラックを打ち込み、ギターを重ね、シンセを重ね。
インストは一人で完結する分、作るのが速くて良いです(出来はともかく)。
インストを1曲公開しました。
最近はもう寒いですが、暑い時期にはよく南米の音楽を聴いていました。
バキバキのプロの音楽ではなく、街中でよくわからん団体が演奏しているようなのが好きで、よくわからない複雑なリズムに「これどうなってんのかなぁ...?」と普通の感想を抱いたり。
そんなことを思い出しながら、リズムトラックを打ち込み、ギターを重ね、シンセを重ね。
インストは一人で完結する分、作るのが速くて良いです(出来はともかく)。
ずいぶんと寒くなり、畑もずいぶんと寂しくなりました。ここらで一旦今年の菜園を振り返ってみたいと思います。
まず去年の今頃、秋に蒔いたパクチーとルッコラは狙い通り越冬し、春の始まりに勢いを吹き返しました。これにより人より少し先に緑の野菜を楽しむことが出来ました。パクチーとルッコラは毎年越冬させることにします。
じゃがいも
今年初めて栽培にチャレンジしました、甘く濃厚で美味。家族も喜んで食べくれたので
栽培を続行します。秋植えしたものがそろそろ収穫できそうです。あと、畑に残ってたジャガイモがどんどん芽を出すので、ちゃんと撤去しないとダメですね。
山椒
家の敷地内に生えていたのですが、引越しをしたのでお別れ。小さいものは堀り起こし移植、葉程度なら今後も収穫可能。
ニラ
同じく引越しの被害にあった野菜の一つ。掘り起こして移植しましたが、しばらくはあまり元気がなく現在療養中。無限に生えるという噂があるくらい強い野菜なのでおすすめです。
サラダ用野菜: チシャ ルッコラ わさび菜 ナスタチウム イタリアンパセリ モロヘイヤ
鉄板のサラダ用布陣です。誰に食べさせても絶賛を頂きます。味がしっかりしているのでドレッシングいらず。個人的にはナスタチウムがすき。
炒めモノ野菜: ケール クウシンサイ スイスチャード
どれもクセがなくたくさん食べられるナイスな野菜達。夏場はこれらに青唐辛子を刻んで入れ、食欲アップを促します。
唐辛子
今年はハバネロはやめ(笑)普通のタカノツメを中心に育てました。乾燥させて一年分とっておきます。
根っこ系: しょうが うこん ごぼう にんにく らっきょう
そろそろショウガとウコンの収穫です。ショウガは酢漬け、ウコンは薬酒にします。
ごぼうは初チャレンジ、12月に収穫予定。
にんにくは沢山使うので鬼のように植えておきました。自分で育てると香りがマイルドでとても甘く仕上がります。
らっきょうは気がむいた時に堀り起こして食べたりします。
アスパラ
今年のMVP。4月頃から収穫が始まり10月終わり頃まで採れました。こんなにアスパラを食べたのは生まれて初めてです。細いアスパラは細いまま育ち、太いアスパラは始めから太いんです、面白いですね。
そろそろ茎が枯れて来たので、刈り取り、生えていた部分をバーナーで焼いて消毒しなければいけないようです。来年は倍以上の規模に拡大する予定。
トマト
今年は沢山育てました。パクチー、たまねぎ、ピーマン、パセリで作るサルサは最高です。寒い地域だからか、青いまま悪くなるトマトが多かったのが残念。
ズッキーニ
まぁまぁ採れました。が、悪くなるのも早く沢山腐らせてしまいました。あと茎が若干トゲトゲしく、結構痛い(かぶれる?)。
その他 育てたもの
オクラ シソ エゴマ ハーブ類たくさん 九条ねぎ ナス ピーマン ししとう、伏見唐辛子 サフラン カブ リーキ ホースラディッシュ 明日葉
今回は育てなかったもの
芽キャベツ ハバネロ 大根 ゴーヤ 人参 ベリー類(引越し被害で一からやり直し)ビーツ ザーサイ
今年初挑戦したもの
玉ねぎ(栽培途中)ソラマメ(栽培途中)ごぼう(栽培途中)オリーブ カブ 明日葉 じゃがいも
総評:
以前はハーブばかり育てていましたが、畑の拡大と共に食べられる野菜が増えました。玉ねぎ、白菜、じゃがいもなど、家計を助ける野菜が求められているという背景があるとかないとか...。来年はアスパラを拡大させることが一番の目標です。手間を惜しまず、真面目に頑張ります。
ハウドゥーユードゥー、火頭です。
これまで2つの拡張機能を公開し、もう作るモノもないかなぁと思っていましたが、ありました、困っていること。
グーグルで検索するときに、検索結果の期間指定できますよね?
あれ素晴らしい機能なんですけど場合によってはちょっと面倒なんですよね。
グーグルがデフォルトで提供しているのは、
1年以内とか1ヶ月みたいなキリの良い期間で、半年とか2年以内はない。そういうのは自分でカレンダーみたいなのを指定することになっていて、これが非常にめんどい。
もっと楽に機能のオンオフが出来ればいいなと思い、キーボードのショートカットを
割り当てて、ボタン一つでオンオフが出来るようにしようと試みました。
もちろん期間はある程度自分で選べます。
で、作りました。
仮名「○○までの情報を処分処分♪君」
実装はいつもの如く、かなり難航しました(といっても一日で終わりましたけど)。
グーグル検索の挙動って面白いんですよ。
例えば、グーグルで「dog」を検索します。検索バーにはこんな風に表示されているはず↓
https://www.google.co.jp/search?q=dog&oq=dog以下略
よく見るとキーワードが q=dog という形で出ています。
次に、この結果に1年以内の期間指定をしてみると...
URLの一番後ろに &tbs=qdr:y こんなのが追加されます。
最後のyが年を表しています。1ヶ月や1週間を選ぶと、ここがmやwになります。
おkおk。
じゃ実装としては、ショートカットキーを押した時に、
表示中ページのURLを取得して、一番後ろに期間指定の文字列を追加してページをリロードさせれば...と思うじゃないですか?
実際これはこれで動きます、しかーし。
次、「dog」に続けて「cat」を検索します。
https://www.google.co.jp/search?q=dog&oq=dog 中略 tbs=qdr:y&q=cat
と、なんと今までの文字列を保持したまま、後ろに q=cat が追加されます。
え、どんどん後ろに追加しちゃうの? ゴチャゴチャしてくるんですけど...
極めつけはデフォルト以外の期間指定をした場合、
こんな感じの書式が採用されており、見るからに面倒。↓
tbs=cdr%3A1%2Ccd_min%3A2016%2F11%2F01%2Ccd_max%3A2016%2F11%2F04&tbm=
長いです。よく見ると2016年11月01日~2016年11月04日と読めます。
これらの仕様、オフ機能を実装している時に気づきました。
オフする時はURLの期間指定の部分だけを消せばいいや、と思っていたのですが、検索を繰り返すうちに期間指定の文字列がURLの中にもぐってしまい、消したい文字列の取得が難しくなることに気づいたわけです。
正規表現キライだし、頑張りたくないわけです。
アレコレ試した後、結局は仕様を逆手にとり、あまりスマートとは言えない実装に落ち着きました。動くことは動くので良しとしましょう。
さて、自分で使ってみて、これは中々便利です。珍しく世のためになるものを作った気がします。情報によっては2年~3年より前のは邪魔なことありますもんね、半年もしかり。
かゆいところに手が届く神機能であります。公開したらお知らせします。
※公開しました。↓
タイピング補佐機能「Type Helper Beta」
Type Helper Beta - Chrome ウェブストア
YouTubeの画質調整する君「YouTube Quality Adjuster」
YouTube Quality Adjuster - Chrome ウェブストア
誰が使ってくれるのか不明ですが、気長にメガヒットを待ちます。
ちなみに市場に公開しているType Helper Betaと、私用に使っているType Helper Betaは少し違うんですよねぇ...
市場版は数字をショートカットキーとして登録できない仕様になっていますが、私のはできます。つまりアンリミテッドです。
私のキーボードは、1~9の上には何らかの記号がアサインされているのですが、0には何もアサインされていません、メーカーによってバラつきがあるんですよね。じゃシフト押しながら数字打っても思った通りに動作しないじゃんってことで、数字とか記号は全部ダメにしちゃおう、というのが公開したType Helper Beta、私のは何でもアリのアンリミテッドです。
( ´,_ゝ`)クックック…( ´∀`)フハハハハ…( ゚∀゚)ハァーハッハッハッハッ!!
以前作成したショートカット機能あるいはオートコンプリート機能的なChrome拡張機能について。
前回のエントリーでは、これ以上あたらしいデータベース機能を学ぶのが嫌で、(拡張機能にはChrome Storageという独自の機能があります)作業終了!としたのですが...いやいや面倒くさがってはいかん、どうせヒマなんだしゆっくりやれば良いんだ、とガンバってみることに。
結果 → やっぱり超面倒だった。
まず、今回の拡張機能の動作について。
・辞書機能よろしく、フレーズを登録し、アルファベットをヒモづける
・シフトキーを押した状態で、そのアルファベットを0.8秒以内に2度押すと、登録したフレーズがウェブサイト内のフォームに入力される
以上。たとえばgのキーにgmailのアドレスを登録しておいて、タイピングの手間を省く的な使い方をします。
今までは私専用の機能だったので、JavaScriptに出力したいフレーズとヒモづけアルファベットを全てベタうちしていたのですが、ユーザーが使うためにはHTMLでポップアップを作り、データベース機能を使って、キーワードの登録・更新・削除などを行わなければならない、ということ。
まず、適当にHTMLのテーブルやらタブやらを引っ張って来て見た目を整え、JavaScriptでキーイベントや文字列取得の機能を付け足す。
次に例のクロームのデータベース機能を触る。
マニフェストファイルにパーミッションを書き、読み込めることを確認した後、まずは登録機能を試してみる。
このChrome Storage、データを{key : value}という形式で登録するらしい、Web Storage式ですね。valueには変数を渡して中身を保存できるのですが、なんとkeyには変数が格納できない!変数を文字列として認識しよる!
これどうするのよ。
keyにアルファベット、valueに出力したい文字列、を格納した変数を渡すつもりだったのですが、詰まりました。
ググった結果、オブジェクトを {hiatama} こうやって単品で渡すのは可能らしい。そこでこの単品のオブジェクトの中にプロパティを持たせる形にしました。
var hiatama = {
myKey : myValue
};
こんな感じ。登録自体は通ったのですが、こういう無茶をすることでデータベースの処理に問題が出ました。
例えばデータベースから全てのデータを取り出す時、普通ならkey : valueを沢山受け取ることになるのですが、このデータベースに入っているのは hiatama というオブジェクトのみということになります、その中にkey valueが入っている、と。
プロパティを取り出し、配列に格納し...など無駄な作業が増えました。
削除も同様で、このデータベース操作で消すことが出来るのは、hiatamaオブジェクトだけで、その中のプロパティを選んで消すことが出来ません。
「あああああああああああああああ!!データベースの意味ないやろがああああ!」
となりながらも処理を足していきます。
なんやかんや格闘し、大幅に路線変更したりしましたが、どうにか動作しました。
命名「Type Helper Beta」
永遠のベータ版でございます。
それでェ、ストアに公開しようと思ったのですが。
チョ、マテヨ。そういやこれMacで動作するのか? 動作の要のキー番号とかどうなってんだ? ってなったわけです。
遠くにいるマッカーの友人に協力してもらったところ、動作が不安定らしい。シフト+2回タイプの操作に成功する時としない時がある、だそうな。どういうことやねん。
おそらくシフトキーを押しっぱにした時の挙動がWindowsと違うんだろーな。でもお手上げ。ったくマック置いてる施設がどこにもないなんてどうかしてるぜ、キンコーズにあるのは知ってるけど、さすがにデバッグさせてくれないだろーし。
まぁいいやfor Windowsってことで出しちまおう。
何々、公開には5ドルかかります?
わたくし10円玉貯金を始めました。貯まったら公開します。
Youtubeの画質は下げた状態が一番良いのだ。テザリング生活者にとってデータ通信量は死活問題なのだから。
というわけで、クロームの拡張機能制作の第二弾として「Youtubeの画質下げる君」に着手したお話。
とても難航しましたが、なんとか目的を達成。
この手の操作はYoutubeが公開しているapiを通じて操作をするものと思っていましたが、このapiは、動画プレイヤーをウェブページに埋め込む時を想定しているようで、つべ本家のページで設定をいじる情報が中々出なくて困りました。
調べ物をしている途中、
本家ページで、コンソールに「document.getElementById('movie_player').playVideo()」とか打てばプレイヤーを操作できるんだよ、という情報をキャッチ。
え、マジで? と思って実際やってみたら...プレイヤーが操作できた。
こ、こんなことが可能だったのかどぉー! 知らなかったどぉーーーーー!!!(重ちぃー風)
もしかしてapiの読み込みとかいらないのか?ただ命令を飛ばせばプレイヤーが操作できるのでは?
今回の機能の動作イメージとしては
つべの動画ページを開く →
getPlaybackQuality()で動画の画質情報をゲット →
低画質でなかった場合は強制的に低画質に設定 setPlaybackQuality() →
動画を選ぶたびに画質チェックとセットをしなおす。これだけです。
さて、具体的な可能性は...
1 Content Scriptを使う。
2 Event Script(Background Script)を使う。
3 javascriptをページにインジェクトし操作する。
この三つです。
1はDOMアクセスはできるけどページ内の関数にはアクセスできない。2はDOMアクセスも関数アクセスもできない。ページ内の関数にアクセスできるのは、3のインジェクトスクリプトのみ。
つまり...
インジェクトスクリプト「画質情報をゲット、結果をコンテンツスクリプトに通知します」 →
コンテントスクリプト「むむ、高画質再生してますぞ! 低画質に直しなさい!」 →
インジェクトスクリプト「オス!画質設定を直しました! 結果を通知します」 →
コンテントスクリプト「うむ、よろしい」
みたいな感じになりますかね。
ただし調べてみると、インジェクトスクリプトにメッセージを飛ばしたり、逆にメッセージを送ってもらうことは基本的に無理な様子 ※できます、詳細は追記にて。
画質を調べた結果の通知や画質を設定したいときの命令通知をどうするのか...
えーいもどかしい。
メッセージとか無視して、インジェクトしたスクリプトから有無をいわさず画質を設定することは可能、onClickイベントで早々に動作確認が出来ました。ハイめでたし。でもなぜかload / onload関数が効かないのです...画質変更は自動でして欲しいのに。
さて、せっかくなのでメッセージのやりとりをもう少しがんばってみた所、以下の書式でインジェクトスクリプトからコンテントスクリプトへのメッセージ通知に成功。
new CustomEvent('関数名', { 'プロパティ名': データ });
コンテントスクリプト内でイベント設定し、インジェクトスクリプト内で上の関数にプロパティとしてデータを持たせ。コンテントスクリプト内で引数としてゲットできます。なんかわけがわからないので嫌になりました。
やっぱ素直にapiを通すのが良かったのかなどと思いつつ、作業終了。
追記:
・ウェブページからメッセージを送受信するには、マニフェストファイルでの設定とonMessageExternalを使うことで可能、ただしコンテントスクリプトとではなく、バックグラウンド / イベントスクリプトとの通信になります。
・load / onload関数が実行されないのは謎のままですが、ページの変換をMutationObserverで監視することで同じ機能を実装できました。
・学習のためにメッセージの送受信にこだわっていましたが、動作のみを考えると不要。実際の挙動は コンテントスクリプトからYoutubeページにスクリプトをインジェクト → そのスクリプトにて画質を取得したり低画質に設定する関数を叩く、インジェクトされたスクリプトにはMutationObserverも仕込んであり、ページの移動を監視し、新しい動画ページに移った時に画質の取得と設定を繰り返すだけです。
さて、誰のPCにイタズラで仕込んでやろうか...。
最近スマホ&PCのデータ通信量の削減にやっきになっていた私ですが、その過程でクロームの拡張機能に注目しました。
調べたところ、html css javascriptなど私にも馴染みがあるモノで動いていることが判明し、これちょっと作ってみたいな、と思った次第です...物事は調べれば調べるほど、嫌になるのが常なので、モチスタベーションが切れてしまわないうちにとりあえず一つ作ってみることに。
作ったのは自分専用の辞書機能です。
ページのフォームにメールアドレスとか電話番号とか打つのって面倒じゃないですか。んで適当に「あど」→ 変換 などで自動変換できるように辞書に登録するわけですが、使うアドレスが3つ4つあると煩雑です。あと日本語から変換する、という所もなんか気持ち悪いし。
そこで例えば、シフトキーを押しつつ「g」を素早く2回打つとgmailのアドレスが入力できればなぁ、と考えたわけです。何故2回かというと、シフト+gで大文字が打ちたい場合もあるだろうということで。
動作例は以下。
onkeydown(e)関数でシフトキーが押してある状態を感知 →
その状態でgを一度打つとフラグが立ち、setTimeout関数でタイマーがカウントを始める (この時点では大文字Gが画面に入力されています)→
0.8秒以内にもう一度gを打つと条件成立 →
ページ内でクリックされているフォーム欄を取得し、そこにgmailアドレスを入力します(一回目で入力されたGの文字を消し、かつそれ以前に入力されていた文字があるとしたらそれはそのままにします)。 →
時間切れになるかシフトキーを途中で離すと条件不成立、フラグが落ちます。
とまぁこんな感じ。メールアドレスはホットメールならh、ヤフーならyという感じで設定。ついでに電話番号も設定しておきました。
クロームをデベロッパーモードにし、作業フォルダを読み込むとブラウザで拡張機能として使えるようになります。
さて今回はページとのやりとりがDOMだけなので、難しいことは何もなかったのですが、次はYoutubeプレーヤーを操作する拡張機能を作りたいんですよね、これは何かと面倒です。実は最初にこちらを試しましたが、作業失敗で凍結中。
あと、今回の拡張機能、データベースよろしく単語の登録・編集・削除が出来るようにするのが当然ですが...めんどくせぇ。
なんか拡張機能用のデータベース機能があるみたいですが、その手の学習はwebstorageやらindexedDBやらmySQLやらもう沢山でございます。自分専用の機能なので、コードにベタ打ちして動作確認し、モチスタベーションが消滅。