講義や会議など長時間にわたるムービーをChatGPTの力で時間ごとに要約してくれるツール「summarize.tech」使ってみたレビュー
講義や会議の様子がまるごとYouTubeにアップロードしてあっても、ムービーが数時間にも及ぶような場合内容を確認するのはかなり気が引けるものです。「summarize.tech」はChatGPTを利用して5分単位で内容をまとめてくれるツールとのことなので、実際に使って試してみました。 summarize.tech: AI-powered video summaries https://www.summarize.tech/ 最初に要約してもらうのは下記のムービーです。 This is Financial Advice - YouTube 再生数・評価ともに高く、おそらく何かいい内容なのだとは思うのですが、いかんせんムービーの長さが2時間半以上もあり見始める前から心が折られそうです。というわけでsummarize.techの出番というわけ。まずはURLをコピーします。 summarize.t
「Windows 10のサポートが切れてもChromeOS Flexを入れればPCを使い続けられる」とGoogleが猛アピール
Windows 10のサポートが2025年10月で終了すると大量のジャンクが発生するという懸念がある中、Googleが「ChromeOS Flexをインストールすることで廃棄せずに使い続けることができます」とアピールしています。 11 Ways You Win with ChromeOS Flex | Google Cloud Blog https://cloud.google.com/blog/products/chrome-enterprise/11-ways-you-win-with-chromeos-flex/ Windows 10は2025年10月14日でのサポート終了が決定しています。Windows 11への移行があまり進んでおらず、まだまだWindows 10が圧倒的なシェアを誇っているため、サポート切れに伴い大量の廃棄品が発生すると懸念されています。 Windows 10サ
画像生成AIのStable Diffusionをインストール不要でブラウザから動作可能な「Web Stable Diffusion」が登場
画像生成AIのStable Diffusionを動かすには十分な性能のGPUとVRAMが求められるため、ハイスペックなPCやワークステーションを使うか、あるいはGPUサーバーにアクセスして演算リソースを借りる必要があります。エンジニア向けに機械学習の講義を配信しているMachine Learning Compilationが、サーバーのサポートを必要とせずにブラウザ内でStable Diffusionを実行できる「Web Stable Diffusion」を公開しています。 WebSD | Home https://mlc.ai/web-stable-diffusion/ Web Stable Diffusionはデモ版が公開されていますが、記事作成時点ではM1あるいはM2搭載のMacでのみ動作が確認されています。今回はM1搭載iMac(8コアCPU・8コアGPU・256GBストレージ・R
3rd-party cookieもIDFAもないアドテックに向けた動きまとめ 各機能紹介編｜AD EBiS マーテック研究会
Privacy Sandbox等のクッキーレスアドテックに関する前回の記事から１年が経とうとしています。１年間様々なベンダーから提案が公開され、議論も進化のペースが激しく、しばらくまとめを断念していました。今年に入ってからもGoogle (ChromeとAds）やAppleからクッキーレス、IDレスアドテックについて発表が相次ぎましたが、主要提案の開発とリリーススケジュールが明らかになり、発散から収束フェーズに入ったと思われるので、一度状況まとめておきます。 振り返り Privacy SandboxはGoogle Chromeの開発チームが提案する、3rd-party cookieとフィンガープリンティングの代替技術（サイトを跨いだ計測とターゲティング機能、アドフラウド防止機能）およびサイトを跨いだユーザ単位のトラッキング防止機能の総称です。3rd-party cookieの段階的な廃止自
はじめに 今回はwebpackやBabelについて学習したことを理解を深めるために文章としてアウトプットしていこうと思う。 そもそもなぜwebpackやBabelに関して学習しようと思ったかは、これまでTypeScript、React等を用いて様々なアプリケーションを開発してきたが、webpackやbabelに関する知識が曖昧なまま開発ばかりを行なっていた。なんとなく"とりあえず変換してくれているもの"程度の知識しかなかったので、しっかり理解していこうと思う。 そんな中でwebpackやbabelの必要性を学習していくうちにJavaScriptの歴史を理解した方がわかりやすいと思ったため、JavaScriptの歴史についても触れていこうと思う。 JavaScriptの歴史 JavaScriptの誕生 JavaScriptの1995年にNetscapeの技術者であるブレンダン・アイクが開発し
Gmailで不要メールを一括削除する
Gmailアプリで不要なメールを削除するのは大変 スマートフォンのGmailアプリでは、メールを削除するのに1つずつ選択しなければならず、数が多いとかなり面倒だ。不要なメールを一括で削除する方法はないの？ いつの間にかGmailの受信トレイにメールがたまってしまっていた、という人も多いのではないだろうか。特に、主にスマートフォンのGmailアプリは、メールを1つずつ選択して削除しなければならず、意外と手間がかかる。そのため、ついつい放置してしまいがちだ。 そこで、Gmailの受信トレイにたまったメールを一括で削除する方法を紹介しよう。なお、迷惑なメールをGmailで効率的にブロックして不要なメールを削減する方法は、Tech TIPS「【Gmail】自動分類できない迷惑なメールに効率的かつ効果的に対処する方法」を参照してほしい。 PC用Webブラウザ版のGmailで一括削除する スマートフォ
トラベルブックのフロントエンドチームでは2020年の9月から、ページのパフォーマンス改善に取り組んでいます。 今回は今までどのようにやってきたのかを紹介したいと思います。 Core Web Vitals 2020年5月、Core Web Vitals がSEOに影響されるというのがGoogleから発表され、集客的にもユーザー体験をページパフォーマンスが重要になりました。 弊社はメディアサービスを運用しており、SEOはビジネス的に重要な指標としています。 そのため、Core Web Vitals をパフォーマンス改善の指標としました。 Core Web Vitalsはより良いユーザー体験を提供するための指標となっていて、読み込み時間、インタラクティブ性、視覚的な安定性 に焦点をあてた下記3つの指標をベースに計測します。 Largest Contentful Paint (最大視覚コンテンツの
非アクティブ状態のタブを一時停止してくれる拡張機能「The Great Suspender」が、新たな所有者のもとで不審な更新が行われたということが指摘されており、ソフトウェア開発者のデビッド・フォスター氏が対策を示しています。 I no longer trust The Great Suspender | DaFoster https://dafoster.net/articles/2021/01/20/i-no-longer-trust-the-great-suspender/ I no longer trust The Great Suspender | Hacker News https://news.ycombinator.com/item?id=25846504 [Open Source Development] The Great Suspender Saga, or, “I
たいていWebページの長さに比べるとディスプレイの高さが足りないため、そこに表示されるWebブラウザではページ全体を見るのにスクロールを繰り返す必要があります。しかしOS標準のキャプチャー機能では、撮る瞬間に表示されている領域しかキャプチャーできず、スクロールするまで隠れている（表示されていない）領域は撮れません。 かといって、手動でスクロールしながらキャプチャーを繰り返し、後で全スクリーンショットをつなぎ合わせる、なんて作業は非常に面倒です。 そこで本稿ではWindows OS版およびmacOS版Google Chrome（以下、Chromeと略）を対象として、Webページ全体をキャプチャーする方法を紹介します。拡張機能は使わず、Chrome標準装備の「デベロッパーツール」のみ用います（デベロッパーツールは開発者に限らず、利用者でも使用できます）。またPC向けとスマホ（スマートフォン）向
Mozilla公式の無料捨てメアド生成サービス「Firefox Relay」がGoogle Chromeに対応＆転送可能容量が10MBに増加
ウェブサービスへの新規登録やオンラインショッピングの際にメールアドレスを入力すると、メールアドレスの流出や悪用などの被害を受ける可能性があります。この問題に対応するべく公開されたFirefoxの開発元・Mozillaのメール転送用の捨てメールアドレス生成サービス「Firefox Relay」が、2022年3月10日(木)に「転送可能容量の増加」「Google Chrome向け拡張機能の提供」「メールマガジンのフィルタリング機能」などの新機能に対応しました。 Latest Firefox Relay includes bigger attachment size and filters for promotional emails https://blog.mozilla.org/en/mozilla/latest-firefox-relay-includes-bigger-attachme
ウェブサイトを作成する際、文字やリンク、画像といったコンテンツの配置を決めるには、閲覧者がどのような「視点移動」を行っているかという情報があると便利です。無料のオープンソースソフトウェア「WebGazer.js」を使うと、スクリプトひとつで自身のウェブサイトに視点移動の追跡機能を実装することができます。 WebGazer.js: Democratizing Webcam Eye Tracking on the Browser https://webgazer.cs.brown.edu/# WebGazer.jsを使用している様子は、以下のムービーを見るとよくわかります。 WebGazer.js: Scalable Webcam EyeTracking Using User Interactions - YouTube まずはWgetコマンドを利用して「webgazer.js」ファイルをダウ
かくれてしまえばいいのです
かくれてしまえばいいのです利用規約 この利用規約（以下「本規約」といいます。）は、特定非営利活動法人自殺対策支援セン ターライフリンク（以下「当法人」といいます。）が提供するオンライン広場事業「かくれて しまえばいいのです」（以下「本事業」といいます。）の利用条件を定めるものです。利用 者の皆さま（以下「利用者」といいます。）は、本規約に従って、本事業をご利用いただき ます。 第1条（適用） 1.本規約は、利用者と当法人が提供する本事業の利用に関わる一切の関係に適用され るものとします。本事業において、利用者が「このかくれがにはいる」をクリックして 本事業の利用を開始した場合は、本規約に同意したものとみなします。 2.当法人は本事業に関し、本規約のほか、ご利用にあたってのルール等、各種の定め （以下「個別規定」といいます。）をすることがあります。これら個別規定はその名称の いかんに関わらず
先日『Ananta: Azure を支えるステートフル L4 ロードバランサー - Qiita』という記事を書いたのですが、そのときに偶々見つけた Microsoft Academic と呼ばれる文献検索サービスが相当優秀だったので紹介します。 ■ Home | Microsoft Academic https://academic.microsoft.com/home TL;DR Microsoft Academic は、高度な文献検索機能を有する Google Scholar のような Web サービス Microsoft Research が研究開発した、自然言語処理によるコンテンツのトピック抽出技術、意味論的検索エンジン、文献重要度の算出手法などを活用 検索の他にも、文献やトピックをフォローして関連情報を収集できる機能も Microsoft Academic とは？ Microso
AWS Black Belt Online Seminar 一覧リストを作成しました (2024.3.8現在) | DevelopersIO
AWS Black Belt Online Seminar の全リストを一つページにまとめてみました。 AWSの学習に活用してください。 AWS認定トレーニング講師の平野@おんせん県おおいたです。 AWSの学習に最もオススメのコンテンツがAWS Black Belt Online Seminar（以下、Black Belt と略します）です。10年以上前から AWS Japan のみなさんより提供されてきて、AWSを学ぶエンジニアにとってバイブルのような存在です。私を含め、クラスメソッドの多くのエンジニアも、Black Belt にお世話になってきました。 以前は Black Belt のコンテンツ数もそこまで多くなく、1つのページに全リストが表示できていました。しかし、現在は複数ページで絞り込みながら目的のコンテンツを探すスタイルに変更されています。 目的を持って探す場合は便利なのですが
youtu.be 第二次OGのSwitch移植とか無いですかね。そうですか。まあムーン・デュエラーズとか言い出した時点で無理ですよね。 さて、今回は快適なTwitterライフを過ごすのに便利な 「天上天下あのアカウントのフォロワー全員ブロック砲」 略して 「全ブロ砲」 の使い方についての記事をお送りします。 用意するもの ・Google Chrome chrome.google.com 上記のアドオンを使います。 そもそも私が何故全ブロ砲を使うに至ったか、そして何故これをオススメするかをお話しましょう。 Twitterで政治的発言をするアカウントや迷惑サイトをフォローし拡散するアカウント、デマを振りまくアカウント、転載bot、その他もろもろが私は大嫌いで目に入れるのもうんざりしています。 そこで思い至ったのは「こんな事をしているアカウントをフォローしている輩を全員ブロックすれば、特定の”界
数年前からGoogleは「Progressive Web Apps」（PWA）という技術を提唱してその普及を推進している。PWAはネイティブアプリケーションのように動作するWebアプリケーションであり、オフラインでも動作し、プッシュ通知などの機能も利用できる。本記事ではこのPWAの中核となる技術の解説と、PWAに対応したWebアプリケーションを作成するための流れを紹介する。 「Progressive Web Apps」（PWA）とは 一昔前は「ネットサービス」といえばPCのWebブラウザからアクセスして利用するものがほとんどだった。しかし、スマートフォンが普及した昨今では多くのサービスがスマートフォン向けの対応を行っている。今ではPCからのアクセスよりもスマートフォンからのアクセスのほうが多いサービスは珍しくなく、スマートフォン向けの専用アプリを用意しているサービスも多い。 とはいえ、ネイ
チャットAIが組み込まれた「新しいBing」に先行利用を申し込んで、3日ほどで使えるようになった。 新しい Bing - 詳細情報 さて、なにを聞いてみようかな。そうだ邪馬台国の場所を聞いてみよう。 いい感じの回答が出てきた。先行しているチャットAIの「ChatGPT」だとどうだろうか。 New chat ChatGPTに邪馬台国の場所を聞くとこんな調子である。 「ChatGPTはもっともらしい嘘をつく」の典型である。しかし人間も知らないことをあえて聞くのは意地悪だった。ChatGPTは聞かれたことに「知らない」と返すと鼻が伸びる奇病にかかっているため（嘘）、作り話をしてでもなにか答えを返そうとする。 新しいBingにまじめなことを聞いてみた。 いいですね。特にウクライナ侵攻や、6日に発生したトルコ・シリアの大地震という最新の情報が盛り込まれているのがよい。ChatGPTは2021年までの
試した方がいいGoogle Chrome experiments はじめに Chromeデベロッパーツールは、ウェブ開発者間で最も使われているツールの1つです。しかし、ほとんどの開発者が知らない素晴らしい機能があります。 この記事では、すべての開発者が試すべきChromeデベロッパーツールの実験的機能トップ5について説明します。 1. CSS Overview - すべてのスタイルの詳細情報を表示する CSS Overviewは、ウェブページで使われているすべてのスタイルの概要を表示します。 この機能は、色、フォント、メディアクエリ、未使用の宣言に関する詳細情報を含んでいます。UIにCSSの修正を加える時に便利で、カラーピッカーなどのサードパーティツールを使う必要がなくなります。 ChromeデベロッパーツールのCSS Overviewタブ この機能を有効にするには Google Chro
TestCafe で E2E テストを始めよう #1 - 概要説明 と Hello World | Recruit Tech Blog
TestCafe とは？ TestCafe とは、Developer Express Inc. というアメリカのシステム開発会社が開発している E2E テストツールです。 A node.js tool to automate end-to-end web testing | TestCafe 同社はもともと TestCafe Studio という IDE（E2E テストケースオーサリングツール）を商用として提供していましたが、2016 年に TestCafe Studio のコア部分を OSS として提供するようになりました。今回ご紹介するのは、このコア部分についてです。 シリーズ一覧 概要説明 と Hello World 👈 この記事 ベーシック認証とユーザーロール（アカウント認証） よりプログラマブルな作りにする 関心の分離・メンテナブルなテストを書くためのベストプラクティス 大まか
N予備校でのプログラミングの教え方 - Qiita
この記事ではN予備校のプログラミング教育事例を紹介します。 目的 本記事はドワンゴのアドベントカレンダーの記事ということもあり、現場で活躍するエンジニアレイヤに向けて執筆しています。エンジニア視点で見ても結構本格的な教育をしているんだなと感じてもらえれば幸いです。 本記事の目的は以下の2点になります。 N予備校のプログラミング教育に対するスタンスや取り組みを知ってもらいたい。 N予備校の教育事例を別のプログラミング教育の場でも活用してもらいたい。 執筆者 ドワンゴの教育事業部でプログラミング講師をしている小枝と申します。 経歴としては情報通信インフラ業界で2年、SIerで開発とコンサルを5年、ドワンゴではWeb開発を4年、エンジニア人事採用を2年を経て、現職のプログラミング講師は3年目になります。 N予備校のプログラミング教育が目指すもの N予備校プログラミングコースで一番力を入れているプ
Appleの反トラッキング機能が広告の世界を揺さぶっている
by Jakob Owens ユーザーのウェブ上の行動を追跡して、その情報をもとに広告のターゲットを狙い撃ちにするターゲティング広告は広告として成功率が高い一方で、ユーザーのプライバシーを侵害するものだという指摘も存在します。Appleはターゲティング広告を制限する方針を取っているのですが、これがいかに広告業界に大きな影響を及ぼしているかを、The Informationが独自の調べで明らかにしています。 Apple’s Ad-Targeting Crackdown Shakes Up Ad Market — The Information https://www.theinformation.com/articles/apples-ad-targeting-crackdown-shakes-up-ad-market AppleはIntelligent Tracking Preventio
メルカリアプリのWebView向けWebアプリケーションの開発を支えるモック技術 | メルカリエンジニアリング
こんにちは、メルカリでフロントエンドエンジニアをしている @karszawa です。 本日はメルカリアドベントカレンダー2019の21日目の記事として「メルカリアプリのWebView向けWebアプリケーションの開発を支えるモック技術」というニッチ（？）な題目の話をさせていただきます。 メルカリアプリでは「取引画面」を代表として、意外と多くの場所で WebView が使われています。 WebView 向けの Web アプリケーション開発は動作環境が特殊で外部依存の多いという点で普通の Web アプリケーション開発よりややこしいです。たとえば、普通の Web アプリケーションはあるアプリが独自に定義した API（ネイティブ API）を呼ぶことはありません。この記事ではそういった難しさを持ったアプリケーションを開発する上で重要な モックの話 をします。 本番環境と開発環境のアプリケーションが参照
※前編がこちらにあります 目次 icon links inputs keyboard navigation navigation menu modals prefers-reduced-* “skip” links SVGs tabs tables toggle switches tools tooltips video/audio players アクセシブルなインプット 2019年、WebAIMは上位100万件のWebサイトのアクセシビリティを分析し、エラーがないページの推定割合は1%未満というショッキングな結論に到達しました。アシスティブテクノロジー（支援技術）に頼っている人にとってインクルーシブで使いやすいサイトを作成するには、セマンティックHTMLの基礎を正しく理解する必要があります。Oscar Braunertのインクルーシブなインプットに関する記事は、彼の「小さく始めて共有・
技術同人誌やブログを書く上で外せないのがスクリーンショットを取ることです。 同人誌を5冊書いていく経験の中で慣れてきたので、自分がスクリーンショットを撮る時に使っている方法を紹介します。 > Commandからスクリーンショットを撮るCommandからスクリーンショットを撮る Chrome DevToolsに慣れている方はご存知かもしれませんが、ChromeにはCommandという概念があります。 Cmd + Option + iでDevToolsを開きCmd + Shift + Pを押してください。 すると次のような入力フォームと項目が出現します。 フォームに文字を入力すると、Commandを絞りこむことができEnterで指定したアクションを実行することが出来ます。 ここにある、「Capture area screenshot」、「Capture full size screenshot
朗報です！！！ 今までJavaScriptや複雑なCSSを使用しないと実装できなかったアニメーションが、簡単なCSSだけで実装できるようなります！ たとえば現在のCSSではtransitionでdisplayは機能しませんが、CSSの新機能を使用すると、下記のようなCSSで表示・非表示のアニメーションを実装できるようになります。 このCSSの新機能により、UI要素にさまざまなアニメーションを簡単に実装できるようになります。 Google ChromeのデベロッパーUna氏（@Una）によると、transitionプロパティでdisplayが使用できるようになり、要素の表示・非表示、ポップオーバーなどのアニメーションが簡単なCSSで実装できるようになるとのことです。 👀 An early look at transitioning to and from display: none in
Google Chromeチームは10月3日(米国時間)、「Google Online Security Blog: No More Mixed Messages About HTTPS」において、ChromeではHTTPS/HTTP混在ページにおけるHTTPをデフォルトでブロックの対象としていくと伝えた。挙動の変更は年末から2020年第1四半期にわたってリリースされるChromeで順次行われる。 予定されている挙動変更のスケジュールは次のとおり。
2ヶ月でCore Web Vitals, Lighthouseスコアを大幅改善するために行ったこと - SMARTCAMP Engineer Blog
こんにちは!!！スマートキャンプでエンジニアをしている吉永です！ 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXIL SaaS（以下、BOXIL）の開発にフロントエンド、バックエンド問わず携わっています。 恐らく新年一発目になる弊社テックブログの記事は私の記事ということで、今年もよろしくお願いいたします。 はじめに なぜパフォーマンス改善を行ったのか Core Web Vitals(以下: CWV), Lighthouseとは？ CWVとは Lighthouseとは CWV & Lighthouseの改善結果 サービスページ(改善前) サービスページ(改善後) レビューページ(改善前) レビューページ(改善後) 改善をするにあたってチームで行ったこと コミュニケーション的なお話 タスクの洗い出し、調査方法 優先順位付け DatadogやSea
ＧＩＧＡスクール構想の実現 標準仕様書 令和２年３月３日 文部科学省 目次 はじめに ・・・・・・・ 1 １．学習者用コンピュータの標準仕様書 ・・・・・・・ 2 （１）学習者用コンピュータの標準仕様書について ・・・・・・・ 2 （２）学習者用コンピュータ等機器賃貸借標準仕様書例 ・・・・・・・ 3 （３） 「学習用ツール」について ・・・・・・・ 10 （４）LTE 通信でのネットワーク整備について ・・・・・・・ 15 ２．校内 LAN 整備の標準仕様書 ・・・・・・・ 17 （１）校内 LAN 整備の標準仕様書について ・・・・・・・ 17 （２）校内 LAN 整備調達仕様書の作成方法 ・・・・・・・ 17 ① 用語の説明 ・・・・・・・ 17 ② インターネットへの接続構成 ・・・・・・・ 19 ③ 校内 LAN 配線 ・・・・・・・ 19 ④ 必要機器の数量及びスペック算定方法
おすすめのGoogle Chrome拡張機能①pushbullet パソコンで見ているページを簡単にスマホで見られる機能 パソコンで見ているページをスマホで見たい時ってありませんか。 例えば、住所をパソコンで調べていて、移動する時になってスマホで情報がみたくなったとき。 新しく公開したページをスマホ画面で確認したいときなど。 そんなときにこの拡張機能を使えば、アイコンを押すだけで、登録しているスマホやタブレットにプッシュ通知を送ることができます。 ダウンロードはこちらから⬇️ https://chrome.google.com/webstore/detail/pushbullet/chlffgpmiacpedhhbkiomidkjlcfhogd おすすめのGoogle Chrome拡張機能②Awesome Screenshot: キャプチャーと注釈 簡単にスクショを保存・共有できる機能 ブ
Googleは2022年までにCookieを使った広告配信を終了させ、新たな仕組みをGoogle Chromeに導入する予定です。その仕組みとして検討中のアイデアの1つに「FLoC」と呼ばれるものがありますが、電子フロンティア財団(EFF)はFLoCについて「最悪のアイデア」「実行しないで欲しい」と述べています。 Google’s FLoC Is a Terrible Idea | Electronic Frontier Foundation https://www.eff.org/deeplinks/2021/03/googles-floc-terrible-idea 2018年にEUの新データ保護規則「GDPR」が施行されて以降、SafariやFirefoxがサードパーティーCookieをブロックし、Googleも2020年に「2年以内にChromeでサードパーティーCookieのサポ
input type=“date” の沼から、ライブラリを導入する意義を考える - Mirrativ Tech Blog
はじめまして！2023年7月からミラティブでフロントエンドインターンをしております、かずえもんと申します😺 今回は、インターンでの作業中にハマってしまった Safari のバグについて調査していたら、なんと10年モノの issue だったことが判明し、ライブラリを導入する意義について考える機会となった話を書いてみたいと思います。 Safari の日付入力欄に無効な日付を入れると起こるバグ onChange が正しく呼ばれないのは Safari が原因？ Safari 17 以降で再現しないので原因は Safari で間違いなさそう Safari 17 以前での解決方法として DatePicker を使ってみる まとめ: ネイティブを補う存在としてのライブラリ We're Hiring!! Safari の日付入力欄に無効な日付を入れると起こるバグ 2023年8月、私はミラティブの管理シス
はじめに よくQiitaでおすすめアプリとかの記事を見かけますが 逆に使わなくなったアプリの紹介記事ってなくね？ と思い今その勢いで本記事を書き進めています。需要があるかはしーらないっ。 本記事では、今年で4年目のエンジニアが作業効率を追い求める中で淘汰されていったアプリたちを紹介します。 ちなみに当方Macユーザです。 エディタ Visual Studio Code 3年目くらいまでは結構使ってました。 settings.jsonやkeybindings.jsonをdotfilesで管理してみたいなこともするくらいには使ってました。 が、何かのタイミングでvimに興味を持ち、vimを使いはじめてから徐々に使わなくなってゆきました。 vimに興味を持った最初の頃はVSCの拡張でvimがあったので、それを使ってました。 VSCでvimの操作を再現できる拡張です。 しかし vimと言えば学習コ
18年目ブロガー、「副業クエスト100」管理人 高校卒業後、定職につかず、30以上の副業を実践するもすべて失敗。 コンビニのアルバイトで生活費を稼ぎつつ、「副業」をテーマにブログを始める。 記事数が100を超えるも、最初の3年間は収益ゼロ。一念発起し、ブログ運用の勉強を始める。 裏ワザや近道を探すことをやめ、徹底的なSEO対策とブログの改善により、5年目にして月収10万円を達成する。 そこからは順調に収益を伸ばし続け、2010年には年収1000万円突破。そして2014年には累計収益1億円、2020年には累計収益5億円を突破する。 しかし、常に順風満帆だったわけではなく、Googleのアルゴリズムアップデートにより、何度も収益が激減しており、そのたびにブログの刷新（ブログデザインの変更、時代に合わなくなった記事の書き直し・削除etc）を行い、高収益を維持し続けている。 基本を超徹底する王道の
アコーディオン型ユーザーインターフェイス（UI）はウェブページでよくみられる表現です。巷ではさまざまな方法でアコーディオンUIを作る方法が紹介されていますが、みなさんはどのような方法で実装していますか？ 見た目だけでなくアクセシビリティ対策までしっかりとできているでしょうか？ <details>要素と<summary>要素は、アコーディオンUIを実装するのに最適です。過去にIE対策として<button>要素や<div>要素、<input>要素などでアコーディオンUIを作っていた方は、アクセシビリティ対策が簡単にできるので、<details>要素と<summary>要素の採用がオススメです。 この記事では、<details>要素と<summary>要素がアコーディオンUIに最適と言える理由と、HTMLのマークアップからCSSでのスタイリング、JavaScriptでのアニメーション制御まで順を
ここ1ヶ月ほど、週末に飲食店デリバリーのお手伝いをしています。主にメッセンジャーで受注し、Googleフォームで注文を受け付け、Googleスプレッドシートで管理し、Googleマップを活用して配達しています。 必要なのはGoogleアカウント（Gmailアドレス）のみ。全て無料で試すことができます。一連の流れはnoteで「簡単なITの知識でゼロからはじめる飲食店デリバリー」としてまとめました。 この中で特に「知らなかった！」という声が多かったのが、Googleスプレッドシートの住所をGoogleマップに落とし込む（連携する）方法です。 住所リストをGoogleマップで活用する この記事では特に「Googleスプレッドシートの住所をGoogleマップに連携する」部分にフォーカスし、その方法を紹介しようと思いますが、この方法が役立つのは飲食店のデリバリーだけではありません。 今回もサンプルと
2019年10月9日、『神姫PROJECT』などソーシャルゲームの企画・開発を手がける株式会社テクロスが主催するイベント「TECH x GAME COLLEGE」が開催されました。第27回となる今回のテーマは「HTML5で『重い』問題をクリアしてリッチなゲームを作る」。株式会社ノックノート執行役員の岡山知弘氏が、話題のHTML5ゲームを作るにあたって、いかにJavaScriptでリッチなゲームを作りながら重い問題を解決していくかを語りました。前半パートとなる今回は、負荷改善における前提とCPUの問題についてレクチャーしました。 HTML5で「重い」問題 岡山知弘氏：それでは、30分ほどお時間をみなさんにいただいて、HTML5で重たい問題は、みなさんがHTML5を触られている方であれば、まさに直面しているかなとは思うんですけど、そこで弊社でどういうふうにアプローチしたのかをお伝えさせていただ
小学館の図鑑NEOメーカー | 小学館
ごめんなさい。 お使いのブラウザではご利用いただけません。 推奨ブラウザはGoogle Chrome、Firefoxとなります。 ※おうちの人と、かならず読んでね。 小学館の図鑑NEOメーカーのご利用には利用規約への同意が必要です。 最後までお読みになり、利用規約に同意いただいた上でご利用ください。 未成年の方は保護者の同意を得て、ご利用ください。 図鑑NEO メーカー 利用規約 春休み、自分だけの図鑑を作ってみよう！自分で撮った動物や植物などの写真を使って、ワクワクする表紙をいっぱい作ってね。 作成した表紙は保存して自分だけの図鑑コレクションを楽しもう。 ＜おうちの方へ＞ ※事前に以下の参加規約を全てお読みいただき、ご同意いただいた上で図鑑NEOメーカーにご参加ください。 図鑑NEOメーカー実施期間 2020年3月13日（金）～4月12日（日）23:59 ※必ず以下の注意事項および禁止事
Googleが5000億円超の損害賠償の棄却に失敗、Chromeの「シークレットモード」でも個人情報を収集している問題を巡り
Googleが「プライバシーモードに設定されたウェブブラウザを介して、個人ユーザーのインターネットの使用情報を広範に追跡した」と訴えられていた一件について、Google側の訴訟棄却請求が却下されました。これにより、「Googleは50億ドル(約5450億円)という巨額の損害賠償に直面する」と指摘されています。 Google Must Face Suit Over Snooping on ‘Incognito’ Browsing - Bloomberg https://www.bloomberg.com/news/articles/2021-03-13/google-must-face-suit-over-snooping-on-incognito-browsing Judge rules Google has to face lawsuit that claims it tracks us
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
歴史から見るTypeScriptにおけるwebpackとBabelの必要性 - Qiita
Lighthouseの点数を50点以上改善したお話 – TravelBook Tech Blog
Chrome向け拡張機能「The Great Suspender」がマルウェア化しているという指摘
【拡張機能不要】Chromeでスクロール必須の長いページ全体を1回でキャプチャする
無料＆スクリプトひとつでウェブサイトに「視点の追跡機能」を実装できる「WebGazer.js」レビュー
Microsoft Academic のすゝめ - Qiita
君は「天上天下あのアカウントのフォロワー全員ブロック砲」略して「全ブロ砲」を知っているか - セラミックロケッツ！
ついにGoogle ChromeからFlashが完全削除。FTP機能も消滅
ネイティブアプリ風Webアプリ「PWA」を実現する3つの技術 | さくらのナレッジ
「Firefox」のキャッシュからTwitterデータが漏洩 ～MozillaはTwitterの非標準実装を批難／「Google Chrome」や「Safari」には影響なし
「新しいBing」の中華フォントを日本語フォントにする - ただいま村
すべての開発者が知るべきGoogle Chromeの隠れた機能5選 - Qiita
アクセシブルなフロントエンドコンポーネントの完全ガイド - 後編 | POSTD
Google Chromeスクショ術 - mottox2 blog
CSSのこの新機能、すごく楽しみ！ UI要素にさまざまなアニメーションを簡単に実装できるようになります
Google Chrome、HTTPS/HTTPの混在禁止 - 年末年始までに対応を
[PDF]GIGAスクール構想の実現標準仕様書 令和２年３月３日 文部科学省
Chrome拡張機能おすすめ15選！Web開発・プログラミングするなら必須 | コードラン
Googleが導入予定の「FLoC」は最悪なものだと電子フロンティア財団が指摘
【作業効率化】4年目エンジニアが「使わなくなった」アプリを供養する - Qiita
グーグルが公式発表している「すごい資料」、SEO対策のポイント11選
detailsとsummaryタグで作るアコーディオンUI - アニメーションのより良い実装方法 - ICS MEDIA
Googleスプレッドシートの住所データをGoogleマップに落とし込む方法 - ネタフル
"HTML5ゲーム重い問題"をいかに解決するか？ CPU負荷を改善する方法