nDiki : JavaScript

2013年11月6日 (水)

今日のさえずり: Dropbox を Cloud Folder としていったん保存して、 iFiles で Google ドライブにコピーするという方法

2013年11月06日

08:01 あ、Flickr Pro のサブスクリプション分取ったよってメールが届いてた。Pro 続けるかちょっと迷っていてまあ続けてもいいかなと思っていたぐらいのやつ。
08:17 “ビールでご飯を炊いてみた。その味は…: 地ビール会社で働く広報の日記” http://bit.ly/HIe8bL
08:17 「CPANに上げるモジュールの場合」 / “CPANモジュールは依存モジュールのバージョンを固定しない方がいい | おそらくはそれさえも平凡な日々” http://bit.ly/HyvDMc
08:29 Google+ カスタム URL 設定した。名姓で妥協した。
13:00 I'm at お弁当の大臣 http://4sq.com/1bapb5o
14:13 “サーバサイドからクライアントサイドのJavaScriptを呼び出す際のベストプラクティス - kazuhoのメモ置き場” http://bit.ly/17Lzuzq
20:47 iThoughts/iThoughtsHD で書いたマインドマップの PNG ファイルを Google ドライブに上げるの、Dropbox を Cloud Folder としていったん保存して、 iFiles で Google ドライブにコピーするという方法に到達した。

[ permalink ]

[ 11月6日全て ]

2014年8月7日 (木)

iOS アプリ Textwell で現在日時入りテキストを書いて PlainText 2 で Dropbox 上のファイルに追記する

Dropbox 上の Markdown ファイルの最後に

 - [2014-08-07 22:23:24] つぶやきー。

みたいな行をどんどん追記する形でキャプっている。Emacs では Org Capture にて、 Android デバイスでは Jota+ で自動的に現在日時を挿入するようにしている。iOS デバイスでは PlainText 2 でこのファイルの編集をしているのだけれど、単独で現在日時を挿入する機能が無いので Textwell という iOS アプリを入れてみた。

Textwell ではテキストをさくっと書いて他のアプリに渡すのに便利なアプリっぽい。Android アプリのサポテキ(SupportText)的なポジションのアプリなのかな。 JavaScript でアクションを書いておいて実行できるのがマニアック。

現在日時を入れるアクション

Textwell にある関数だと日付が / 区切りなので - 区切りにしたい場合は自前でコードを書く必要がある。以下のような感じにしてみた。

 function zerofill(s) { return ("0" + s).substr(-2) }
 dt    = new Date();
 date  = dt.getFullYear() + "-" +zerofill(dt.getMonth() + 1) + "-" + zerofill(dt.getDate());
 time  = zerofill(dt.getHours()) + ":" + zerofill(dt.getMinutes()) + ":" + zerofill(dt.getSeconds());
 stamp = "- [" + date + " " + time + "] ";
 T("insert", {text:stamp});

PlainText 2 に末尾に追記する

Dropbox 上の /capture/capture.md ファイルの末尾に Textwell の内容を追記するアクションは以下のような感じにしてみた。

 path = "/var/howm/capture/";
 file = "capture.md";
 T("iacplaintext://x-callback-url/append?x-success=textwell:&location=dropbox&path=" + encodeURI(path) + "&name=" + encodeURI(file) + "&text=" + encodeURIComponent("\n" + T.text + "\n"));

昨日ファイル名を固定にしたのもこの仕込みだったりもする。

[ permalink ]

[ 8月7日全て ]

2016年10月17日 (月)

今日のさえずり: 絶対毎日が楽しくなるから注文した

2016年10月17日

12:00 “JavaScript 祭で発表してきました - 若き JavaScripter の悩み” http://bit.ly/2dHjjtF
18:00 “仕事において「裁量がない」時の精神的負担は、想像するよりも遥かに大きい。 | Books&Apps” http://bit.ly/2dhoDba
22:39 絶対毎日が楽しくなるから注文した。 / “レゴシティアドベントカレンダー 60133” http://amzn.to/2entbtC

[ permalink ]

[ 10月17日全て ]

2016年10月30日 (日)

Markdown でプレゼンテーションスライドを書ける Deckset for Mac

ここ最近はプレゼンテーションスライドを用意する時は reveal.js を使っています。Markdown で内容を書けるので便利なのですが、個人的には書き始めが億劫というネックがあります。ディレクトリを作って reveal.js のファイル一式を最初に用意するのがちょっとしたことなのですが面倒くさいのです(自分用に若干アレンジしたサンプル一式をコピーする作業)。

Markdown で書けるもので、かつもうちょっとさくっと書けるツールがあるかなと探してみたところ Deckset for Mac が良さそうなので使ってみることにしました。

http://www.decksetapp.com/

スライドを書く

Deckset 方言の Markdown で記述したファイルを1つ用意すれば Deckset でスライドとしてレンダリングしてくれるのでお手軽。Deckset アプリ自体には Markdown エディタは内蔵されておらず Emacs や Atom など好みのテキストエディタで編集するスタイルというのも良いです。テキストエディタ側で保存すると Deckset 側が更新を検知してスライドを更新してくれます。

スライドに使う画像は URL で指定することができる(そして推奨している)ので、ローカルディレクトリに用意してという必要がありません(もちろん Markdown ファイルと同じディレクトリに用意して読み込ませることもできます)。「プレゼンテーション時にネットワークにつながっていなかったり URL 先から消えていたら困るのでは?」というのが気になるところですが、 Deckset 側でローカルホスト上にキャッシュしてくれるので大丈夫になっています。

テーマ

テーマは Deckset が用意しているものから選びます。欧文系らしいちょっと派手なのが多く、個人的に使えるなというのはそれほど多くない印象です。個人的には Titillium がいちばんしっくりくるかなと。

エクスポート

PDF ファイルや画像でエクスポート可能なので困ることはなさそうです。

好みの設定

スライドの冒頭にそのスライドの設定を書いておくことができます。

 theme: Titillium,1
 footer: [各ページ下部のフッタに載せたい文字列]
 slidenumbers: true
 autoscale: true

が良さそげ。

reveal.js との比較

reveal.js と比べて良いなというところは以下です。

すぐ書き始められる。
さくっと画像を貼れる。
「右半分画像」というレイアウトが簡単にできる(reveal.js だと厳しい)。
autoscale を有効にするとページに収まるようにフォントサイズを調整してくれる。

reveal.js では Web ブラウザで表示するため縦横比が変わる前提である程度余裕をもってページを書く必要があるのですが、Deckset はそこを気にしなくて良いのが楽です。CSS や JavaScript コードをいじれる reveal.js に比べると細かいカスタマイズは全然できないのですが、その分デザインは Deckset に任せると割り切って内容だけに集中してさくっと書けます。

reveal.js が便利なところもあるのでプレゼンテーションシーンに合わせて使い分けることにします。

(画像は http://www.decksetapp.com/ より。)

[ permalink ]

[ 10月30日全て ]

2017年11月5日 (日)

Roofpig でルービックキューブの手順をメモる【日記】

Roofpig

昨日から Roofpig という Web ブラウザ上でルービックキューブの手順アニメーションを表示させる JavaScript プログラムを使ってメモを書いてみています。

https://github.com/larspetrus/Roofpig

自分で図を書かなくて良いので便利。

Fire HD 8 タブレットで寝ながら日本語入力

Google 日本語入力だとどうも片手で入力しづらい。 ATOK を入れてフローティングキーボードにしたら、寝転んで入力するの便利になりました。

[ permalink ]

[ 11月5日全て ]

2018年2月26日 (月)

Markdown で書いているノートを Web ブラウザで見るのに MkDocs を使う

ノート/メモははライティングアプリ Ulysses を使い Markdown で書いていて、検索・閲覧・整理も Ulysses で基本済ませています。ただいくつかの良く参照するファイルはブックマークやハイパーリンクから Web ブラウザでさっと表示させたかったりします。なので以前は Plack::App::Directory::Markdown を使った自作 PSGI アプリケーションを使ってました。

が、セットアップしたり保守したりという手間を今とれないなと思って、 Markdown ビューアを探してみたところ MkDocs が良さそうなので試してみました。

http://www.mkdocs.org/ (公式サイト自体が MkDocs で作られているのでどのような表示になるか確認できます)

MkDocs を Homebrew で入れてみる

MacBook Pro に Homebrew で入れて動かしてみます。

 $brew install MkDocs
 $mkdir -p ~/var/mkdocs
 $cd ~/var/mkdocs
 $mkdocs new local
 $cd local
 $mkdocs serve

で Web サーバが立ち上がるので http://127.0.0.1:8000/ にアクセスすると ~/var/mkdocs/local/docs/index.md の内容を HTML に変換したものが表示されます。お手軽! 設定変更は ~/var/mkdocs/local/mkdocs.yml できます。

設定ファイルの書き方

あとは docs の下に Markdown ファイルを置いておけば Web ブラウザで閲覧できます。docs の下に既存の Markdown ファイルノートディレクトリへシンボリックリンクを作ればそれらも辿って表示されます。

pip で入れ直す

試していてブラウザでのレンダリング表示が重いなと思って HTML ソースを見たら同じ JavaScript ファイルを何十回も読み込んでいて何か変ぽかったので Homebrew のをやめて pip で入れなおしました。どちらも現在 mkdocs 0.17.2 ですが pip で入れた方は問題なかったのでこちらを使うことにします。

 $brew uninstall mkdocs
 $brew install python
 $pip2 install mkdocs

MkDown は静的サイトジェネレータで、プレビューサーバは補助的機能ですがまずまず使えそうです。

[ permalink ]

[ 2月26日全て ]

2018年10月30日 (火)

JavaScript コードで TaskPaper ファイルにノートを挿入する

ちょっとしたメモを Alfred for Mac から一発で TaskPaper ファイルに挿入したい。Packal 上に TaskPaper のための多機能な Alfred Workflow があるので入れたんだけれど、うまくタスク追加ができないことがあるので、自前でスクリプトを作って Alfred から呼ぶことにした。

TaskPaper ファイルはテキストファイルなので書き慣れている Perl でスクリプトを書いてもいいんだけれど、編集の競合が避けられるし parser も書かなくて済むしということで TaskPaper の API を使うことにした。

JavaScript for Automation (JXA) を使えば JavaScript コードで TaskPaper API を呼べるっぽい。

以下指定した TaskPaper ファイルに Inbox: プロジェクトがなければ追加した上でその子供としてノートを挿入するコード(エラー処理割愛。実際にはタイムスタンプとかもノートにつけるようにした)。

 #!/usr/bin/env osascript -l JavaScript

 function TaskPaperContext(editor, options) {
   let inbox = editor.outline.evaluateItemPath("//Inbox:")[0];
   if (!inbox) {
     inbox = editor.outline.createItem("Inbox:");
     let projects = editor.outline.evaluateItemPath('@type = project')
     if (projects.length == 0) {
         editor.outline.root.appendChildren(inbox)
     } else {
       editor.outline.root.insertChildrenBefore(inbox, projects[0]);
     }
   }

   let items = ItemSerializer.deserializeItems(options.text, editor.outline, ItemSerializer.TEXTMimeType)
   editor.setCollapsed(items[0])
   inbox.appendChildren(items, inbox.firstChild)
 }

 function run(argv) {
   Application('TaskPaper').open(argv[0]).evaluate({
     script:TaskPaperContext.toString(),
     withOptions: {text: argv[1]}
   })
 }

これを inbox.scpt というファイルで保存し実行権限を与えれば

 ./inbox.scpt $HOME/tmp/test.taskpaper こんにちはこんにちは!!

という感じで呼び出せるようになる。

あとは Alfred Workflow を作ってそこからこのスクリプトを実行すれば OK だ。

[ permalink ]

今日のさえずり: ブロックアウト(3次元テトリス)、当時ゲーセンで何回かやったけど激ムズだった

2018年10月30日

06:30 続々と集結。 PowerShot G9 X Mark II https://t.co/atEV71Hsai
06:45 日陰で待つビール樽。 PowerShot G9 X Mark II https://t.co/HVdAHHTcqr
07:43 @hiloyuqi_500c シルバーでこんなに揃えてみたいです!
09:54 2018年10月30日 #朝の渋谷新南口は落ち着いた雰囲気。 DSC-RX0 #RX0 https://t.co/82mrCVlsrc
18:03 JavaScript for Automation (JXA) ちょっと理解した。
22:30 Bluetooth 対応の薄型コンパクトコンポ、やはりパナソニックの SC-HC2000 かな。ソニーの CMT-X7CD / CMT-X5CD だと aptX にも対応しているんだけれど2014年発売とけっこう経つんだよね。 https://amzn.to/2zauuHl
23:37 ブロックアウト(3次元テトリス)、当時ゲーセンで何回かやったけど激ムズだった。

[ permalink ]

[ 10月30日全て ]

2019年6月26日 (水)

今日のさえずり: JavaScript コードを書くとか、不慣れなことをした

06:15 方眼 RICOH GR III #GR #GRIII #GR3 https://t.co/tad9jykPQB
09:44 2019年6月26日 #朝の渋谷順調解体。 RICOH GR III Posi #GR #GRIII #GR3 https://t.co/yV17vx24bE
20:39 渋谷駅で山手線に乗るの、南口じゃなくて新南口からだとどうなんだろと思って試してみたけど予想の範囲内だった。
23:45 JavaScript コードを書くとか、不慣れなことをした。