はてなブックマークApp Extensionの裏側 - Hatena Developer Blog
こんにちは。はてなでアプリ開発をがんばっているアプリ＆ブックマークチームのid:yashigani_wです。 先日iOSアプリ「はてなブックマーク」で、iOS 8で新たに追加された「App Extension」を使ってMobile Safariなどのアプリから簡単にブックマークできる機能をリリースしました。 はてなブックマークのApp Extensionは既にお試しいただけたでしょうか？ Mobile Safariでシェアボタンをタップすると、はてなブックマークが登場！ ここから直接ブックマークできます！ もちろん、コメントやタグも付けられます。 今回は、はてなブックマークのApp Extensionにおける、はてなブックマークへの認証の設計について紹介します。 App Extensionとは まず、App Extensionの仕組みについてざっくり説明します。App Extensionと
Web制作者向け拡張「Appspector」で仕事を効率的に [Chromeの使い方] All About
Web制作者向け拡張「Appspector」で仕事を効率的に他のWebサイト分析をする際に活用できるのが、Appspectorです。こちらの拡張機能は、サイトを開くだけで使用しているCMSやアプリケーションなどの一部情報が分かります。昔は、Chrome snifferという名前でしたが、名前が変わったので再度ご紹介いたします。とにかく便利な機能なので、Web制作者の方はぜひ導入をおすすめいたします。 他のWebサイト分析をする際に活用できるのが、Appspectorです。こちらの拡張機能は、サイトを開くだけで使用しているCMSやアプリケーションなどの一部情報が分かります。昔は、Chrome snifferという名前でしたが、名前が変わったので再度ご紹介いたします。とにかく便利な機能なので、Web制作者の方はぜひ導入をおすすめいたします。 このChrome拡張機能の優れている点は、2点です。
![Web制作者向け拡張「Appspector」で仕事を効率的に [Chromeの使い方] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f3ac26e5fdc10d639dfbce659c1b0bee104572f/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F4%2F5%2F8%2F0%2F0%2Ftopimg_original.jpg)
Google Analyticsで自分のページの解析結果がすぐにわかるGoogle公式Chrome拡張機能「Page Analytics (by Google)」
Google アナリティクスの直近1カ月におけるページビュー数・ユニークプレビュー数・そのページでの平均的な滞在時間・直帰率・離脱率などをウェブページを開くだけで自動的に表示してくれるようになるGoogle Chrome拡張機能が「Page Analytics (by Google)」です。わざわざGoogle アナリティクスにアクセスしなくてもボタン1つ押すだけで使えるようになっており、非常に便利そうだったので、実際に使ってみました。 Chrome ウェブストア - Page Analytics (by Google) https://chrome.google.com/webstore/detail/page-analytics-by-google/fnbdnhhicmebfgdgglcdacdapkcihcoh まずはウェブページにある「無料」というボタンをクリック。 「Page A
Chromeを最強化するオススメ拡張機能11
人気ブラウザー『Google Chrome』。拡張機能は数多くあるけれど、まず最初に入れておきたい11の拡張機能を紹介。すべてフリーで導入することができる。快適かつ最強にパワーアップしたChromeを使いこなそう！ ●関連サイト Google Chrome 『Incredible StartPage』 スタートページをカスタマイズ！ シンプルなクロームのスタートページを、機能的な画面にする拡張機能。ブックマークやウェブアプリ、最近閉じたタブが見やすくなる。 ●関連サイト Incredible StartPage バージョン 1.4.3 作者 www.visibotech.com 『Chrome用TooManyTabs』 大量タブを開くときに絶対必要な拡張機能！ 大量のタブをサムネイルで一覧で表示、目的のタブを簡単に選び出せる。並び替えや検索機能もあり、タブを閉じるのがめんどうな人にオススメ
Google Drive ドキュメントの使える裏ワザ＆アドオンまとめ | Ledge.ai
少々癖があるので慣れるまでは難儀しますが、慣れてしまうともはやOfficeを起動すること自体がなくなってしまうほどに便利なGoogle Drive。 今回は中でも、最も多く使われているであろうドキュメントについて意外と知られていない。でも知っているとちょっと便利な小さな裏ワザや便利すぎるアドオンをまとめてみました。 チャットでやりとりしながらオンライン議事録Messenger アドオン サムネを見てもらえば分かる通り、アドオンを有効にするだけで同時にそのドキュメントを見ている人限定のチャットルームを画面内に作成でき、履歴を残せるという素敵アドオン「Messenger」。 実装方法もカンタンで、ドキュメントを開いて＜アドオン＞メニューをクリックして「Messenger」を選択⇒連携させるだけです。 集まれなくても何かしら決めなければいけない場合、この「画面内でチャットできて、その履歴が残る」
私が愛用している Chrome拡張機能 おすすめ14選 - ネットの海の渚にて
今回は私が実際に使っていて便利だなぁと日頃思っているおすすめのChrome拡張機能を紹介します。 Google Mail Multi-Account Checker https://chrome.google.com/webstore/detail/google-mail-multi-account/mcpnehokodklgijkcakcfmccgpanipfp メインのアカウントとSNSやブログ関係のアカウントを使い分けているのでこれが無いとめちゃくちゃ不便。これのおかげでメーラーアプリはめったに立ち上げなくてもよくなりました。 HD for YouTube™ HD for YouTube™ - Chrome Web Store YouTubeを開くと強制的に最高画質に変更してくれる優れもの。 ちょっとの手間だけどあったらやっぱり便利。 Speed Dial [FVD] Speed D
本当は怖いChrome拡張機能（作ってみたら確かにヤバかった） - DRYな備忘録
otiai10です。最近はフロントエンドのTypeScriptを書くお仕事をしています。個人的に艦これウィジェットやtwickというChrome拡張を作ってたりもします。先に言っておきますが、これらはどちらもGithubでソースコードを公開しており、悪いことしようが無いです。 端的に言うと、Chrome拡張はヤバいです。何でもできちゃう。 どんくらいヤバいか知ってもらうためにどうしようか考えた結果、ヤバいChrome拡張を作りました。30分かかんなかったです。 https://github.com/otiai10/chrome-twitter-hijack-sample （「レポジトリをforkして悪用する人間が出てくるかもしれない」とのご指摘を頂いたので、これを削除します） git cloneしてchrome://extensionsからパッケージ化されていない拡張機能を読み込むでこのr
2分でわかる Tamper Data の使い方 - @kyanny's blog
Firefox で HTTP ヘッダを扱う拡張機能としては LiveHTTPHeaders が有名だが、 Tamper Data はリクエストごとにヘッダをカスタマイズできる（偽装とか）点で、ウェブアプリケーションのデバッグ時により役に立つ。でもぐぐってもあんまり情報がなくていまいち使い方がわからなかったのだけど、最近なんとなくわかってきたので書いておく。大ざっぱだけどスクリーンキャプチャ画像つき。 Tamper Data のウィンドウを開いて左上の Start Tamper を押す。これを押さないと有効にならない。押したら Firefox のメインウィンドウに戻ってデバッグしたい URL へアクセスする。 ダイアログがでてなんか聞かれる。 Submit でリクエストを送信する（これ押さない限りはリクエストを送らない。何かしらボタン押すのを待ち続ける）。 Abort Request を押す
モバイルアプリ・Web開発にオススメの Chrome 拡張機能 10選 - Tech Blog
カップル専用アプリPairyでおなじみ株式会社TIMERSのCTOの椎名アマドです。 先日うちの社員と話してて自分が普段使ってるChrome拡張機能をしれっと紹介したら、 「生産性が上がる」とだいぶ好評価でした。 なので今回は、モバイルアプリやスマートフォンWeb開発などに役立ってる、Chromeの拡張機能を紹介します。 使う使わないでかなり生産性が変わってくるものもあるので、是非活用してみてください。 API開発に最適 JSONView オススメ度：★★★★★ JSONで来たレスポンスを、綺麗に最適化して表示してくれます。 わかりやすく色分けハイライトされてたり、配列を畳むことが出来たりと、 APIを絡めた開発では必需品です。 Postman - REST Client オススメ度：★★★★★ REST リクエストをその場で作成して送信できるクライアントツールです。 GET/POST/D
FirefoxのサイドバーにTwitterのタイムラインを表示できるアドオン「Twitbin」 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
2013年8月最新版「AdF.ly、Linkbucksなどをスキップ」する方法解説 : 魔王の引き出し
管理人の環境はFirefoxだったので、 Greasemonkeyを使って専用のユーザースクリプトを 導入してみました。 他のブラウザでも導入可能みたいなのですが未検証です。 OperaviolentmonkeyをインストールFirefoxgreasemonkeyもしくはscriptishをインストールChrome/ChromiumtampermonkeyをインストールSafariNinjakitをインストール 上記の作業完了後ににAds Skipperのサイトにアクセスし 右上のインストールボタンを押して導入完了。 導入後、AdF.ly等にアクセスすると、1~3秒ぐらいで自動で リダイレクトして目的のリンクに飛んでくれます。 どうしてもっと早くこれをインストールしなかったのだろうと 悔やむぐらい素晴らしいスクリプトだなあと感動しましたね。 この手のサービスは色々とあるのですが広告サイト側
私がよく使っているウェブサイト作成に役立つChromeの拡張機能6選
個人的に良く使っているウェブサイト作成時に役立つChromeの拡張機能を紹介します。有名なものばかりだと思いますが、ひとつでも新しい発見があればうれしいです。 CSSViewer マウスを乗せた場所のスタイルの状況を知ることができます。余白を調整したいときに使います。調整したい余白がどの要素にあたるのかがすぐに分かります。 次に紹介するものはさらにスタイルの変更もできるわけですが、こちらの方が見やすいのでちょっと確認したいというときはこちらを使います。 Code Cola 先ほどと似ていますが、こちらはスタイルを確認できるうえに内容を変更することもできます。 フォントやボックスモデルに関するプロパティやもちろんtext-shadow、box-shadow、border-radiusなどのCSS3にも対応しています。 Page Ruler 自由に大きさを図ることができます。縦横の長さと、画面
MacBook Airで使うのに最適なSafariの4つの設定（＋オススメ拡張機能） | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Firefoxはもう限界！Chromeへ完全移行したお勧めの拡張の紹介
※今回はFirefoxユーザーへの記事です。 本当にね、Firefoxが好きでず～っと使ってた。 でもね、もう限界です。 WordPressで画像をUPすれば固まる。 1PassWordのパスワードは読み込まない。 それがもう最近は頻繁。 もういいっ！Chromeへ移行してやる とはいうモノの、今まで何度もChromeは挫折。 何よりも「ブックマーク」が無いのが違和感、使いにくい。 でも、最近はFirefoxでもブックマーク代わりは専ら「Speed Dial」。 そして、いつの間にか（僕が知らんかっただけだけど）Chromeに「Speed Dial2」が・・・！ イケる。。これならいける。 前のChromeのSpeedDialはFirefoxのに比べて残念な子だったけど、 Speed Dial2は出来る！ ていうか、Firefoxのより出来る。。 そして、その他のFIrefoxで欠かせない
え！？はてブをブックマークとして使ってるの！？それって時代遅れジャマイカ？ - すりゴマ・ドットコム
すりゴマです。 今日もいい感じでground sesameです。 ガンガンすり潰していきますね。 photo by TarynMarie はてブって、ブックマークとして使ってる人、まだいるのか？ってふと思ってしまいました。 このブログにも、はてブボタン貼っておきながら挑戦的なタイトルですがwww ハッキリ言って、「あとで読む」的なブックマークの使い方では、Pocket しかないでしょ！？って思ったので、Pocketについて書いてみたいと思います。 「とりあえずブクマ → 時間のあるときに読む」というスタイル 「通勤時間を有効に使う」「スキマ時間を有効に使う」「情報収集は毎日時間を決めている」など、色んなスタイルがあると思います。 すりゴマは、スキマ時間派ですが、ちょっとした時間にRSSをチェックして、おっ！と思った記事はとりあえずPocketします。 帰りに電車の中で読む場合もあります。
地味だけど便利！Photoshopでカラーの明度のバリエーションを簡単に展開できる機能拡張 -Lighten / Darken Color
Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloaded here」からファイルをダウンロードします。 Lighten / Darken Color 「[KAM] Color Lighten-Darken Scripts.zip」を解凍します。 解凍した「Color Darken.jsx」と「Color Lighten.jsx」を下記のフォルダ内に移動します。 ファイルの格納先：Photoshop/Presets/Scripts/ Photoshop
[PhpStorm/WebStorm]JavaScriptデバッガを使おう！ | バシャログ。
夕食で肉をほとんど食べない代わりにヨーグルトをよく食べているtanakaです。 WebStorm 7 がリリースされましたね。PhpStorm 7もそのうちリリースされると思います。今回はJavaScript開発支援機能の中でも特に重要なJavaScriptデバッガの使い方を紹介します。実は私も今のいままで使ったことがありませんでしたが、これは便利です。 インストール、事前準備 前提として、ブラウザはChromeを使うこととします。 ブラウザ拡張機能 まずは、Chrome拡張機能JetBrains IDE SupportをChromeにインストールしましょう。 ウェブサーバ もし、ウェブサーバが動いてない場合は、PhpStormのビルトインウェブサーバをセットアップします。(これはなくてもデバッガの利用は可能だと思いますが、別ドメインのスクリプト読み込みなどで制限があるようです。)[Php
![[PhpStorm/WebStorm]JavaScriptデバッガを使おう！ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/e09ad8f655ea0962c3fc07c12b65c5a618375e0d/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_tools.png)
どのアドオンがメモリを占拠しているのかを調べる方法（Firefoxの場合） | ライフハッカー・ジャパン
ついにiPhone卒業→「Nothing Phone (2a)」へ。この乗換えが大正解だった!【今日のライフハックツール】
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Visual Studio」へChrome拡張やWebアプリ開発用のテンプレを追加する「SideWaffle」NOT SUPPORTED