chromeのtextareaでタブ入力する - toytools log
テキストエリアってタブ入力ができなくて不便なので Chrome Web Store - Tab Means Tab これいれて解決した。 このプラグインは若干不便なので、より好みにあった別のプラグインに変えました。 追記を確認して下さい。 ついでに Chrome Web Store - Stylish を入れて、 textarea { font-family: "IPAGothic"; tab-size:4; } ってやって、テキストエリアを等幅フォントにしてみた。 快適！ [追記] tab means tabは、textfieldでもタブ入力が聞いてしまい、フォーム要素の移動が面倒なので Chrome ウェブストア - Tab Grabber こちらにしました。 こちらはtextareaのみで有効で、さらにテキストエリアが空の場合にはタブ移動が有効になります。
Prettier - テキストエリア内のコードを見やすく整形 MOONGIFT
プログラミングについて質問する際に、綺麗なコードで質問するかどうかで回答してもらえる可能性は変わってきます。誰しもインデントも乱れて改行も一定でない汚いコードを解析してまで質問に答えたいと思わないでしょう。 そこで使ってみたいのがPrettierです。テキストエリア上でコードを綺麗に整形してくれます。 Prettierの使い方 例です。コードを短縮しています。 それがショートカットキー一つで整形されます。 PrettierはWindowsであればAlt + Shift + F、macOSであればAlt + Fで整形してくれます。JavaScriptだけでなく、SCSSなどにも利用できます。設定も細かく指定できるので、とりあえず実行しておけば見づらい部分を自動修正してくれるので便利です。なお、使えるのはMarkdownエディタ部になるようです。 PrettierはGoogle Chrome用
Tabli - ついついタブを開きがちな方に。Google Chrome用タブ管理 MOONGIFT
タブブラウザを使っていると、ついつい大量のタブを開いてしまいがちです。閲覧している時には良いのですが、必要なタブを探そうと思うととても大変ではないでしょうか。そこで必要になるのがタブ管理ソフトウェアになります。 今回紹介するのはGoogle Chrome機能拡張のTabliになります。多くのタブを開く癖がある方はインストールしておくと便利です。 Tabliの使い方 Tabliをインストールすると、右上にアイコンが表示されます。それをクリックすると開いているタブが一覧表示されます。 検索を使って絞り込みもできます。 後はタイトルをクリックすればそのタブにジャンプできる仕組みです。すばやくタブを探して移動するのに便利な機能拡張でしょう。 TabliはGoogle Chrome用、MIT Licenseのオープンソース・ソフトウェアです。 Tabli Home Tabli - Chrome ウェ
Talend API Tester - Free Edition
REST、SOAP、HTTP APIと視覚的に対話できます。 Talend API Testerへようこそ! これは、以前はRestlet Clientと呼んでいたFreeエディションです。Talend API Testerにより、HTTPとREST APIの呼び出し、検索、テストが容易に行えます。 Talend API Tester - Freeエディションの主な機能は次のとおりです。 1. リクエストの送信とレスポンスの検査。 Talend API Tester - Freeエディションは、どんなに複雑なHTTPリクエストでも処理できます。リクエストは変数を挿入することで動的にできます。セキュリティ、認証、さらにはハイパーメディアとHTML形式も完全にサポートされています。HTTPレスポンスを表示し、見栄えを整え、検査できます。 2. API動作の検証。 APIが仕様どおりに動作してい
Kotoha·アニメ/マンガの有名なセリフを素早く引用 MOONGIFT
よく使うテキストがあると、どこかに保存しておきたいと思うことでしょう。人によってはIMEの辞書に登録したり、クリップボード拡張系ソフトウェアで簡単に貼り付けられるようにしています。 今回紹介するKotohaはGoogle Chrome向けの機能拡張なのでGoogle Chrome上でしか使えませんが、元テキストが独特な引用ソフトウェアとなっています。 Kotohaの使い方 Kotohaは任意のテキストエリア、テキストボックスで\kと入力した後で使えるようになっています。例えばこんな感じです。 インクリメンタルに絞り込まれる仕組みです。 新しい単語の登録ができます。タグを使った検索も可能です。 内容から見るにアニメやマンガで使われているテキストが多くなっています。それもそのはずで、元データはあにふれーずから取得しているようです。GitHubのコメントでつい、そういうテキストを贈りたくなったら
Rails 開発をサポートするChrome拡張 Rails Panel の機能と仕組み | 割り箸ポテチ
7 must have Development Gems to install on every project この記事を読んでいて、Rails PanelというChrome拡張を知りました。 qqshfox/meta_request RailsPanel - Chrome ウェブストア Rails PanelでできることデベロッパーツールにRailsというパネルが追加されます。 このパネルでは、ページリクエスト単位で下記のような情報を表示することができます。 Breakdown: 処理時間の内訳(ActiveRecord, Rendering, Other) Params: コントローラから参照できるparamsの内容 ActiveRecord: そのリクエストを処理する際に発行したSQLと処理時間 Rendering: ビューテンプレートごとの描画時間 要するに rails serv
【Marxico】EvernoteユーザーのためのMarkdownエディター - 段ボール箱の中身 Chrome
Evernoteは手放せないほど重要なツールですが、エディターの使い勝手には不満を持っています。文章を入力するには必要十分ですが、細かなことろで色々と、、、です。いちばん不満なのはHTMLやMarkdownで入力ができないこと。HTMLの直接入力はできなくとも、Markdownでの入力はサポートしてほしいと思っていました。 EvernoteとMarkdownが大好きなあなたにMarxicoはオススメなエディターです。 MarxicoはMarkdown記法をサポートし、Evernoteに直接保存することができる無料のエディターです。Chromeの拡張機能ですので、Chromeがインストールされている環境であれば、簡単に利用を開始することができます。Markdown記法のサポートの他にも独自の入力方式を持っています。Markdownだけでは表現できないテーブルや数式などの入力も可能です。 Ma
scratch2web – ScratchでGoogle Chromeを操作
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Scratchというのはビジュアルなコンポーネントを組み合わせるプログラミング言語になります。より直感的なUIで、小学生でも自由にプログラミングができます。はじめてのプログラミング体験にぴったりな存在です。 そんなScratchをさらに便利にしてくれそうなソフトウェアがscratch2webです。ScratchからGoogle Chromeを操作できるようになります。 scratch2webの使い方 scratch2webを使う場合は予めScratchのリモート操作機能を有効にしておく必要があります。 Scratchの最新版はWebブラウザ上で動作するようになっているのでscratch2webからは使えないようです。そこで1.x系をダウンロードし、必要なRubygemsをインストー
JSONVue
Validate and view JSON documents JSONView port for Chrome. Original firefox extension is here: http://benhollis.net/software/jsonview/ Notes: - JSON is validated using a client-side javascript implementation of JSONLint (http://github.com/zaach/jsonlint) - this extension displays JSON text compliant with rfc 4627 (http://www.ietf.org/rfc/rfc4627.txt) - The stylesheet used to display the JSON conte
Gifアニメを作るChrome拡張Animated Gif Captureを公開しました - demouth::blog
「Animated Gif Capture」というアニメーションGifを作るChrome拡張を公開しました。 Chromeに表示中のWebページをアニメーションGifに変換します。また、オプションページから設定を変更すると、デスクトップやChrome以外のウィンドウもアニメーションGifにすることが出来ます。 Chrome Web Storeに登録してあるので、ここからインストールできます。 Chrome Web Store - Animated Gif Capture - アニメーションGifキャプチャ キャプチャ例 Flashもキャプチャできます。 ※http://demouth.net/sketch/016/ 以前私がAS3で作ったやつ FlashのキャプチャできるのでVimeoでもYouTubeもいけます。 フレームレートを高めると滑らかなアニメーションGifになります。 ※これは
選択中の文字をgoogle翻訳に投げるchrome拡張作った - へんてこのブログ
作ったよ！ henteko/selectedGoogleTranslateChromeExtension · GitHub いつも英語読めなくて辛いからgoogle翻訳を使ってるけど、いちいちgoogle検索でgoogle翻訳ってぐぐるの疲れた ブックマークとかすればいいんだけど、なんかずっとしてなかった 要望として、文字を選択したらすぐgoogle翻訳にかけたかった だから、選択したらgoogle翻訳に飛ばす拡張機能作ったらめっちゃ便利だった こんなん 文字を選択する Ctr-h押す(翻訳のHだよ☆) 翻訳された さいごに この拡張、webサイトでしか動作しない もっと詳しく言うとbodyタグが無いと動作しない 英語論文をpdfでchromeで読んでる時にもgoogle翻訳に投げたい どうやるのかわからない 追記 pdfでもbodyタグあった pdfで選択中の文字が上手く取れない
覚えておきたいDevToolsのコマンドラインAPIまとめ - Qiita
DevTools、使ってますか？ もはやChromeじゃないと開発できないくらいに飼い慣らされています。 ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。 個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line API の使い方についてまとめてみました。 $_ $_には最後に評価した式の結果が保存されています。 Console上で計算を行なった場合や、$セレクタなどでDOMを検索した結果など、最後の結果が常に保存されます。 $0 〜 $4 $0から$4にはElementsパネルで選択した要素が5つ保存されています。$0が最後に選択した要素で数字が増えるごとに過去に選択した要素になります。 $0は特に使いや
CIのビルド結果をChromeで受け取る·BuildReactor MOONGIFT
BuildReactorはGoogle Chrome用のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 最近は継続的インテグレーションを実現するサーバ、サービスが人気です。コードをプッシュしたりデプロイするタイミングで自動で処理を行ってくれるのは便利ですが、その結果をリアルタイムに知りたいと思うでしょう。そこで使ってみたいのがBuildReactorです。 インストールします。Chrome Web Storeでインストールできます。 権限の確認です。あまり多くありません。 まずサービスを追加します。TravisやJenkinsをはじめ、外部のサービスも多数登録されています。 今回は例としてTravisを使ってみます。 ユーザ名を入れると登録されているプロジェクトが出てきます。 Jenkinsの場合はURLを含めて設定を行う必要があります。 後は待っているとデスク
Chrome/Firefox の JavaScript Debugger でステップ実行時にライブラリ・フレームワークをスキップする - Qiita
JavaScript のデバッガ、便利ですよね。つかって、ますよね! Chrome, Firefox 両方の Developer Tool (Web Inspector) には JavaScript デバッガが付属しています。両者には Event Listener Breakpoints 機能が存在し、特定イベントのリスナ全部にブレークポイントを仕掛ける事が可能です。 しかし、jQuery の $.on, $.bind, その他 $.click(fn) 等でイベントハンドラを定義すると jQuery の中で addEventListeners が呼ばれ内部で処理をした後に実際に jQuery に渡した関数が呼ばれます。 そのため、JavaScript デバッガは jQuery 内部でブレークし本来飛んでほしいはずの関数に一発で飛んでくれません。 そこで Firefox には Library
定番SSHクライアント「Google Chrome」
はじめに こんにちは。KMC2回生のtyageです。 京都もほんとに寒くなってきて鍋が捗りますね。簡単だし美味しいあったまるし、最高ですね。 この記事はKMCアドベントカレンダー2013の17日目の記事で、 昨日は1回生のnona65537君によるSSH の二段階認証についてでした。 今日はGoogle ChromeというSSHクライアントの紹介なのですが、12日間続いたKMCアドベントカレンダーのサブプロジェクトであるSSHアドベントカレンダーもこれで最後になります。 最後がこれでいいのか？とも思うのですが、今までの内容がハードだったという方に向けて優しい内容となっておりますので、安心して御覧ください。 定番SSHクライアント「Google Chrome」 Google Chrome（もしくはChromium）と聞いて「あっ、SSHクライアントのことか！」と思われた方には少し物足りないか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
June Gunn – My WordPress Blog
GitHub - prasmussen/chrome-cli: Control Google Chrome from the command line
GitHub - dejan/rails_panel: Chrome extension for Rails development
TechCrunch
GitHub - 1000ch/chrome-extension-hands-on: Chrome Extension Hands-on!
