RPAなどの自動操作システム開発時などに色々と捗るChromeのヘッドレスブラウザですが、ひょんな事から拡張アプリをデフォ装備＆シークレットモードで開く事があったので記録 自動操作に必要な各モジュールをインポート ヘッド ...

jQueryもなんだかんだでメジャーバージョンも３までいって、バージョン依存だったり中規模クラスのサイトになるとコードの再利用やらコンポーネント管理しにくかったりとかの問題もチラホラ出てきて簡単に書けるコードの数々が積も ...

個人的な趣味レベルのアプリケーションをいちいちAWSやGCPにデプロイするのは結構カロリー高いです。 とにかく思いついた勢いでプロダクトをリリースしたいときに味方になってくれるのがherokuたん。 herokuが公式に ...

特定のサイトからデータを収集して自身のサイトで利用する場合、 自身のサイトにアクセスしたユーザーのリクエストの度にスクレイピングするのは相手側にとってとっても迷惑に話で、そんな奴はいつアクセス制限かけられても文句は言えま ...

seleniumでヘッドレスChromeブラウザを立ち上げながら自動操作をしていく流れの中で Chrome拡張機能を噛ませたいシチュエーションがあったんですが、結構ハマったのと 色々なシーンでの可能性を見出したのでメモ。 ...

要件シチュエーション 1.ファイルあたり2,3万行近いデータとやたらカラム項目の多いCSVファイル(文字コードはShift-JIS)が対象 2.プレビューにはフィルタリングかけて確認が必要なデータのみをプレビューさせたい ...

BrowserAction と PageAction と Override Pages Chrome拡張は大きく３種類の仕様に別れて、 PageAction 特定のサイトやURLにのみ挙動するPageAction。 UR ...

カーソル移動 キー 説明 補足 gg ファイルの先頭に移動 G ファイルの最後に移動 [n]G [指定行]に移動 「1G」でファイル先頭 「0G」でファイル最後に移動 ^ カーソル位置の最初の文字に移動 半角スペースとタ ...

ワーキングディレクトリ関連 「pwd」カレントディレクトリを表示 pwd　・・・　Print Working Directory 「cd」ディレクトリ移動 cd　・・・　Change Directory 「ls」ディレク ...

通常ファイルをinput要素などから読み込んでFileAPIからプレビューさせるのがセオリーですが、 FileAPIの機能はinputさせなくてもファイルデータを取り込むことが可能です。 HTML・CSSでCSVファイル ...

以前、Google Places APIを利用してGoogleマップの施設、地理的位置、有名なスポットを検索してマップにマーカーを追加しました GoogleMapsAPIでマップで施設検索してやんよ!!! ただこのパター ...

2014年1月下旬にGoogle マップがアップデートされ見栄えがかなり変わりました。 そのアップデートされたGoogle Mapsのサイトやブログへの導入法と、一定領域のエリアの中で複数のチェックポイントをつけたり、そ ...

仮想マシンに実行環境の準備 Node.jsで作業を行うために開発環境を構築します。 サーバの動作テストをする時は仮想マシンで開発環境を作ればWindows上でLinuxを動作させて動作確認やらあれこれ試せるし、壊れて動か ...

wgetとは HTTP/FTPを使ってサーバーからファイルをダウンロードするためのオープンソース コマンド「wget URL」で指定したURLのファイルをダウンロードします。 wgetのインストール（Homebrew） ...

色んなSNSでサイトやURLを共有したい場合、共有ボタンを設置して共有することができますが URLを遷移しないフレームワークで動的生成したパラメータを追加させたURLを共有したい場合はSNSボタンの設置にも特殊な設定が必 ...