ども！ともぞうです。 iOS 8からSafariに「App Extension」が追加され色々便利になったのですが、それでもまだまだ対応していないアプリも多いのが現状です。 そこで活用したいのが「ブックマークレット」。お気に入りに登録して呼び出すだけで「開いているWebページを見やすく」したり、英語のサイトを「日本語に翻訳」したりできちゃうんですよ。 そんなブックマークレットの中でも特におすすめなものを10個ご紹介します！ Safariにブックマークレットを登録する方法 そもそも「ブックマークレット」っていう言葉を初めて聞く方もいらっしゃると思うので、簡単に説明しますね。 「ブックマークレット」というのは「javascript」というプログラムで書かれたコードをお気に入りに登録して呼び出すことで、様々な機能を実行できるものなんです。 例えば、英語のサイトを開いた状態で「ページを日本語翻訳す
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
迷惑な拡大操作禁止のWebページ スマートフォン用、タブレット用のページは高確率でピンチ操作、ダブルタップ操作による拡大操作が無効化されていますが、使う側からすれば余計なお世話。 禁止する目的は、デザインした側の意図した表示を崩さないか、広告を含むサイドバーを視界の中に入れるということに留まり、「拡大禁止だから使いやすい」ということは、おおよそないといえます。あまつさえ文字が小さいと、読む気をなくします。 以前紹介した、文字選択が思い通りにならない問題にもかかわる、拡大操作禁止。 iOSのSafariで文字選択が思い通りにならないときに使える画期的な対処方法 拡大操作禁止されていてがっかりすることはあれど、それで喜んだことはありません。 拡大操作を強制的に有効にする そこで、拡大可能にする方法を調べ……。 javascript – Can I change the viewport met
iOSのSafariで文字選択が思い取りにならなくてイライラすることがある iOSのSafariで表の中の文字の一部分を選択しようとしても、セル全体になってしまったり、行全体になってしまったりして、必要ない文字まで選択、コピーするハメになって面倒なことがあります。 特に、viewport指定で拡大が禁止されている場合はやっかい。 拡大が禁止されていなければ、拡大すると表の中であっても部分選択ができるようになるのですけどね。 あるブックマークレットを使うと表の中の文字であっても自由に選択できるようになる 今回紹介するブックマークレットを問題のページで実行するとアラ不思議！ 表の中の文字であっても自由に選択できるようになります。（続きは[Read More]から） ブックマークレットのSafariへの登録 以下のブックマークレットを全選択してコピー。 javascript:document.b
先日、タイトル付きでTwitterやFacebookにシェアできるブックマークレットをご紹介しましたが、その他にもたくさんの便利な機能があるんです！ 今回は、Safariをよく使う人は絶対に登録しておいてほしい、15のブックマークレットをご紹介します！ ブックマークレットってなに？登録の仕方は？という方は、こちらの記事をご覧くださいね♪ ページをまるごとGoogle翻訳海外のサイトを見る時に便利な、ページをまるごと翻訳してくれる機能です。 javascript:void(0);void(0);void(0);void(0);void('Add%20this%20text%20into%20the%20code%20to%20suppress%20the%20tooltip%20with%20long%20script');void(0);void(0);void(0);void(0);vo
このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
こんにちは、デザイナーのサリーです。セブ島のお土産に名物のシニガンスープの素をたくさん貰いました。 シニガン？な私は裏面（おそらくフィリピン語）を見てもさっぱり作り方がわかりません、クノールなのに… パッケージイラストとクックパッドを頼りにどうにかこうにか料理してみようと思います。 今日はデザインやコードをチェックするのに便利なブックマークレット10個を紹介します。 デベロッパーツールやブラウザの拡張機能を使った方が良さそうだと思ったもの、個人的に使いづらかったものは除外して、実用性のあるブックマークレットを選んでみました。 「ブックマークレットってなんだろう？」な方に説明をしておくと、 ブックマークレット 通常ウェブブラウザでブックマーク（お気に入り）を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選ん
どうもハンサムクロジです。 ウェブサイトの閲覧にとっても便利なiPhoneですが、Safariやその他のブラウザアプリだけでは機能が物足りないと感じることも多いと思います。 そんなブラウザの機能を拡張するのに便利なのが「ブックマークレット」！ お気に入りに登録してすぐに呼び出せるようにしておけば、普通では使えない便利な機能を利用することができるのです！ 今回は数あるブックマークレットたちの中から、便利そうなものをまとめてご紹介したいと思います！！ ブックマークレットとは？ ブックマークレットは、ウェブブラウザで作動するJavaScriptプログラムのことを指します。 通常のお気に入りは登録しておいたURLのページを開くというものですが、そのURLの代わりにJavaScriptのコードを登録しておくことで、ページに移動する代わりに様々な機能が実行されるというものです。 ブックマークレットの登
iPhone, iPad, (iPod Touchも）などのモバイルデバイスで、表示中のウェブページのソースをシンタックスハイライトで表示できるブックマークレットを紹介します。 Snoopy View-source bookmarklet for iPad, iPhone and other mobile devices [ad#ad-2] Snoopyでは、iPhone, iPadなどのモバイルデバイスで表示中のウェブページの情報やソースを表示することができます。 ※キャプチャはiPod Touchです。 ソース表示 ソースはモバイルデバイス用に生成されたソース、元のソース、の2種類が選択できます。 [ad#ad-2] Snoopyの使い方 Mobile Safari -iPhone, iPad, iPodなど 最も簡単な方法は、デスクトップ用のSafariでブックマークレットをドラッグ
タイトルで「知ってるよ！」と思った方は後半部分へどうぞ。 ライフハッカーでも度々取り上げてきていますが、ブックマークレットという言葉を目にしたことがあるでしょうか。好きなウェブページを「お気に入り」として保存して、いつでも飛べるようにする「ブックマーク」と言葉が似ていますね。それもそのはず、ザックリ言うと、ブックマークレットはブックマークの友達みたいなものだからです。 さて、どんな友達か。彼はなかなか賢いヤツです。ブックマークの役割が「好きなウェブページにジャンプできる」だとしたら、ブックマークレットは「好きなウェブページでちょっと便利な機能が使える」になります。例えば、YouTubeの動画をリピート再生する、見ているページの短縮URLを表示するなどです。 とはいえ、何か特別なソフトをインストールするわけではありません。上の画像のようにブックマークバーに登録すればOK。機能を使いたい時は、
Google Chromeは素晴らしいブラウザですが、AndroidやiOS版ではブックマークレットをサポートしていません。つまり普通に考えるとブックマークレットを利用した「あとで読む」系サービスに記事を送れないということです。 しかし、実は可能なのです！テック系ブログ「Digital Inspiration」にてモバイル版Chromeでブックマークレットを使う方法が紹介されています。まず、デスクトップ版Chromeにブックマークレットをインストールしておきます。例えば、Evernote、Readability、Instapaper、Pocket、Kindleなど。そして、モバイル版Chromeとデスクトップ版Chromeを同期させます。 次に、モバイル版Chromeのオムニバーにブックマークレットの名前をタイプ、表示されるリストから、ブックマークレットを選択します。これでウェブページを好
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してくれます。 ↑ 表示されたボックス下部のView Reportに進むと個別箇所が一覧で表示され、それぞれの問題箇所を上図のようにアイコンで教えてくれます。 errorとwarningの表示/非表示のスイッチも出来ます。なかなか便利ですね。 HTML_CodeSniffer
iOS版 Google Chrome 、PCとの同期とか便利ですけど、ブックマークレットが使えないため、はてなブックマークと連携して使うのが難しくて残念… と思っていたのですが、工夫すると連携できなくもないとわかったのでシェアします。 まず、Chrome に以下のブックマークレットを登録します。この時、誤爆しづらい、わかりやすい名前を入れておくのがポイントです（僕は"bbb"としてみました）。 javascript:(function(){location.href='hatenabookmark:/entry?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)+'&backurl='+encodeURIComponent(location.href.replace(/^h
【保存版】iPhoneのブラウジングが捗る鉄板ブックマークレット集 2012年06月17日 18:17 カテゴリ:iphoneの小技 ツイート ども！ともぞう(@tomozo_1975)です。 今日はiPhoneのブラウジングを快適にしてくれるブックマークレットをご紹介したいと思います。 見ているページのツィートや英語サイトの翻訳など便利なブックマークレットが盛り沢山ですよ。 その１ 見ているページをつぶやく Twitterで共有したい記事を見つけたらこれらの⇓ブックマークレットの出番です！ 公式Twitter用ブックマークレット Echofon用ブックマークレット Tweetbot用ブックマークレット ではEchofon用ブックマークレットを例に使い方を解説してみますね。 Echofon用のブックマークレットのリンクを開くと、 Googleのページが開くので、そのままブックマーク
どーもノリ五藤( @nori510 )です。 ブログを書く上で、どうしても必要な手間がかかる部分があります。リンクを貼ったりとか、HTMLのタグうちなど。 そういう手間は、なるべく減らしたい。 という事で、今回はブログ更新の手間を減らす私がブログ更新に使用している便利なbookmarkletをまとめてご紹介してみようと思います。 ブロガーに必須のブックマークレット まとめ その0 ブックマークレットを超絶快適に使う為のChrome エクステンション『Keyconfig』 まず、PCでブックマークレットを使用する時などに、ほんとに素晴らしい働きをしてくれるchromeの拡張機能『Keyconfig』をご紹介させて頂きます。 ブックマークレットを語る上でコチラは欠かせません。 キーボードショートカットをブックマークレットの起動に割り当てれば、超快適にブックマークレットを使用できます。 使用頻度
こんにちは、ほぼiPhoneだけでblog書いている、iPhone大好き @kuracyan です。 今日は私が毎日blogを書く時に使っているアプリとBookmarkletをご紹介します。 エディタ 基本的にDraftPadで書きます。 アシストという補助機能が全てを支えています。 書きながらブラウザ表示を確認したり、書きあがったらそのままアップローダに送ったりします。 自動保存してくれるので、途中でぱっと閉じても気にせずにすみます。 DraftPad 1.4（無料） カテゴリ: 仕事効率化, ユーティリティ 販売元: Manabu Ueno – Manabu Ueno（サイズ: 2.8 MB） 全てのバージョンの評価: （336件の評価） iPhone/iPadの両方に対応 入力支援 htmlタグを使ったりする時にこのアプリが必須です。 TextExpander 1.2.2（￥450）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
