nDiki : Web ブラウザ

Web ブラウザ - Web browser

関連情報

2015年12月11日 (金)

Slack Web API で分報を送信

一昨日からSlack 分報をやりはじめました。Android スマートフォンからさくっとつぶやくには Slack アプリはちょっと不便(立ち上がってからチャネル選択する必要がある)なので Slack Web API でさくっと投稿できるようにしておきます。

Slack Web API

投稿は Slack の incoming webhook でもできるのですが、これで送ると BOT とついてしまうので Slack Web API を使うことにします。認証・承認は OAuth 2 が推奨ですが、まずはシンプルに API トークンを使う方法にしておきます。

の [Create token] でトークンを発行します。

発行できたらあとは 

 https://slack.com/api/chat.postMessage?token=<トークン>&channel=%23times_naney&as_user=true&parse=full&text=Hello.

のように chat.postMessage を呼び出せば投稿できます。

サポテキ

あとはサポテキ (SupportText Pro) のユーザー定義ボタンで 

 [TITLE]
 #times_naney
 [TEXT]
 https://slack.com/api/chat.postMessage?token=<トークン>&channel=%23times_naney&as_user=true&parse=full&text=%s
 [TYPE]
 URI
 [CCODE]
 UTF-8
 [END]

としておけばボタン一発投稿できるようになります。

実行すると Web ブラウザが開いて API レスポンスが表示されるだけのシンプルな設定なので、あとはよしなに工夫していけば良い感じです。

スポンサード リンク
[ permalink ]
[ 12月11日全て ]

2016年5月18日 (水)

Evernote Web は今も使いにくかった

Evernote の「展開したカードビュー」を Mac 版で使ってみたらちょっといい感じがしてきました。特にある程度画面が広い場合だと Google Keep 的な使い方ができるかなと。

Evernote Web だとどうかなと思って Web ブラウザでログインしてみましたが、そういえば Web 版にはカードビューは無いのでした。そしてカードビューが無い以前にやはりどうも使いにくいです。いろいろスカスカですし。

最近リリースされた Google ドライブ連携もまだ Evernote for Android および Evernote Web (Google Chrome のみ) だけでしか使えないのですが、Evernote Web だと不便なのでちょっと試しただけでしばらく様子見にしました。Evernote for Mac で使えるようになると良いなと。

[ permalink ]
[ 5月18日全て ]

2016年10月30日 (日)

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

https://www.naney.org/nDiki/2016/10/30/Deckset.jpg

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

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

スライドを書く

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日全て ]

2016年11月5日 (土)

自宅用 NAS として Synology DiskStation DS216j をセットアップ

naney:30783899521

妻用の MacBook Pro が届いたら AirMac Time Capsule は Time Machine 専用にしようと考えているので、写真データのファイル共有のため NAS を別途用意することにしました。

QNAP のとちょっと迷いつつソフトウェアの評判が良い Synology DiskStation DS216j を選びました。

HDD は容量的には 2TB でも十分かなと思ってはいたのですが 3TB の方が値頃なので 3TB x 2 にしました。NAS 向けの WD Red WD30EFRX で。 

 WD Red NASハードディスクドライブ WD30EFRX
 容量: 3TB
 インタフェース: SATA 6Gb/s
 フォームファクタ: 3.5インチ
 RPMクラス: 5400RPM
 キャッシュ: 64MB
 製品保証: 3年間

naney:30236804663

HDD を装着して電源ケーブルと LAN ケーブルを接続し電源ボタンを押して起動。あとは PC の Web ブラウザから http://find.synology.com/ にアクセスしてページに表示される接続ボタンを押せば DS216j にアクセスできます。全部 Web ブラウザから設定できてお手軽です。

「DiskStation のネットワークでの位置を Synology と共有」は無しに、 QuickConnect も ID を作らず安全側に倒した設定にしました。

あとは何かあった時にメール通知するよう設定ができるので、専用のメールアドレスを作成しそちらに送るようにしました。

今日はまずは初期設定まで。どのようにファイルを置いていくかはこれから考えます。この NAS 自体のバックアップ手段をまだ用意していないので、当面は MacBook Pro と2重でファイルをもっておかなければいけないかな。

一番時間かかったのは設置場所の配線の整理と掃除でした。

リビングに置くので一番気にしていたのは騒音問題ですが、普通に生活している分には気にならない感じでほっとしました。必要ない時はスリープ(?)もしてくれます。ビープ音の音だけがめちゃ怖いです。

naney:30236809773

[ 製品レポート ]

[ permalink ]
[ 11月5日全て ]

2016年11月15日 (火)

LINE BLOG を使ってみる

2016年11月14日に LINE BLOG が全ユーザーに開放されたので naney の確保も兼ねて開設してみました。

雑感

以下、ターゲット層でないことを承知しつつ雑感です。

  • 書く & 投稿する
    • アプリの下に並んでいる5つのボタンを無意識のうちに端から押していくと、真ん中の記事作成ボタンなのでいきなり書いてミソ状態になる。書かせる誘導が半端ない。
    • 予約投稿機能がついているのが良い。
    • アプリでしか書けないのは戦略上理解できるけれど、やはりチマチマ感がある。
  • その他
    • 今まで「LINE」だけれど認証以外はほぼ LINE 関係ない感じ。
    • フィード出力もきちんとあるのでその点ではきちんと Blog プラットフォームっぽい。
    • エクスポート機能が無いのでロックインされる。記事の下に広告が表示される(スマートフォンアプリ・スマートフォン Web ブラウザで閲覧すると)。デジタル小作人感を感じる。

[ 初投稿 ]

[ permalink ]
[ 11月15日全て ]

2017年9月14日 (木)

今日のさえずり: Amazonプライム・ビデオで宇宙刑事ギャバンを全話観るの諦めた

2017年09月14日

[ permalink ]
[ 9月14日全て ]

2017年11月5日 (日)

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

Roofpig

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

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

Hire 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年2月28日 (水)

GitHub Flavored Markdown ファイルの Web ブラウザでのプレビューに Grip を使う

「Markdown で書いているノートを Web ブラウザで見るのに MkDocs を使う」とつぶやいたら @bsdhack 氏が Grip を紹介してくれました。

さっそく試してみました。 

 $pip2 install grip

でインストールしたら Markdown ファイルを指定して Grip を起動します。 

 grip index.md

Grip が http://localhost:6419/ で Web サーバとして立ち上がるので Web ブラウザでアクセスすると index.md の HTML 変換されたものを見ることができます。なお 

 grip -b index.md

とすれば起動と同時に Web ブラウザで開いてくれます。URL でパスを指定すればそのまま同じ/サブディレクトリにある Markdown ファイルもプレビューできるので、ハイパーリンク付けをしておくことでドキュメント群をブラウジングすることもできます。なるほどお手軽で便利。 GitHub 上とほぼ同様の見慣れたデザインになるのがいいですね。

そもそも Grip は「GitHub Readme Instant Preview」で GitHub 上での表示確認のためのツールで、 GitHub の REST API を使ってレンダリング結果を生成しているので当然といえば当然だったりはします。

ただそのかわり GitHub の API を使うので

と場合によっては不便な部分があります。なお後者については GitHub Enterprise があるなら Grip でそちらを指定するとう手もあります。

GitHub に push する前にチェックしたい時はもちろん、それ以外でさっと Web ブラウザで見てみたい時にも便利なツールですね。

[ permalink ]

今日のさえずり: イトーヨーカドー 大井町店のポッポとうとう今日まで。名残惜しい。

2018年02月28日

[ permalink ]
[ 2月28日全て ]

2018年5月1日 (火)

nDiki Bootstrap 3 でのサイトの幅の見直してコンテナを 750px までに

image:/nDiki/2018/05/01/2018-05-01-091615-nDiki-800x1200.jpg

一昨年にサイトの幅の見直してコンテナを 970px までにしたのですが、やはりそれでも文章の幅としては広すぎでした。 970px までから 750px までに変更してみました。

なんとなくずっと昔から固定幅は悪のように思えて、Web ブラウザを広げたらできるだけ広がる方が良いと今まで思っていたのでした。

[ permalink ]
[ 5月1日全て ]

About Me

Naney Naney (なにい)です。株式会社ミクシィで SNS 事業の部長をしています。

nDiki は1999年1月に始めたコンピュータ日誌を前身とする Naney の Web 日記(兼パーソナルナレッジベース)です。ちょっとしたノートは nNote にあります。

※内容は個人的見解であり所属組織とは関係ありません。

follow us in feedly

月別インデックス
Process Time: 0.087382s / load averages: 0.35, 0.36, 0.28
nDiki by WATANABE Yoshimasa (Naney, Google profile)
Powered by DiKicker