はじめに ダミーデータを作成しなければならないときってありますよね? テストデータやサンプル画面を作るときに値をどうするか困ったことありませんか? そういった悩みを VS Code で解決するための拡張機能が vscode-random です。 https://marketplace.visualstudio.com/items?itemName=jrebocho.vscode-random デモ (GitHub リポジトリより引用) 拡張機能としてはカーソル位置にランダムな値を挿入するという単純なものなのですが、VS Code のマルチカーソル機能と組み合わせることで非常に強力な体験を得ることができます。 名前やメールアドレスの項目がある JSON や YAML に対し、複数の項目にまとめて値を挿入して作り上げるのは気持ちいいこと間違いなし! 対応コマンド コマンド 説明 生成例
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
※このエントリはOSS紹介 Advent Calendarの17日目のエントリとなります。 Visual Studio Code使ってますか? 皆さん、Visual Studio Code(以下VSCode)使ってますか? VSCodeはMicrosoftが開発しているOSSのエディタです。github上で活発にコミットされているプロダクトであり、その使い勝手は比較的Atomに似ていると言えるかもしれません。 今回は、そんなVSCodeのプラグインとして提供されているGit LensというOSSを紹介したいと思います。 Git Lensって何? 簡単に表現すると、git blameをVSCodeで超絶便利に使えるようにするプラグイン、という感じでしょうか。いちいちgithubとかbitbucketに見に行くのもだるいですし、かといってgit blameを毎回手打ちするのもだるい、という向き
少し前になりますが、MySQL 8.0が公開されました。 nippondanji.blogspot.com MySQL :: MySQL 8.0 Release Notes 新しい構文等が用意されているそうです。 CTEが増えたのは、個人的にはとても嬉しいです。アプリから使う機会があるか、と言われたら困るところですが…CTEを生成する部分を共通化するとか、そういう手段で何とかなったらいいですね。 それとは別に。 Visual Studio CodeでMySQL扱えないかなーと探していたところ、拡張機能がありました。 今回はその紹介です。 前提条件 MySQLのインストールは行われている、という前提にします。 もしくは、自分のPCから接続できるMySQLサーバーがある、という状況を想定します。 コマンドラインや、MySQL Workbench等で、MySQLが開けるなら問題ありません。 バー
概要 拡張の機能 "SettingSync" を利用することで、VScodeの設定を複数の端末で共有できる。 ただいくつかの点で躓いた 1ので、手順をまとめておいた。 2021/1/19追記 設定共有が公式の機能として提供されています! これから設定される方は次の記事を参考にどうぞ Setting Sync in Visual Studio Code (公式ドキュメント) Visual Studio Code公式の設定同期を利用する 2019/12/9追記 設定方法が変更されてこの記事の内容よりも簡単になりました! これから設定される方は次の記事を参考にどうぞ 【最新版】VSCodeの設定を共有しよう【Settings Sync】 必要なもの GitHubアカウント SettingSync (VScode拡張機能) SettingSyncは、アップロード側・ダウンロード側の両方にインストー
Emacs emulation for VSCode with multi-cursor support, clipboard-integrated kill-ring, well-emulated mark-mode, and more. Awesome Emacs Keymap (emacs-mcx) Emacs emulation for Visual Studio Code Emacs-like cursor movements and editing commands Customizable meta key assignment (alt, ESC, ctrl+[, or command on macOS) Shift-selection with movement commands Search behavior like Emacs' isearch Compatibil
言語やフレームワークによらない、オススメの汎用的な拡張機能をまとめました。 Tipsは**ここ**から。 拡張機能 24 選 1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう! 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高!! なおBeta版ですが、後継となるBracket Pair Colorizer 2も出
GoogleのChrome Web Storeで提供されていた拡張機能4本に、任意のJavaScriptを不正に挿入して実行する仕組みが実装されているのが見つかった。 セキュリティ企業のICEBRGは、米GoogleのChrome Web Storeで提供されていた悪質な拡張機能を発見したと発表した。ダウンロード回数は世界で合計50万を超えていたといい、同社はブラウザの拡張機能が、企業などの組織に対して投げ掛けるリスクに警鐘を鳴らしている。 ICEBRGの1月15日のブログによると、ある顧客のワークステーションで不審なトラフィックが検出され、調べた結果、Chrome Web Storeで提供されていた「Change HTTP Request Header」という拡張機能が原因だったことが判明した。 同拡張機能は一見、不正なコードは含まれていないように見えていたが、任意のJavaScript
疑惑どころか 99.99% くらい黒な話。 (後記:セッション盗まれたと思ってたけど、よくよく考え直してみると生パスワードごと盗まれてる可能性もあるしやばい) 追記:続報 11月3日 今回指摘した HTTP Headers 以外にも、「Tab Manager」「Give Me CRX」「Live HTTP Headers」等で同様(?)の問題が報告されています。第三者が元の作者からソフトウェア権利を買い取って悪用する、というケースが割とある模様(?)。皆さま情報ありがとうございます。 11月4日 Zaif については、「不正な Chrome 拡張」と「スクリプトから保護されていなかったクッキー」のコンボによりセッションが盗まれていた可能性あり。 Zaif のセッション情報が盗まれた原因のひとつについて。JavaScript からクッキー値を取得させない方法。 - clock-up-blog
1. 開いたままのタブが多いと動作が緩慢になる アドオンをたくさんインストールし、タブを大量に開いていれば、ブラウザの動作は緩慢になる。 Firefox から Cyberfox (64bit) へ移行してみたが、タブ中毒の根本的な解決には至らなかった。(+_+) これに対して、タブの開き過ぎを解決するために OneTab を利用することにした。このアドオンでタブを整理すると、Firefox の動作が劇的に軽くなる。 固まることが少なくなり、長時間 Firefox を起動していても、レスポンスが悪くなることがなくなった。アドオンをたくさんインストールしても気にならない。 また、新規ウィンドウを開く操作がとても早くなった。 例えば、アドオン KeySnail で「ブックマークレット」にホットキーを設定 して、Google Bookmarks への投稿するウィンドウを呼び出している。これまでキー
動画を見てもらうのが早いのですが、Chrome で開いている Web Site の好きな部分を、フチ無しのPopup Window で表示できるという Chrome App です。 なにが嬉しいの? という感じかもですが、 youtube, ニコ動 など popup window 表示に対応してない動画サイトでも小さな window で表示できる しかも、どの window よりも最前面で表示される (dev channel のみの機能) 更に、拡大縮小しても動画再生が可能(操作は不能になります) という機能があります。ようは、"小さい画面でも動画を画面端で再生しっぱなしにしたい" という欲求のために作ったソフトウェアです。 Chrome App と Chrome Extension が協調して動いているので LiveClip (App) LiveClipExtension (Extens
Save any aspect of a webpage as a Trello card using our new official Chrome extension.
Thank you for being patient. We are doing some work on the site and will be back shortly.
Software engineer by trade. I'm a big Mac nerd and dig all things web/tech related. If I'm not working, I'm usually helping out the Alfredapp team. Check me out on Twitter @jdfwarrior. Introduction Alfred is a productivity application for Mac OS X, which aims to save you time in searching your local computer and the web. The Powerpack is a set of incredibly powerful features, built on top of the r
最近、先日リリースされた「Firefox 4」を利用しているのですが、このFirefox4以降で利用できるアドオンで、Firefox(ブラウザ)から、サーバ等に"SSH"によってターミナル接続できる「FireSSH」が利用できます。 FirefoxそのものからSSHによるターミナル接続が利用できるので、新しいタブをそのままターミナルとして利用することでWebブラウザとシームレスに利用できたり、接続情報を記憶させておくことも可能です。このように簡易なターミナルとして、FireSSHは十分に利用できると思います。 インストール 「FireSSH」はFirefox 4.0以降で利用可能なので、まだアップデートしていない場合は4.0以降へのバージョンアップが必要です。 以下のFirefoxのアドオンページにアクセスし、「FireSSH」をインストールしてください。 https://addons.m
拡張ボタンからページ遷移なしでブックマーク! ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
最近の愛用は Firefox を普段使っている時は、 HttpFox を使っています。 昔は Live HTTP Headers :: Add-ons for Firefox を使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。 そこで、 HttpFox です。 HttpFox :: Add-ons for Firefox レスポンスコードを色分けしてくれたりするので、個人的には見やすいと思う。 たぶん、Firebug の接続タブでも同等のことができると思うのだけど、ウィンドウ領域の使い方とか、色分けの部分とかで HttpFox の方が好き。 こんな感じで閲覧できます。 リクエストパラメータ等も見やすく整形してくれるので助かります。 本題 本題は HttpFox ではなく、Fiddler についてです。 Fiddler
WEBサイトで何度も何度も機械みたいに同じ操作を繰り返していると、ホトホト嫌になってきますよね。「DéjàClick」はブラウザでの操作を記録して、自分の代わりにプレイバックしてくれるFIrefoxのアドオンです。これを使えば、自分がやるはずだった操作をスキップすることができますよ。 「DéjàClick」は、AlertSite社が作ったアドオンです。AlertSiteは、WEBサイトを巡回モニターし、特定の動きが正常に動作していない場合に、サイトオーナーに警告するソフトを制作している会社です。ロボットの自動スクリプトを使って、検索機能やチェックアウトプロセスなどをテストしています。「DéjàClick」にはその技術が応用されています。 「3つのアカウントにログインしなければならない」などといった何度も繰り返すのがおっくうな操作ありますよね。それらのブラウザ上での一連の操作を、DéjàCl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く