はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 面倒なWEBブラウザの定型作業を自動化したくて。 WEBブラウザの自動操作には定番のSeleniumを利用する。 Seleniumは主にウェブブラウザのテストに利用されているが、テスト用途以外でも利用はできる。 なおウェブスクレイピングが目的であれば、scrapeとかgoqueryなどを利用するほうが簡単。 それでもSeleniumを利用するのは、 実際のブラウザが利用できるという点であり、以下のような利点があると思っている。 IEなど特定のブラウザのみをサポートしているサイトの自動操作 ごりごりのJavascriptやFlashを利用されているサイトの自動操作 証跡として画面のスクリーンショットを取得できる 前提知識 WebDriverを介することで、スクリプトとしてJava,C#,Pythonなど多くの言語から利用できる ブラウザごとにWebDriverが用意されており、１つ

WindowsでDockerを利用する場合、利用方法がいくつかありそうなので調べてみた。 というより手元に、Windows7の32bit版があるので、こいつで簡単にDockerできる方法を知りたかっただけ。 念のため補足すると、 あくまでLinuxベースのコンテナを利用したDockerの話であり、 Windowsコンテナを実現するWindows 上の Docker エンジンの話ではありません。 Windows で Dockerを利用する公式の方法 公式サイトによれば、Windows で Docker を使う場合、大きく2つの方法がある。 Docker For Windows Docker Toolbox Docker For Windows Windows のネイティブサポート版で、以下前提。 64bit Windows 10 Pro, Enterprise and Education (

$ cat package.json { "name": "sample", "version": "1.0.0", "main": "index.js", "license": "MIT", "dependencies": { "gulp-cache": "^0.4.5", "gulp-debug": "^2.1.2", "gulp-eslint": "^3.0.1", "gulp-size": "^2.1.0" } } yarnもpackage.jsonに対応しているため、 npm install同様(デフォルトでは)node_modulesにモジュールが降ってきます。

一般的なVIM入門記事などではあまり見かけない標準機能など、 その中でも人によっては便利かもしれないややマイナーな機能を紹介します。 インサートモード <C-@> または <C-a> 直前のインサートモードで入力した文字を再入力できる。 aと@では入力後の挙動が異なる <C-@>: そのままインサートモードを抜ける <C-a>: インサートモードのまま入力を続ける 例えばノーマルモードで5a<C-@>と入力すれば... 直前に入力した文字(例えば)が5回入力される。 ちなみに動きとしては<C-a>は<C-r>.でも代用できる。 <C-r><c-o>または<C-r><C-p> <C-r>や<C-r><C-r>とは異なり、.キーによる繰り返し処理ではキー入力のまま再現される。 例えば abcをヤンクする インサートモードにて<C-r><C-o>"で貼り付ける。abcが出力される。 defをヤン

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ディレクトリツリーからファイル選択 NERDTreeからvimfilerに乗り換えた。 両者はいずれもディレクトリツリーからファイルを開くという意味では一見良くてい似ています。 しかしそのコンセプトは別物で、自分にはvimfilerのコンセプトが合致したので乗り換えました。 簡単にいえばNERDTreeは常にディレクトリツリーを表示して使用するのに対し、 vimfilerはディレクトリツリーを必要に応じすべてのウィンドウで表示可能な点が異なります。 説明が下手すぎるので、詳細はvimfilerのヘルプにもリンクしてある以下を参照して下さい。 わかりやすい。 http://vimcasts.org/blog/2013/01/oil-and-vinegar-split-windows-and-project-drawer/ なおNERDTree的な使い方も必要な場合は:VimFilerExpl

公式のバージョンは20.0だが、githubには19.0までが上がっている。 ただし19.0で加えられた修正に少し問題があったため、ここでは特にこだわりもないため18.0を使用した。 (具体的にはcmd_terminatorの定義に問題あり。明示的にcmd_terminatorを指定するなどで回避はできる) 接続設定 接続先の指定方法には何種類かの方法があるが、 接続パラメータをまとめた接続プロファイルを使用するのが簡単かと思う。 接続パラメータを個別に.vimrcに設定 接続プロファイルを.vimrcに設定 ウィザート的に接続パラーメタを指定(<Leader>sbpで利用可能) Modelineを使用して接続パラメータを設定 接続プロファイルの設定 プロファイルは好きなだけ作成可能。 詳細はヘルプに用例がたくさんあるのでそちらを参照。 " 環境に合わせてクライアントプログラムを変更 "

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

マニュアルから概要のみ抜粋。 レジスタの種類 無名レジスタ "" 10個の番号付きレジスタ "0 から "9 小削除用レジスタ "- 26個の名前付きレジスタ "a から "z または "A から "Z 4個の読み取り専用レジスタ ": と ". と "% と "# expression 用レジスタ "= 選択領域用レジスタ "* と "+ と "~ 消去専用レジスタ "_ 最終検索パターン用レジスタ "/ 1. 無名レジスタ 最後に使用されたレジスタの内容を格納。 削除・ヤンクなどされるたびに書き換えらる。 "というレジスタ名で指定可能 _を指定した削除_ddの場合はどのレジスタにも入らない 2.10個の番号付きレジスタ "0 から "9 レジスタ名 意味

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

タイトルどおりのことをやった際の実装時メモ。 Canvasから画像を取得 2通りの方法が見つかった。 Base64への変換 Blobへの変換 Base64への変換 canvas.toDataURL()を呼び出すだけで取得可能であるが、 画像サイズに比例した巨大な文字列となり、変換によって元サイズより33%データ量が増える。 取得したBase64を<image>のsrcに指定すれば画像表示され、 <a>のhrefに指定すればリンククリックでダウンロードできてこれはこれで便利。 Blobへの変換 canvas.toBlob()を呼び出すだけで取得可能。 Blob形式で表現すれば、createObjectURL(blob)によりURL参照が取得できるので、 画像サイズに依存せずメモリ使用量を抑えられるらしい。（未確認) これは便利と思いきやcanvas.toBlob()はFirefoxでのみサポ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?