Load from GitHubを開く
ongaeshi/mynipp/master/length.rbなどGitHub上のパスを入力
出力されたURLをブラウザで開けば https://github.com/ongaeshi/mynipp/blob/master/length.rb がnipp上に展開される
つまりLoad from GitHubで作ったURLを一度ブックマークしてしまえばGitHub上のスクリプトを修正すれば自動で更新される

感想

スクリプトをGitHubから読み込んでnipp上に展開するためにES2017を使っているのだが、

Opal.load('opal');
Opal.load('opal-parser');
(async ()=>{
  const gh = location.search.split("?")[1].split("=")[1];

  const res = await fetch(`https://raw.githubusercontent.com/${gh}`);
  const rbScript = await res.text();

　const e = document.querySelector("textarea[ng-model='inputText']");
  const $scope = angular.element(e).scope();
  $scope.script = await rbScript;
  $scope.transpiler = RubyTranspiler;
  $scope.enablePromiseWait = false;
  $scope.enableClickRun = false;
  $scope.enablePromiseWait = false;
  $scope.setLocationHash();
  $scope.transpile();
})();

こんな短いコードで書けて感動した。async await の便利さがよく分かった。

2019-02-16

小さなWebアプリをサクサク作れるnippが面白い

ruby

極小WebアプリをURLに埋め込んで超ポータブルなWebアプリを作りたい！ - Qiitaで紹介されていたnippで遊んでいる。

nwtgck.github.io

Rubyを使ったWebアプリを簡単に作ることができる。作ったものはURLさえ覚えておけば他の人とも共有できる。ちょっとしたテキストフィルターのようなものをRubyで書いて後で使いたい、他の人に公開したい、しかしデプロイするのは面倒というようなケースに便利。

とりあえずirbっぽく使えるevalを書いた。空行毎に結果を出力、テキストを書き換えるとリアルタイムで再計算してくれる。リファレンスマニュアルのサンプルコードを貼り付けて動かすのに便利。

eval - nipp

作ったり見つけたものはawesome-nippに置いたので、nippで何か作ったり見つけた人は教えてください。

2019-02-15

Twitter連携の再設定

【不具合に関する追記あり】Twitter API 開発者ポリシーに対応するため、Twitter連携の再設定をお願いいたします - はてなブログ開発ブログ

Twitter API 開発者ポリシーに対応するため、はてなブログのTwitter連携に変更を加えます。この影響で、2018年10月22日（月） 15:00-16:00 の間に現在の連携設定を全て解除します。そのため、ご利用の方にはTwitter連携設定を再度行っていただく必要があります。

最近ブログ記事のTwitter投稿が上手くいかなかったけどこれが原因だったのかな？試しに記事投稿してTwitterにも投稿してみる。

(追記) うまくいったっぽい

はてなブログに投稿しました #はてなブログ
 Twitter連携の再設定 - ブログのおんがえしhttps://t.co/In8dmTUaYW
— おんがえし (@ongaeshi) 2019年2月15日

2018-12-19

書評 - Scrapbox情報整理術

書籍書評

Scrapbox情報整理術

作者: 倉下忠憲
出版社/メーカー: シーアンドアール研究所
発売日: 2018/07/27
メディア: 単行本（ソフトカバー）
この商品を含むブログを見る

最近はScarpboxをメインのメモツールとして使っていますが、ページをどのように分割するべきか、タグ(#テスト)とリンク([テスト])はどのように使い分ければいいのか、といった思想的な部分を学ばずにここまで来てしまいました。また最近のWebアプリはよくできているのでほとんどマニュアルを見ずに使えてしまいますので、本でも買わないとまとまった文章を読む機会がないというのもあります。

作者が全体としてScrapboxをどういう考え方で使っているのか、という少しぼんやりとしているけど大切な情報が手に入って満足しています。それは

Scrapbox内のページはできるだけ小さく細かい部品にしておく
関連しているページがあれば文章内に(記述的に)リンクを貼る
濃密なリンクネットワークを形成することで後から取り出しやすくなる

というところです。タグではなくリンクが大切、というのがかなり腑に落ちました。昔から一生懸命タグを付けるタイプでしたが確かにタグは意外と後から拾えないことが多いです。

Scrapboxはリンク支援機能([]の中でページ名を入力すると自動で補完が出る)、リンクを張ったページが画面下に表示されるためWikiなどと比べてリンクネットワークの形成が簡単かつ効果的だということも分かりました。

UserCSSやAPIの情報(実はページの履歴もAPIから取れることが分かったのは思わぬ拾い物)や、細かいところだとfaviconの変更方法が分かったのもうれしかったです。

本のおかげで後から情報を取り出しやすいメモページを作れそうです。