Microsoft CopilotをPowerPointで使ってみたら、一瞬で資料作成や要約ができた!使い方・料金・導入方法とは?
英語の文章にルビをふってくれるGoogle Chrome拡張機能「Read Ruby」 | ライフハッカー・ジャパン
Microsoft CopilotをPowerPointで使ってみたら、一瞬で資料作成や要約ができた!使い方・料金・導入方法とは?
Web制作者のためのおすすめChrome拡張15
2018年1月16日 Webサイト制作, 便利ツール 普段使っているChromeをより便利にしてくれる拡張機能。私も様々なものを入れていますが、その中でもWeb制作時に使える便利拡張をいくつか紹介します。Firefoxに対応しているものもありますよ！ ↑私が10年以上利用している会計ソフト！ Web Developer Chrome拡張｜Firefox Add-on｜GitHub｜公式サイト Webに携わる人は入れておいて損はない拡張のひとつ！長年利用させていただいてます。1クリックでCSSやJavaScriptを無効化したり、画像の非表示、様々なデバイスサイズでの表示、クラスやID名の表示、定規やカラーピッカーまで揃っています！カラーピッカーはCSSで定義されたものだけでなく、画像からも抽出できるのがすごい。日本語版もあるので試してみてくださいね。 CSS Peeper Chrome拡張
やばい、iOSにネイティブアプリ要らなくなるかも。SafariもPWAに対応する可能性 - Qiita
これ以上は長くなるため後述． Chromeは既に，Safariもようやく 上記の通り，Service WorkersがPWAでも最重要な機能の一つである．Chromeでは既に対応済み． しかしSafariが対応しておらず，世間的にはモチベーションの上がらない状況であった（やちまもその一人である）． Safariにおいて，Service Workersの実装状況 No active development が Under Consideration になったのは2015/12/041のことである． 20ヶ月という永遠とも呼べる時を経て，2017/08/032にようやく In Development となったわけであった． ちなみにMicrosoft Edgeでは既に開発中34である． だから何なのか SafariにService Workersの実装がなされると，一気にウェブアプリへの移行が
スクリーンショットを撮るのはChromeがいちばん?! | DevelopersIO
新しい職場、新しいパソコン。まず始めに入れるツールの一つがスクリーンショットではないでしょうか。 でも、Chromeのver.59からは、標準機能として装備されたようなのです。 やりかた ChromeのDevelopers Toolを立ち上げる。 Macだと、Chromeを開き「alt + command + i」を同時に押す。 レスポンシブ表示にする 続いて、command + shift + m を押します。または、下記のボタンを押してください。 画面上部に、解像度やデバイスを変更するセレクトボックスが表示されます。 デバイスの選択肢を増やす 必要最低限はありますが、PCのスクリーンショットも取れるようにしたいので、Editを押します。 デベロッパーツールの表示が切り替わるので、「Laptop with HiDPI Screen」と「Laptop with MDPI Screen」をチ
ヘッドレスブラウザ(Chrome)を使ってSPAをスクレイピングする - Qiita
一般的なスクレイピング手法とその問題点 スクレイピングというと、HTTPクライアントライブラリを用いてHTML取得し、HTML/XMLパーサーで解析するというのが一般的だと思います。 この手法の場合、以下の場合にうまく処理できません。 ターゲットのページがJavaScriptにより動的にDOMを操作する場合 HTML/XMLパーサーが取得したHTMLを正しく解釈できない場合(正しくないHTMLでもブラウザはなんとか処理するが、パーサーライブラリは正確なHTMLでないと処理できないことがある) 特に問題になるのは前者でしょう。最近のWebサイトではJavaScriptでDOMを操作することは珍しくなくなってきています。SPAであればなおさら難しく、もはやこういった手法によるスクレイピングは不可能でしょう。 ヘッドレスブラウザによるスクレイピング 動的なDOMやパーサーがうまく解釈できないとい
ブレークポイントを使ったJavaScriptデバッグを整理してみた【再入門】 - Qiita
はじめに プログラミングの上達において、デバッグスキルを上げることはとても重要で近道の1つだと考えています。 私自身、勉強し始めた頃に知っていれば（理解できていれば）とよく思います。 今回、JavaScriptデバッグについてChromeDevtoolsとブレークポイントを使った基本パターンを整理しました。 自身の復習かつ、あまり馴染みの無い方でも、以下おおよそ理解できるようになれば良いなぁ、というのが本稿の目的です。 どのようなものにブレークポイントが貼れるのか どういった時にブレークポイントが発動されるのか ブレークポイントが発動されると何ができるのか ご存知の方には特に目新しいことはないかと思いますが、何かのお役に立てば幸いです。 表示・動作はChrome 50.0.2661.87mで確認したものになります(2016-05-11) タブやパネルの位置は環境によって異なる可能性がありま
ウェブにプッシュ通知をもたらすウェブサービス「bpush」を作った - Qiita
2017年3月26日追記 bpushは2年弱の運営の後、OSSとして生まれ変わりました。詳しくは下記の記事をご覧ください。 国内初のウェブプッシュサービスbpushのOSS化と運営して学んだことについて ブラウザだけでプッシュ通知ができるようになった Chromeのバージョン42からプッシュ通知が可能になったという記事は読まれましたでしょうか？ 「Google Chrome 42」安定版リリース プッシュ通知機能追加と45件の脆弱性対 Chrome 42から、Service Workerという新しい仕組みによって、ブラウザを閉じていても、スマートフォンのプッシュ通知のようにサービス側からお知らせを届けることができるようになりました。この機能はデスクトップ版とAndroid版のChromeに導入されています。通知の仕組みにGoogle Cloud Messaging(GCM)を使っているため
話題のChrome拡張機能『iKnow!ポップアップ辞書』を使ってみたら | English Hacker | 英語学習の情報ポータルサイト
英語学習サービスのiKnow!がwebブラウザのGoogle Chromeで使える拡張機能『iKnow！ポップアップ辞書』、これをインストールするとwebページに登場した英単語にマウスオンするだけで日本語訳と発音が同時にチェックできるようになりました。今回はどんな機能があるのかと、使い方をご紹介します。 iKnow!ポップアップ辞書とは オンライン英語学習サービスであるiKnow!が無料で公開しているGoogle Chrome用の拡張機能で、これをインストールするとwebページに登場した英単語にマウスオンするだけで日本語訳と発音が同時にチェックできるようになります。下の図のように、どのページを見ていても自動的に表示されるのでかなり英文読解がはかどるようになりました。 音声ボタンを押すとネイティブの発音も聴けるのて
Chrome DevToolsのTipsをひたすら集めたブログ『DevTools Tips』 | 100SHIKI
これ、いいすね。 なにかと便利なChromeのDevToolsのTipsを集めたブログがDevTools Tipsだ。 しかもテキストによる説明はそこそこに、アニメーションで見せてくれるでわかりやすい。 DevToolsが使えると開発がぐっと効率的になるのでざっと眺めてみるといいだろう。 あなたが知らないTipsが見つかるといいですな。
スマホ版のウェブデザインをクリック一発で確認できるChrome拡張機能「MobileLayouter」
使い方はいたってシンプル。スマホ版のウェブデザインを確認したいページにアクセスし、右上のツールバーで確認したいスマホの端末をクリックするだけ↓↓ このようにサクッとスマホ用のページを見ることができます。↓↓ あとがき @isloopをフォローする かなり便利な拡張機能ではあるのですが弱点もあります。 まぁMobileLayouterが悪いわけじゃなくChrome自体の問題なのですが、ウィンドウの横幅が400px以上に小さくならないのですね。 したがってパーフェクトにiPhonenでのデザインを確認できないのがたまにキズではあります。（画面幅は320pxに出来ます。） まぁ、iPhone 6からどえらく画面が広くなるみたいですけど・・・。 あぁホントにデカクなるのかなぁ。Storyboardの分岐が増えてしまうがな・・・。ﾊﾅｼｿﾚﾀ 【関連】AutoPatchWork - 分割してるページ
文字の上にカーソルを置くだけでフォント名やサイズを特定、試し打ち＆ダウンロードも可能な「Fontface Ninja」
ウェブサイト上で「このフォントいいなあ」と思った時にカーソルをかざすだけでフォントの種類やサイズを知ることができ、さらにその場でフォントの文字を試し打ち＆サイズの変更などが可能で、わざわざフォントのダウンロードページを開かなくても閲覧していたウェブサイト上からフォントのファイルをダウンロードまでできてしまうというGoogle Chrome拡張機能＆Safariプラグインが「Fontface Ninja」です。 Fontface Ninja http://fontface.ninja/ Fontface NinjaはGoogle Chrome拡張機能とSafariプラグインがあり、ブックマークレットは現在開発中のようです。今回はGoogle Chrome拡張機能を使用してみます。 Google ChromeでChrome ウェブストアのFontface Ninjaのページを開きます。 右上に
あなたの行動データを利用しているのは誰？「Ghostery」で「パーソナルデータ」を考える
「Ghostery」というWebブラウザーの無料プラグインソフトをご存じだろうか。この記事は、Ghosteryを導入して読むと楽しめるだろう。なおこの記事の後半で、日本の個人データ保護に関連する法改正の議論に触れる。それまでしばらく、こちらの話にお付き合いいただきたい。 政府のIT総合戦略本部が開いている「パーソナルデータに関する検討会」の難解で日常生活にはあまり関係なさそうに見える議論が、ぐっと身近になることもうけあいだ（関連記事1：「準個人情報」など類型示す事務局案に異論相次ぐ、パーソナルデータ検討会 、関連記事2：「準個人情報」類型に対案や反対意見、パーソナルデータ検討会第8回、関連記事3：個人情報保護法の権限などを第三者機関に移管、パーソナルデータ検討会で事務局案提示 ）。 「パーソナルデータなんて自分には関係ない」と思っているならば、Ghosteryを導入してみてほしい。インター
Postman - Google Chromeを使ったWeb APIテストクライアント
最近はWeb APIを提供するサービスが増えています。公開していなくともアプリと連携させるためにJSONインタフェースが用意されているサービスも多いです。そこで開発時には各APIをコールできるクライアントソフトウェアが欲しくなります。 HTTPリクエストを行える専用クライアントソフトウェアは幾つかありますが、PostmanはGoogle Chromeアプリとして提供されるので利用がとても簡単なのが特徴です。 Postmanの使い方 まずはインストールします。Chromeアプリとしてインストールされるのでワンクリックインストールです。 Postmanではヘッダーを変更したり、CRUD操作に対応したHTTPメソッドでテストができます。特別なソフトウェアを用意することなく、Chromeだけで済むのが便利です。今後ネットワーク周りを扱うChromeアプリは増えていくかも知れませんね。 Postma
Chromeは既定だとオンラインで証明書の失効確認していないので設定方法を調べてみた - piyolog
OpenSSLの脆弱性(HeartBleed)を悪用することでサーバーのSSL証明書秘密鍵が盗まれる可能性があり、この件を受けて偽のWebサイトの設置が懸念されています。影響を受けたサービスは証明書の再発行・失効処理を行っており、netcraftも証明書の失効が大量に来ていると報告しています。 Heartbleed certificate revocation tsunami yet to arrive | Netcraft HeartBleedの影響を受けたとされるyahoo.comやdropboxも脆弱性発覚後に証明書を再発行しています。 yahoo.com dropbox.com 証明書が失効されたWebサイトへアクセスするとどうなるか では最近証明書が失効されたWebサイトに訪れるとどうなるでしょうか。 IEやFirefox等は警告が表示されますが、Chromeは初期設定でオンライ
Google ChromeのDeveloper toolsの可読性を向上·Readable-ChromeDevThemes MOONGIFT
Readable-ChromeDevThemesはGoogle Chrome用、スタイルシート製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 IDEやプログラミング用エディタにおいて言語ごとのハイライト処理は必須でしょう。それによってコードの可読性が上がれば、バグの発生を抑えたり生産性も向上します。それはGoogle ChromeのDeveloper toolsについても同様です。そのためのツールがReadable-ChromeDevThemesです。 インストールしました。結構読みやすいのではないでしょうか。 コンソール。こちらも読みやすいです。 特徴としては可読性の高い色の採用、line-heightを1.2emにすることで可読性をあげ、選択範囲を見やすくしたり、選択したタグの前にガイドラインを追加すると言った工夫がされています。普段使っている
Google Chrome を複数プロファイルで運用するランチャを作るスクリプト for Mac - ヤルキデナイズドだった
Google Chrome はコマンドラインオプションでプロファイルを切り替えられるんですって。知ってました？ Mac だとこういう感じ： /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --user-data-dir="$HOME/Library/Application Support/Google/Chrome/$PROFILE_NAME" これの $PROFILE_NAME を適当な文字列に置き換え、シェルスクリプトとして保存してダブルクリックすればお好みのプロファイルで Google Chrome を起動できます。 しかし Mac ユーザたるもの、味も素気もない書類アイコンのファイルでアプリケーションを起動するのは我慢ならない！ ので、ちゃんとしたアイコンつきのランチャを作るスクリプトを書きました： #!
Chrome DevTools for beginners
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like databaseyoshikawa_t
Chrome Developer Toolsを使いこなそう！
4/2のGoogle Developers Live Japan #3の資料です。Read less
起動オプション - Google Chrome まとめWiki
起動オプションの設定方法 Windows版の場合 Google Chromeのショートカットを新規作成 作成したショートカットを右クリック、プロパティを選択 ”リンク先”へ起動オプションを追加 例 XP "C:\Documents and Settings\＜ユーザー名＞\LocalSettings\ApplicationData\Google\Chrome\Application\chrome.exe" --disable-javascript --disable-java --disable-plugins Vista "C:\Users\＜ユーザー名＞\AppData\Local\Google\Chrome\Application\chrome.exe" --disable-javascript --disable-java --disable-plugins 半角スペースを空けてオ
米Google社員が語った、作業が捗るGoogle Chromeテクニック20個！ – 和洋風KAI
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1．テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V（Macだとcommand + shift + V）」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2．最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T（Macだとcommand+shift+T）」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
