iPhone/Androidスマホやキャッシュレス決済、SNS、アプリに関する情報サイト オトナライフ
![YouTube動画をChrome(クローム)で禁断の拡張機能を利用してダウンロードする方法!](https://cdn-ak-scissors.b.st-hatena.com/image/square/cdcdc144cb60fe8c00528d8e34add30487fa161f/height=288;version=1;width=512/https%3A%2F%2Fotona-life.com%2Fwp%2Fwp-content%2Fuploads%2F2019%2F12%2Fpho000-28-1024x538.jpg)
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Angular Advent Calendar 2019 12/13の記事です。誠に勝手ながらQiitaではなく個人ブログに執筆させていただきます。 誠に勝手ながら自己紹介しておくと、22歳の大学院生やりつつ、LCNEMのCEO,CTOです。Angularが大好きでフロントに多用しつつ、Firebaseでサクッと開発したり、Golangでブロックチェーン「そのもの」を開発したり、案件をいただいたりもしています。ブロックチェーンに限らず、開発の依頼や、採用についてお気軽にご連絡ください。 私個人の是非Twitterもぜひご覧ください。 今回のテーマは、AngularでChrome拡張の開発を完結させる、です。 「Orbit」という、SLIP44の規格をもとに、ブロックチェーンに利用する秘密鍵をチョー簡単に管理するChrome拡張を開発中です(というか完成)。(もともとCosmos用になにか作
2023/07/03 要約ツールに「ChatGPTを利用する場合」を追加し、サンプルの生成結果を記載しました。 以前は英語の記事の読み書きが苦手だったのを、このようにして克服した、という話を書きます。 成果を数値で測ってないですが、RSSフィードに登録している英語メディアの数が大幅に増えました。以前は全体の5%程度に対し、今は50%以上が英語メディアになっています。英語に対する心理的ハードルは大きく下がりました。 また、読む力を付けたことで自作のOSSのREADMEもほぼ自力で書けるようになりました。 https://github.com/goodwithtech/dockle/blob/master/README.md では始めます。 全体像 僕の場合、1000文字以上の英文記事を読む場合、STEP1に含まれる内容は必ず行います。 STEP2に含まれるものは、辞書なしで読めないときだけ行
Chromeのloading属性は、指定しなくてもデフォルトで"lazy"の挙動となりうる ~loading属性の落とし穴から学ぶ、機能拡張と初期値・デフォルト挙動の話~CSSJavaScriptChrome 【事前知識】loading属性について Chromeのimg・iframe要素には、loading属性というものがある。 こいつをHTMLでloading="lazy"のように指定すると、遅延読み込みする(画像等がスクロール等で画面内に入ってきた時に初めて読み込み始める)。 こうすることで、時間がかかる無駄な読み込みが抑えられ、ページ表示速度が速くなったり、通信量を減らせたりする。 値には次の3種類があり、"lazy"が遅延読み込みオン、"eager"は遅延読み込みオフ(遅延せず愚直にすぐ読み込み)、"auto"はlazyかeagerかをChromeがネットワーク速度などを考えて自動
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン76.0.3809.87がリリースされました。Chrome 76のベータ版で確認されていた通り、デフォルトで全てのFlashをブロックするようになったほか、PWA関連機能が強化されています。 New in Chrome 76 | Web | Google Developers https://developers.google.com/web/updates/2019/07/nic76 New in Chrome 76: Better install experiences for PWAs, dark mode, and more! - YouTube ◆Flashがデフォルトでブロックされるように Chrome 75までは、ウェブページがFlashを利用しようとした際に下記のような確認ダイアログが出現してい
たいていWebページの長さに比べるとディスプレイの高さが足りないため、そこに表示されるWebブラウザではページ全体を見るのにスクロールを繰り返す必要があります。しかしOS標準のキャプチャー機能では、撮る瞬間に表示されている領域しかキャプチャーできず、スクロールするまで隠れている(表示されていない)領域は撮れません。 かといって、手動でスクロールしながらキャプチャーを繰り返し、後で全スクリーンショットをつなぎ合わせる、なんて作業は非常に面倒です。 そこで本稿ではWindows OS版およびmacOS版Google Chrome(以下、Chromeと略)を対象として、Webページ全体をキャプチャーする方法を紹介します。拡張機能は使わず、Chrome標準装備の「デベロッパーツール」のみ用います(デベロッパーツールは開発者に限らず、利用者でも使用できます)。またPC向けとスマホ(スマートフォン)向
環境の確認 angular-cliを使用していること chromeがインストールされていること launch.jsonの作成 launch.jsonを作成します。手動で作成しても良いのですが、VS Codeの機能を使って作成する方法を記載します。 メニューから[デバック]-[構成を開く(C)] 環境の選択で[Chrome]を選択 作業ディレクトリに「.vscode」フォルダと、その中にlaunch.jsonファイルが作成されます。launch.jsonを下記の内容に書換えます。 { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:4200",
これから先、フロントエンド開発者に一番大きな影響を与えるのは、Chromiumを採用したEdgeがリリースされることだと思います。 IEへの対応が、、、Edgeへの対応が、、、と思っていた人には、かなりの朗報です。 Chromiumを採用したEdgeがリリースされると、CSSやJavaScriptのどんな機能が使用できるようになり、ワークフロー、ブラウザテスト、そして他のブラウザへの影響など、フロントエンド開発者にとって何を意味するのかを紹介します。 Edge Goes Chromium: What Does it Mean for Front-End Developers? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Chromiumを採用したEdgeがリリースされます 使うのが楽しみな機能 将来はさらにもっと有望 ブラウ
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン74.0.3729.108がリリースされました。Google Chrome 74ではJavaScriptのプライベートクラスフィールドが実装されたほか、ユーザーがアニメーションを消す設定にしている時の挙動を決められるCSSメディアクエリーなどが実装されています。 New in Chrome 74 | Web | Google Developers https://developers.google.com/web/updates/2019/04/nic74 New in Chrome 74: Private Class Fields, Prefers Reduced Motion, CSS Transition Events, & more! - YouTube ・プライベートクラスフィールド かつてのJavaScri
Google ChromeのEngineering ManagerであるAddy Osmani氏による、Chrome 75でリリース予定のloading属性についての解説を紹介します。 loading属性とはブラウザがネイティブで遅延ロードをサポートするもので、img要素やiframe要素を簡単に遅延ロードさせることができます。以前は、lazyload属性として開発されていましたが、loading属性という名前に変わる、とのことです。 Native image lazy-loading for the web! by Addy Osmani 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Chrome 75でリリース予定のloading属性 ブラウザがネイティブで遅延ロードをサポート loading属性とは loading属性の
Google アナリティクス オプトアウト アドオンは、Google アナリティクス JavaScript(analytics.js、gtag.js)によるデータの使用をウェブサイトのユーザーが無効にできるように開発された機能です。 この機能を利用するには、このアドオンをダウンロードして、ご利用のウェブブラウザにインストールしてください。Google アナリティクス オプトアウト アドオンは、Chrome、Safari、Firefox、Microsoft Edge でご利用いただけるように設計されています。このオプトアウト アドオンを適切に機能させるには、ブラウザに正しく読み込んで実行してください。このオプトアウト アドオンの詳細と、ブラウザに適切にインストールする方法については、こちらをご覧ください。 お使いのブラウザでは Google アナリティクス オプトアウト アドオンがサポートさ
[レベル: 上級] Trusted Web Activity (トラステッド ウェブ アクティビティ) を実装すると、Progressive Web App (PWA) のサイトを Google Play にアプリとして登録することができます。 Trusted Web Activity とは Trusted Web Activity(以下、TWA)を簡単に説明します。 TWA は、アプリの中にウェブページをコンテンツとして表示できる機能です。 2017 年の Chrome Dev Summit で発表されました。 試験的な公開でしたが、Android 版 Chrome 72 のリリースとともに正式に利用可能になりました。 アプリの中にウェブページを表示させると聞くと、開発に詳しい方は Chrome Custom Tab や WebView を思い出すかもしれません。 どちらもアプリのコンテ
ホームページの様子を紹介したり、アプリの操作手順を伝えるような短めのムービーを作りたいと思ったときに、「ムービーをキャプチャするソフトで撮影して、編集ソフトで編集してからエンコードして……」という手順を踏むのは大変です。無料のChrome拡張機能「Aperture」を使えば、キャプチャするアプリやウィンドウを指定するだけで、録画から編集、保存までをブラウザ内で一気に行うことが可能です。 Aperture - Simple Screen Video Recorder - Chrome ウェブストア https://chrome.google.com/webstore/detail/aperture-simple-screen-vi/jlbnmcnmjhcgdnbkdlgmibahbffjlnpa ブラウザ「Google Chrome」を使って上記URLにアクセスして「Chromeに追加」をク
画像の中から特定の物体だけを切り抜く作業を手動で行うのはかなりおっくうなものです。Google Chromeの拡張機能「物体認識切り抜きで透過画像作成」を使えば、画像ファイルやウェブページの画像から対象の物体だけを自動で切り出して、透過型PNGファイルを出力できます。 物体認識切り抜きで透過画像作成 - Chrome ウェブストア https://chrome.google.com/webstore/detail/auto-background-remover-b/kpkaocloobmfnkbfjenchjopkcochdgj ブラウザ「Google Chrome」を使って上記「物体認識切り抜きで透過画像作成」のページを開き、「今すぐ試す」をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。 100MBを超えるファイルのダウンロードが始まり、インストール作業が行われ
Google砲(Google Chromeアプリのおすすめ記事)を何度も狙う方法を書きました。 Google砲を狙いたいけど具体的な手順が分からない…Google砲の全容ってどうなってるか知りたい…何度もGoogle砲受け続けたい…Google砲を起点にサイトや自分を有名にしていきたい…そんな人に向けて書いた記事です。 まずGoogle砲を受けるための手順だけ見たい人はこちらをご覧ください。 また簡単に動画で解説してます。 「Google砲」Google Chromeアプリおすすめ記事に掲載される方法Googleアプリ砲の狙い方 1⃣特化サイト作成 2⃣ある程度の記事数(数十本~) 3⃣新記事はSNS等でアクセスを短時間で集中させる 4⃣被リンクも短時間で増加すると尚良し つまり1⃣深く狭い枠で3⃣トレンドになる…と言うのが重要。 自分は"検索エンジン最適化"枠で、他のSEOサイトと枠を取
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Google Chrome Labsは、迅速にロードできるウェブページを作成するための画像の圧縮やフォーマット変換を実行する、「Squoosh」というウェブアプリを公開した。 このツールの目的は、画像を手軽に圧縮し、耐えられるレベルにまで画質を落とすことで、軽量かつ迅速にロードされるウェブページの作成を支援するというものだ。 しかしこのツールによって、Googleが開発した可逆/非可逆圧縮フォーマットである「WebP」の普及も支援されるはずだ。WebP形式をサポートしているブラウザは最近までほぼ「Google Chrome」のみだった。 Squooshはデスクトップ機器あるいはモバイル機器のどのようなブラウザ上でも動作するPWA(Pro
Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、改善施策ってまず何をどうすればいいの?という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元: テクニックではなく、今、本気で取り組むべきWebパフォーマンス (html5jパフォーマンス部 部長 竹洞さん) 心得 パフォーマンス向上に対する施策は大別すると以下の2通り 軽量化 (単純にやりとりするデータ容量を小さくすること) 圧縮 削除 最適化 (その時に最も適している実装・実行をとること) 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。 ▪️1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く