i-sourceviewというのをGAE/Pythonでつくってみました。 i-sourceview hokaccha’s i-sourceview at master - GitHub 同じようなことはアプリとかJS(Bookmarklet)でできるんですけど、アプリだと別途立ち上げが必要だったり、JSだとDOCTYPEが取れなかったりシンタックスハイライトがなかったりします。なのでサーバー側からリクエストしてHTML取得してシンタックスハイライトしたり行番号もつけてみたりしました。 それでつくってみたものの、認証がかかってるページがとれなかったり、JSで書き換えた後のソースが見たい場合もあるなあと思って結局JSで取得するのも用意しました。この二つを併用すれば大体ことたりるかなと。 シンタックスとかはchromeのソースビューに合わせてみました。 こんな感じになります。

今、開いてる記事をメールで送信したり、ページをクリップしたり、検索を開始したりをどのブラウザからでも同じキーストロークで出来たら便利だと思いませんか？それを可能にしてくれるのが、このユニバーサルブラウザコマンダーQuix。 デスクトップからでも携帯からでも使用出来るので、強い味方になってくれること間違いなしです。米ライフハッカーでは過去にも採り上げたことがあるのですが、それ以降も使い続けてみたところ、当初予測していたよりもはるかに便利で、融通が利き、かなりクールなツールであることが判明したので、今回はその使いこなし方も含めて紹介してみます。 ブックマークレットで出来ることは全て、しかもボタン一つで可能、キーボードショートカット派の方はクイックコマンド一つでOK。パッと見の印象だとギーク度数の高いツールのようにも見えますが、一度使いこなせるようになれば、これなしではウェブブラウズしたくなくな

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

はじめに Twitter 経由で、読んだ本を紹介しあえるサイト yonda4.com がリリースされましたね！ twitterで読書記録。読んだ4! このサイトは @yonda4 に本の名前をつぶやくだけで、本の紹介ページが生成されるという「本格書籍紹介サイト」です！ すごいですね！きゃっふきゃふですね！ というわけで このサイトに本を紹介しやすくするために、 twitter のページから本を検索するブックマークレットを作ってみました。 javascript:(function(s){s.src="http://amachang.sakura.ne.jp/misc/amazon/search.js";document.body.appendChild(s)})(document.createElement('script')) twitter のホームに行って、このコードをブラウザのロケー

ブックマーク数付きリンクが簡単に作れるブックマークレット ネタ元:ブックマーク数をタグ化して簡単にブログで使えるブックマークレット 便利そうだったので自分用に作ってみました。 ブックマーク数付きリンク作成 まずは、上のリンクを右クリックして『このリンクをブックマーク』とか『お気に入りに追加』なんかからブックマークします。 リンクを作りたいページでこのブックマークを選択すると左上にテキストフィールドが表示されます。 クリックすると全選択が可能なので『Ctrl』+『C』とかでコピーしてください。 それでブログに貼り付けると以下のように表示されます。 [to-R]JavaScriptやSEO対策、CSS、Movable Typeなどの情報を発信 関連エントリー パスワードを表示するブックマークレット リンク先のlivedoorクリップ数を表示するブックマークレット リンク先のはてなブックマーク数

パスワードを表示するブックマークレット ネタ元：アスタリスクで隠されたパスワードを確認する方法 非常に便利だったので自分用に改造してみました。 ネタ元のやり方だとパスワードがアラートで出るんですが、アラートだとコピペできないのでコピーできるように変更。 パスワードを表示 inputのtypeをpasswordからtextに変えてます(もしかしたらページのjsとバッティングする場合もあるかも) このスクリプト自体は無害(当然ネタ元のスクリプトも完全無害)だけど、自己責任で利用してください。 スポンサードリンク to-Rについて JavaScriptやCSS、React/Angularなどのフロントエンド情報を発信しています。 書いてる人 西畑一馬 (株式会社トゥーアール) 代表取締役/フロントエンドエンジニア 株式会社トゥーアールについて 渋谷にあるフロントエンドに特化したWeb制作会社です

2007年11月24日15:30 カテゴリLightweight LanguagesTips javascript - パスワードを確認するbookmarklet これの改良版です。 アスタリスクで隠されたパスワードを確認する方法 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 ブックマークレット: Check Password ソース: javascript:(function(){ var F=document.getElementsByTagName('input'), a=[]; for (var i=0,l=F.length;i<l;i++){ if(F[i].type.toLowerCas

Webサイトをデザインをしていて、どうにもサイズがずれる事があるかも知れない。そうした時、いちいちソースを表示してCSSのクラスを確認して、CSSファイルと照らし合わせていないだろうか。非常に手間ひまのかかる作業だ。 表示されているそのものを確認できれば便利だ。そしてそれを実現するソフトウェアがこれだ。 今回紹介するフリーウェアはXRAY、CSSレイアウトの情報をフローティング表示するソフトウェアだ。現在ライセンスは明記されていないが、将来的にはオープンソース化される予定との事だ。JavaScriptなので、ソースは現状でも見ることが可能だ。 XRAYはBookmarkletとして導入するソフトウェアで、公式サイトのブックマークをツールバーに登録すればインストール完了だ。後は任意のサイトでBookmarkletを実行すればいい。 Bookmarkletを実行すると、ブラウザ上にフローティン

【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見　晴美 (11/29) 先日からCSSについて「CSSを整理整頓！使われていないセレクタをチェックできる「CSS Redundancy Checker」」や「使わなくなったCSSを見つけてくれるfirefox拡張「Dust-Me Selectors」」でお伝えしてきましたが、今回は不要なCSSセレクタを探すのではなく、気になる