ID管理サービスや認証サービスなどを提供しているOktaが、個人向けのパスワードマネージャ「Okta Personal」を公開しました。 Okta PersonalはWebブラウザのプラグインなどと組み合わせて利用することで、Webサイトごとのパスワードの自動生成、パスワードの保存、ログイン時のIDとパスワードの自動入力などを行ってくれます。 現在ではソーシャルメディアから業務アプリケーションまで、多数のWebサイトにログインして利用することが一般的になっています。 このとき、推測されにくい十分な長さを持つ複雑なパスワードをWebサイトごとに重複しないように使い分けようとすると、現実的には記憶に頼るだけでは難しく、メモを取っておくなどパスワードを確実に記録しておく手段が必要となります。 一般にパスワードマネージャは、こうした推測されにくいパスワードの自動生成と安全な保存、そしてログイン画面
一休.com サイトパフォーマンス改善 - 2023年 夏の振り返り - 一休.com Developers Blog
ヤフー株式会社より出向しております、卯田と申します。 主務で、一休.comおよびYahoo!トラベルのフロントエンド開発を担当しています。 兼務で、ヤフー株式会社の全社横断組織でWebパフォーマンス改善の推進を行っております。 本稿では、直近半年弱(2023年2月〜8月)で、断続的に行っていた一休.comのパフォーマンス改善について振り返ります。 開始が2023年2月となった理由は、Nuxt3バージョンアップ以降にパフォーマンス改善活動に着手したためです。 一休.com/Yahoo!トラベルのNuxt3バージョンアップ詳細については、以下のブログをご覧ください。 user-first.ikyu.co.jp サイトパフォーマンス改善の意義 改善の方針 方針1: Core Web Vitalsを改善する 方針2: 重要課題から優先的に対応する 改善の進め方 可視化 ブラウザサイド サーバーサイ
はじめに こんにちは。ソーシャル経済メディア「NewsPicks」の QA/SET チームの海老澤です。 先日 弊社で E2E テスト実行するために Playwright を導入したため紹介させてください。 E2Eテストとは E2Eテスト（エンドツーエンドテスト）とは、ソフトウェア開発におけるテスト手法の一つで、アプリケーションが実際の運用環境と同様の条件下で正しく動作することを確認するためのテストです。 システムの開始点から終了点までを通じて、ユーザーの視点でアプリケーションのフローを追い、機能全体が連携して期待通りに動くかを検証します。具体的には、ユーザーが行うであろう一連の操作をシミュレートして、データがシステムを通じて適切に流れるかや、最終的なアウトプットが正しいかどうかを確認します。E2Eテストにより、部分的な単体テストや統合テストでは見逃されがちな問題を発見することができます。
最近はGoogleではなくKagi Searchをメインの検索エンジンとして使っています。 Kagi Searchは$108/year($10/month)の有料の検索エンジンです。 広告モデルではない検索エンジンなので、有料のサブスクリプションモデルとなっています。 Plan Types | Kagi’s Docs いくつかプランがあり、検索し放題のProfessionalプランが$10/monthです Ultimate Plan ($25/month)だと外部のOpenAIのGPT 4とかClaude 3との連携とかも入ってきます 月に1-2万回ぐらいは検索することを考えると、 (108 / (10000 * 12)) * 150 で大体1検索が0.1円ぐらいのイメージですが、こちらもKagiのLLM機能は利用できるので、実質もう少しコスパは良いと思います。 検索ソースにはGoogle
こんにちは。今回はセキュリティ関連の調査で非常に便利なサイトである、皆様お馴染みのVirusTotalについて書いてみようと思います。もちろん、タイトルにある通り、「怪談」ですので、一般的な使い方のお話についてはしませんよー。 (2021/2/2 関西大学さんの注意喚起が参考になりますので、それを追記） VirusTotalの裏コマンド「VTENTERPRISE」 やや煽り気味のタイトルですが、VirusTotalには大きく二つの「サービス」があることはご存じでしょうか？一般の方が使うのはいわゆるVirustotalといわれるこちらです。こちらは無料で使えます。 他方、セキュリティ企業やセキュリティを重視する企業がお金（年額120万円以上/Person)を払う事で使えるのが、Virustotal Enterpriseというものです。 VirusTotal Enterpriseは無償のVir
![[怪談]VirusTotal沼のお話（対策含）｜__aloha__](https://cdn-ak-scissors.b.st-hatena.com/image/square/c442611a8468ca2b2ba8de498fb2c81ef38bca53/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F43478921%2Fpicture_pc_98ce7446417c6a1b618d3d5f3c51d4da.png)
Microsoftの無料Web動画エディター「Clipchamp」を試す | Webアプリ | Mac OTAKARA
※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 Microsoftの無料Web動画エディター「Clipchamp」を試してみました。（無料登録で試す） Clipchampは、2021年9月にMicrosoftが買収したオーストラリアの企業で、2022年9月20日で提供が開始された「Windows 11 2022 Update」から、標準搭載アプリとなっています。 Web版を利用するには、Google Chrome for MacまたはMicrosoft Edge for Macが必要で、SafariやFirefoxでは利用できません。 他にiPhoneアプリ版「Clipchamp」も提供されています。 Clipchampは無料のFree版と有料のEssentials版（1,374円/月）があり、Essen
AIの歴史と現在の問題 - デマこい！
ジョン・ヘンリーの教訓 19世紀の都市伝説に「ジョン・ヘンリー」という人物がいます[１]。 彼は屈強な肉体労働者で、ハンマーを振るって岩に穴を開ける達人でした。ところが蒸気機関で動くドリルの登場により、彼は失業の危機に瀕します。そこで彼は、人間は機械よりも優れていることを示すために、穴開け競争で蒸気ドリルに戦いを挑んだというのです。 伝説によれば、ジョン・ヘンリーは（驚くべきことに）僅差で勝利を収めたとされています。しかし、あまりにも肉体を酷使したために、勝利の直後にその場で倒れて帰らぬ人になりました。周囲の野次馬たちは言いました。「彼は人間らしく死んだ」と。 この逸話から得られる教訓は何でしょうか？ 「機械と競い合うのは命にかかわる」とか「バカバカしい」とかではないと私は思います。それはあまりにも表層的な解釈です。生成ＡＩが躍進する現在、ジョン・ヘンリーは遠い過去の伝説ではありません。現
主に2つの答えがあります。 A. WCAGの考えではユーザーが適切な支援技術を利用することも含めてアクセシビリティであり、支援技術の入手やアクセシビリティ機能の利用に必要なITリテラシーを持たない人はアクセシビリティの対象ではない。（WCAG偏重派） B. うるせえ！！ なるべく多様な人に情報を届ける、それがおもてなしの心ってヤツだろうが！！（アクセシビリティはみんなの心にあるよ派） 筆者には、Aのようにアクセシビリティの範疇からITリテラシーを外すのはやや極端な考え方であるように思えます。しかし、アクセシビリティに詳しい方でもAのような考え方をしているのを見かけます。 この記事では、WCAGやその関連文書を読みながら、この問いについて考察していきます。 今回WCAGとして参照するのはWeb Content Accessibility Guidelines (WCAG) 2.1です。この記
「パスワードを人質に有料プランの契約を迫るべく意図的なバグを仕込んだ」としてパスワード管理アプリ「LastPass」が非難される
パスワード管理機能や生成機能を備えた「LastPass」において「無料プランではエクスポート機能へのアクセスが制限されている」「パスワードのエクスポートが不可能となるバグが存在する」といった問題が報告され、「LastPassは有料プランを契約させるためにユーザーのパスワードを人質にしている」と非難されています。 LastPass is holding people's data hostage and it is an absolute disgrace that needs to stop : software https://www.reddit.com/r/software/comments/s053t3/lastpass_is_holding_peoples_data_hostage_and_it/ LastPassは無料プランでも強力なパスワード管理機能や生成機能を利用できるアプ
この記事では、以下のようなチームを想定して、お金と手間をできるだけかけずにそこそこセキュリティを向上させることをまとめようと考えています。そんなんじゃだめだ！とか、こういう場合は漏れませんか？というコメント大歓迎です。 想定するチーム 営業やCS、マーケの人など全職種含めると30人前後あるいはそれ以下で、Webサービス（アプリ含む）開発を行っている 副業人材も多く、半数のメンバーは会社支給でないマシンを使っている それらのマシンは他社の業務でも使用されている Macが多めだがWindowsもいる 基本的に業務データはクラウド上にあり、PCローカルにあるのは開発途中のデータ、Biz/バックオフィス系のドキュメント、重たいデザイン系データ程度。自社データセンターや、オフィスネットワークでしかアクセスできないサーバはない。 メインの業務ツールはGoogle WorkspaceとSlackとGit
※ネタ記事です はじめに 検証する脆弱性 Tips. GPT-3 とは？ WAFの実装 環境・必要なもの ソースコード 検証 正常リクエスト XSS GETパラメータ POSTデータ POSTデータ & ヘッダ無し SQL インジェクション GETパラメータ GETパラメータ & ヘッダ無し XXE POSTパラメータ① POSTパラメータ② POSTパラメータ & ヘッダ無し パストラバーサル GETパラメータ GETパラメータ & ヘッダ無し OS コマンドインジェクション GETパラメータ & ヘッダー無し GETパラメータ Log4Shell POSTパラメータ POSTパラメータ & ヘッダ無し POSTパラメータ & ヘッダ無し WordPress のユーザ列挙 ShellShock まとめ はじめに 最先端(?)であるGPT-3を使って 次世代WAF を作っていきます。 以下
NextDNSというサービスは子持ち家庭のインターネットを安心安全にする - kuenishi's blog
tl:dr; 子供にも安全にインターネットさせたいが、なるべく親がコントロールしたい いままで /etc/hosts を工夫して狭い範囲でブラックリスト管理していたが運用が辛かった NextDNS.io というサービスがやりたいことを全部実現していたので課金した 我が家には小学生と幼稚園の男児がいて、どちらもラップトップを持ってネットサーフィンをする。分からないことは自分で調べさせたりScratchでプログラミングさせたりして遊ばせれば、これが結構な時間潰しになる。わたしの古いMacBook Airを使わせたりしていたが、予算に余裕が出たタイミングで上の子にはMacBook Proを買い与えた。いちどそのMacにMinecraftをインストールしてやったらすぐに廃人になったので、さすがにそれはアンインストールして禁止した。おおよそ自由にネットサーフィンはさせているのだが、インターネット上で
Googleが開発するChrome OSは、作業のほとんどをオンラインサービスで実行可能なOSで、Chrome OSを搭載したChromebookは安価ながらサクサク動作するマシンとして教育機関や発展途上国などで大きな人気を獲得しています。そんなChrome OSを古いPCやMacBookにインストール可能にした「ChromeOS Flex」が2022年7月に正式リリースされたので、実際に古くなったPCにインストールする手順をまとめてみました。 インストールを準備する - Chrome OS Flex ヘルプ https://support.google.com/chromeosflex/answer/11552529 ◆目次 ・1：ChromeOS FlexのUSBインストーラーを作成する手順 ・2：ChromeOS FlexをPCにインストールする手順 ・3：ChromeOS Flex
Googleのビデオ会議ツール「Google Meet」が無料開放され、2020年9月30日までは、誰でも制限なく使えるようになりました。 Googleはこのサービスをすでにロールアウトしているので、Gmailのメールアドレスを持っている人なら誰でも、無料でビデオ会議を開催できます。 ほかのビデオ会議アプリと比べると、Google Meetの機能はやや見劣りしますが、ブラウザの拡張機能を活用することで、必要度の高い機能を追加できます。もちろん、この拡張機能も無料です。 Google Meetの新機能これらの拡張機能をご紹介する前に、Google Meetの現状について手短かに説明しておきましょう。 Googleは今でも、Meetに新たな機能を追加する取り組みを継続しています。 今後追加が予定されている機能には、参加者16人の顔が同時に見られるタイル表示（ほかのサービスでは「グリッド表示」と
面倒で難しい「私はロボットではありません」をワンクリックで突破できるCAPTCHA自動回答ツール「Buster」レビュー
ウェブサイトにログインしたり問い合わせフォームを送信したりすると、「私はロボットではありません」といった文言のボット排除システム「CAPTCHA」に遭遇しがちです。CAPTCHAでは「バスを含む画像をクリック」などの問題が出題されますが、「バスの画像を正しく選択しているはずなのに人間と認めてもらえない！」という事態が頻繁に発生します。無料のブラウザ拡張機能「Buster」を使えば、ワンクリックでCAPTCHAを突破できるとのことなので、実際に使ってみました。 GitHub - dessant/buster: Captcha solver extension for humans, available for Chrome, Edge and Firefox https://github.com/dessant/buster BusterはChromeやFirefox、Edge、Operaな
プロジェクトの進行においてスケジュール管理というのはとても重要になります。スケジュールをしっかりと把握しておかなければ効率よく業務を進めることもできなくなってしまいます。このスケジュール管理をするために使うと便利なのが「ガントチャート」です。 ガントチャートとは ガントチャートは横軸に日付、縦軸にタスクを並べ、各タスクごとに予定を記入したり進捗を記入することで、プロジェクト全体のスケジュール管理ができる表のことを指します。１つのプロジェクトを進める上で多くの作業（タスク）がありますので、ひと目でスケジュールの進捗を把握し、各タスクのスケジュール調整を適宜行うことができるのが利点です。 エクセルなどでも作ることは可能ですが、一からガントチャートを作るのはなかなか骨が折れる作業になります。そこでおすすめなのがガントチャート専用のツールやサービスです。 以下に、国内外のガントチャート管理ツールを
公用語が英語の組織で、日本語話者エンジニアがオススメする英語学習お役立ちツール【2022年初版】 - Money Forward Developers Blog
エンジニアブログでは初めまして、CTO室グローバル部のnishimura.yukariです。 前部署のCIO室から会社の社内異動公募制度（チャレンジシステム）を経て現在の部門で働いています。 （異動に至る経緯や想いは色々あるのですが、ちょっと長すぎるので別の機会にまたnoteにでも・・・） 先日、当社CTOから発表した通り、マネーフォワードのエンジニアリング組織では今後3年以内の公用語英語化を進めています。 マネーフォワードCTOが考えていること（2021年9月） グローバル部はその先駆者として、東京勤務ながらチームの公用語を英語に切り替え、様々な国出身のエンジニアが集って開発を進めている部門です。 そんな部署に異動志望を出した私自身といえば、実は【マネフォにジョインするまで、流暢に英語を話す人を周囲でほとんど見たことがなかった】ほど、英語とは無縁の学習環境からの出発でした。 エンジニアら
Microsoft Power Automate DesktopでRPAを実現してみる 🌴 officeの杜 🥥
自分自身の個人的意見としては、エンドユーザコンピューティングは大いに結構だと思ってるけれど、一方で日本でジリジリと熱さが消えつつある国内の有象無象のRPAについては滅んだほうが良いとも思ってる。理由は後述するとして、本日良いニュースが発表されました。Power Automate Desktopについて追加費用無し無償で利用可能になるとのこと。これは既にあるMicrosoft365のEnterpriseプランなどに標準で利用できてるPower Automateのデスクトップ版のようで、Windows10に標準でついてくるようになるとのこと。 ということで、現時点のMicrosoft365で使えてるPower Automate Desktopを使ってみて、どんな感じなのか？またリリース後にその違いなどをここに記述していこうかなと思っています。また、Seleniumベースのウェブ自動化についても
無料＆簡単にウェブサイトの文章をメモ帳感覚でどんどん保存可能、HTML変換もできて便利なChrome拡張機能「Quotebacks」を使ってみた
ウェブサイトのテキストをブログやホームページに埋め込める形式で簡単にコピーできる「Quotebacks」は無料で使えるGoogle Chromeの拡張機能です。HTMLやマークダウン形式に対応した引用形式でもテキストをコピーできるというQuotebacksの使い心地を実際に使って確かめてみました。 Quotebacks - quote the web - Chrome ウェブストア https://chrome.google.com/webstore/detail/quotebacks-quote-the-web/makakhdegdcmmbbhepafcghpdkbemach Google Chromeに「Quotebacks」を追加するには、上記のURLにアクセスし「Chromeに追加」をクリック。 「拡張機能を追加」をクリック。 アドレスバーの右側に「→」のマークが追加されていれば、
Teamsのビデオ会議は最大250人が参加可能。現在は、マイクやビデオをオンにしているアクティブなユーザーの映像を最大4人分表示する仕様だ。Microsoftは表示する映像を最大9人分に増やした後も、「さらなる上限アップに向けて努力する」としている。 Teamsは、新型コロナウイルスの感染拡大に伴うビデオ会議需要の高まりによって、世界各国で利用時間が急増中。全ユーザーがTeams上で会議した1日当たりの時間は、3月31日の時点で27億分（4500万時間）に上り、3月16日（9億分／1500万時間）から半月で3倍に拡大したという。 需要の高まりを受け、Microsoftは4月9日にTeamsのビデオ通話画面にバーチャル背景を設定可能にするなど、ユーザーの要望に沿った機能強化を進めている。 関連記事 「Microsoft Teams」でもバーチャル背景の設定が可能に 新型コロナ対策の在宅勤務で
長く眠らせているパソコンを快適なAndroid端末にするのはいかがだろうか。 Google Play対応はもちろん、Windows OSを削除することなくUSB起動やデュアルブートに対応、さらに独自機能としてマルチウィンドウでアプリを実行できるため、まるでWindowsのようにAndroidアプリを並べて実行できるのだ。 それを実現するのが「Android-x86」。 そう、あのプロジェクトも生き残っていた。 「Android-x86」とは。 2016年6月の記事「パソコンにAndroidをインストール！『Android-x86 6.0-rc1』リリース」を書いて以来となるが、「Android-x86」プロジェクトは活動を続けていた。 まず「Android-x86」の特徴を見てみよう。 プロジェクトのポリシー：PCでAndroidを実行する 活動内容：AOSPをx86プラットフォームへ移植
はじめに 普段自分がよく使用しているMacのツールをまとめました。 今回はあくまでも「デスクトップアプリ」が用意されているものに対してのまとめになるため、Webサービスだけのものは含めていません。 また、特定の開発領域に必要になるツール類もここでは紹介していません。あくまで汎用的なものに限定しています。 注目！Mustで入れておきたい Raycast ざっくり ランチャーアプリ。 Alfredなどが対抗としてありますが、Raycastは無料です。 クリップボード履歴・アプリ起動・クイックリンク・簡単な計算・簡易的なスニペット・画面分割などなどがすぐに操作できる。キーボードでMacを操作する範囲を広げるためにはマストでほしいです。 後述で書くKarabinerのHyper Keyという概念と組み合わせることによってショートカットキーが衝突問題から解放されます。 こんな悩みが解決します アプリ
海外サイト Speckyboy.com で公開された Our 50 Favorite CSS Libraries, Frameworks and Tools from 2019 より許可をもらい、翻訳転載し、さらにオススメCSSツール15個を追加しています。 2020年がスタートし、ここ数年で急速な進歩を続けているCSSは、さまざまなオープンソースのツールがリリースされています。 CSSライブラリやフレームワーク、オンラインツールを利用することで、サイト制作の時間を節約、短縮できるだけでなく、新しいテクニックやプロパティなどに関しては、学習用ガイドラインも多数公開されています。 今回は、2020年に注目したい最新CSSツール、リソースガイド65個をまとめてご紹介します。これからCSSを本格的に学ぶひとも、普段からバリバリでCSSを使いこなしているひとも、一度は確認しておきたい内容となってい
この度、わたくしsuinが、サバイバルTypeScriptプロジェクトにおいて、コントリビューター様の貢献の横取りともとられかねない失態を犯し、大変なご迷惑をおかけしたことを深くお詫び申し上げます。このお詫びは、私の失態に対して、誠意を持って向き合い、改善に努めるとともに、本件に関わる全ての方々にお詫びを申し上げるものです。 背景 サバイバルTypeScriptは、TypeScriptの入門書であり、ウェブサイトとして公開されており、無料で閲覧できます。このサイトは、月間7万人以上のユニークユーザーが訪れ、多くの方々にご利用いただく書籍となっています。 さらに、サバイバルTypeScriptはオープンソースプロジェクトであり、2019年にわたくしsuinの発案で発足し、現在は3年目になります。プロジェクトはGitHub上で管理され、これまで50名を超えるコントリビューターにご参加いただきま
この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。 通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフローに取り入れ、自分だけの爆速制作スタイルを確立してみませんか。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. デザインコレクション 3. モックアップツール 4. デザインからコードへの変換ツール 5. Web制作お役立ちツール 6. プロトタイプツール 7. アイコン素材パック 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Illustrations 商用利用もでき
notionバックエンドのzeit製ヘッドレスCMS“Notion Blog”が激アツ🔥 - Qiita
2020/01/14 昨日突如 zeitからNotionをバックエンドにしたヘッドレスCMSが発表されました！！ Excited to share our long-awaited Next.js + Notion statically-generated blog example with the same tech as https://t.co/HVcLCVUO5w! - Edit via Notion - Blazing fast - JAMstack based - Always available - Fully customizable - Incremental SSG - MIT Licensedhttps://t.co/fD2vWxq2Y6 — JJ Kasper (@_ijjk) January 13, 2020 この内容が激アツなので、アツいポイントや使い方を紹介し
特によく使われる上二つのサービスでは”Webアプリケーションのテスト環境"を提供しており、インターネットに公開されたWebアプリケーション、開発中のローカルのWebアプリケーションのテスト環境が揃っています。 テスト環境 = テスト用アプリケーションがデプロイされ、ホストされている環境 テスト実行環境 = 上記テスト環境にアクセスし、テストを実施するためのデバイス・ブラウザ・OSを含む環境 BrowserStackはクラウド上で後者の「テスト実行環境」を提供しています。 BrowserStack Live （手動テスト) BrowserStackにホストされている様々なデバイスを利用し、マニュアルテストすることが可能です。画像ではiPhone13のデバイスを立ち上げ、Webのダッシュボード上で操作を行っている様子です。シミュレータではなく、実機デバイスをブラウザ上から操作できます。 Bro
無料で文章やコードを校正できる「textlint」にブラウザ拡張機能「textlint editor」が登場したので使ってみた
論文やマニュアルを書く場合の表記揺れや誤字脱字、読みにくいため好ましくないとされる表現などを検知して、文章全体の質を上げるための校正ツール「textlint」が、2021年5月27日にバージョン12へのアップデートをリリースしました。合わせて、textlintを任意のウェブサイトで動かせるFirefoxとChromeのブラウザ拡張をベータリリースしたことも告知されています。 textlint v12.0.0 · textlint https://textlint.github.io/blog/2021/05/24/textlint-12.html textlint 12リリース、ブラウザで動くtextlint editorをベータリリース | Web Scratch https://efcl.info/2021/05/27/textlint-12-editor/ textlintとは、az
広告完全シャットアウトでiPhoneのブラウジングがめちゃくちゃ快適＆通信量も大幅に節約可能な最強ブロッカー「280blocker」の威力を試してみた
スマートフォンでブラウジング中に、デカデカと表示される気色悪い美容系の広告やスクロールしても画面に居座るしつこい広告にうんざりした経験がある人は多いはず。インターネット上の広告は興味のあるコンテンツやサービスと出会う機会になることもありますが、多すぎるとスマートフォンの通信量やバッテリーの消費につながるほか、子どもには見せたくないアダルト広告も中には存在します。 App Storeの有料アプリランキングで3年連続1位を獲得した最強の広告ブロッカーこと「280blocker」は、iPhoneやiPadにインストールするだけでブラウザの広告を根こそぎ非表示にできる上に、日本のサイトに特化しているので普段アクセスするサイトの広告をいち早くフィルターに自動追加してくれるコンテンツブロッカーアプリです。一体どれほどインターネットサーフィンが快適になるのか気になったので、実際に使ってみました。 280
どうも。 普段フロントエンド周りの開発をやっている者です🐶 今回は普段自分がやっている情報収集と学習で使ってるサイトや手法を紹介します。 過去にも何度かこの類の話をしているのですが、2020年版という感じです。 誰かの参考になればいいなと思います。 情報収集 まずは情報収集についてです。 自分の場合は、毎日見るものと週に1度見るものがあります。 daily.dev 普段はこのdaily.devのブラウザ拡張機能を入れて、Chromeのトップ画面で情報を見ています。 新しいタブを開くたびに表示されるので、いつも目に入るのがいいところです。 2021/05/26 追記 Chrome拡張だけではなく、Web アプリケーションもリリースされました🎉 PWAにも対応しているので、デスクトップやモバイルでインストールも可能です！ daily.devは簡単に説明するとさまざまなサイトのRSSリーダー
マネーフォワードCTOが考えていること（2020年3月） - Money Forward Developers Blog
こんにちは、マネーフォワード CTOの中出(なかで)です。 CTOの私が普段なにを感じて、どんなことを考えているかを、改めて言語化して、社内に共有するという取り組みをしています。 そうしたところ「当社のエンジニア組織に興味を持っている方にも読んでいただくのがいいのでは？」という社内の意見もあり、今回公開することにしました。 もちろん、日々考えていることは変化しているので、今後は四半期に一度ぐらいの頻度で、変更があれば更新していきます。 ※公開用として、社内向けの内容を一部編集しております。 これからのマネーフォワードのエンジニア組織について まず、マネーフォワードのエンジニア組織として「どこを目指すのか」という話をしたいと思います。 もちろんビジネスには「やれる・やれない」という議論も必要ですが、まずは私たちが「どこを目指すのか」という意志が必要です。 そして、「どこを目指すのか」を決めた
WindowsやMac、スマホといった異なる環境でも、常に同じ見た目で資料を表示できるPDFファイルは、ビジネスの現場でもよく使れます。しかし、必要なページだけを取り出したいとき、手軽なアプリがなくて困っていませんか？ 実はChromeで何とかなるのです。 専用アプリがなくてもPDFは分割できる 最近ではPDFファイルを使う機会がとても増えました。ExcelやPowerPointで作成したファイルを、ほかの人と共有する目的でPDFに変換している人も多いと思います。 PDFには、異なるパソコンやスマートフォンでも同じ見た目で表示できること、ファイルサイズが小さいこと、改ざんがしにくいことなど、いくつものメリットがあります。しかし、改ざんがしにくいゆえに、必要なページだけを抽出することもできず、困ったことはありませんか？ 例えば、数十ページあるPDFファイルを参考資料として相手に送りたいとき、
【保存版】『はてブ3000以上』英語勉強法まとめ９選 - 英語で世界を広げたい！～英語学習＆見聞録～
[記事編集履歴：2021年3月1日最終更新] はてなブックマークを使っている人の中には、 「なんか定期的に英語勉強法がホッテントリ入りしてるな」 と思いつつ、「あとで読む」タグをつけたまま放置してしまう方も多いのではないでしょうか（私もそうなりがち…）。 でも、せっかくネットの集合知があるのに、活かさないのはもったいない！ ということで、過去ブックマークされたすべての記事の中から*1ブックマーク数が3000以上の記事をピックアップし、全部読んだ上で、ランキング順に並べてサマリーをつけてみました*2。（ブクマ数は、2021年1月31日時点） さすがに多数のブックマークを集める人気記事だけあって、いずれも英語学習に役立つものばかりです。さっと一読して、気になる記事がありましたらぜひ直接リンク先を読んでいただければと思います。 目次 １．急がばまわれ式・堅実で一番効率的な英語の勉強法（8954ブ
コロナ禍をきっかけにテレワーク（リモートワーク）が広まりましたが、週に何日かは出社する機会がある中では、職場から自宅、自宅から職場のPCを遠隔操作できると何かと安心です。ここでは「クロームリモートデスクトップ」のインストールと設定方法を解説します。 「手元にファイルがない！」をすぐに解決 長引くコロナ禍により、業務の中心がテレワーク（リモートワーク）となった人もいれば、出社する生活に戻ったという人もいるでしょう。また、その中間として「週に何日かは出社し、それ以外はテレワークをする」という人も多いのではないでしょうか。 さらに、ひとくちにテレワークといっても、その場所が自宅に限らず、カフェやホテル、コワーキングスペース、リモートオフィスなどへと広がっています。働く場所の選択肢が増えたことは、多くのビジネスパーソンにとって喜ばしいことだと思います。 しかし、そのような状況で起こりがちなのが、「
年末からいじり始めたNotionというサービス。 www.notion.so 「The all-in-one workspace」というだけあって、あまりにできることが多すぎて、どう活用したらよいものか……と迷ってしまう。 ただ、数日、色々と触ってみて「これくらいから使ってみると教員としては便利そう」という使い方を一つ考えついたので、Notionの独特な操作の説明とあわせて紹介しようと思う。 なお、今回は『教員が使って便利そう』ということだけに集中して解説する。本当であればもっと細かく設定できることがある（例えば見た目一つを取り上げてもあまりに工夫できることが多い）のだが、話が錯綜とするので「シンプルに使える機能だけをまずは紹介」という方針で紹介しようと思う。 授業の予定とふり返りが一元管理できたら嬉しいよね？ Notionのメリット Notionのデメリット アカウント取得などの参考とな
「こんなことできちゃうの?!」「もっと早く知りたかった。」 この記事では、ホームページ制作を快適にする最新オンラインツール48個をまとめてご紹介。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな便利な新ツールを揃えています。 時間の短縮はもちろん、面倒だったあの作業も自動化できてしまうことも。 大型連休中におすすめのワクワクするようなツールを集めました。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール（14個） 2. デザインツール（13個） 3. 配色ツール（5個） 4. プロトタイプ・アイコンツール（6個） 5. クリエイティブ・面白ツール（10個） Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Webデザイン便利ツール Loaders
私が29個ものブラウザ拡張機能を使っている深いわけ
私が29個ものブラウザ拡張機能を使っている深いわけ2021.05.07 22:3020,701 Shoshana Wodinsky - Gizmodo US ［原文］ （ おおぬま ） 使っている拡張機能で性格が分かる？ 突然ですが、隣の人のブラウザを見てみてください。もしエバーノートとトレロのファビコンだけが映っていれば、その人はタイプA（競争心が激しく外交的）の完璧主義者、もしくは過度に精神が落ち着いている人物です。 知り合いに倹約家はいますか？きっと、その人のブラウザはクーポンやプロモーションコード、キャッシュバック情報を知らせる拡張機能であふれているはず。 とここで、私自身が使用している拡張機能の紹介もしたいので、その前に先日のツイッターの話を。 実は先日、80個のタブが開いたスクリーンショットを面白半分でした際、うっかり拡張機能も表示してしまったんです。すると、タブの多さよりも、
クイックサマリー ‐ 私たちは一連の短い記事で開発者とデザイナーにとって有用なツールやテクニックを紹介しており、直近の記事ではCSS監査ツールとCSSジェネレータを取り上げました。この記事ではタブやテーブルからトグルやツールチップまで、信頼性の高いアクセシブルなコンポーネントを見ていきます。 目次 以下にすべてのアクセシブルなコンポーネントをアルファベット順に記載しました。目次をスキップするか、スクロールして1つずつお読みください。 :focus styles autocomplete buttons carousels "close" buttons content sliders checkboxes color systems color palettes comics component libraries cookie consent prompts dark mode data
自分好みのアバターと声でビデオ通話できる「Vme!」が正式リリース。DiscordとGoogle Meetに対応、「ずんだもん」にもなれる
HIGHBALL PTE. LTD. は9月11日（月）、自分の好きなアバターと声でビデオ通話できる「Vme!」を正式リリースした。 本ツールは、基本無料で自分の好きなアバターと声でビデオ通話に参加できるGoogle Chromeの拡張機能で、対応ツールはDiscordとGoogle Meetとなっている。HIGHBALL PTE. LTD.によるWeb3×VTuberプロジェクト「Vhigh!」のひとつで、同プロジェクトではファンとクリエイターが一体となってVTuberを制作する「分散型」への変革を掲げている。 また、カメラの映像だけではなく声も変えられることが大きな特徴。公開されているサンプル映像では男性の声が「ずんだもん」のキュートな声に変化している様子が確認できる。なお、リアルタイムのボイスチェンジャーで遅延が気になる場合は、声のピッチのみを変更する機能を使用することで遅延を軽減し
PWA(Progressive Web Apps)対応サイトの作り方・実装方法まとめ・入門 － AWS上で学習したPWA導入例とLighthouse Report Viewerの使い方 - NRIネットコムBlog
小西秀和です。 現在、AWSの静的ウェブサイトホスティングで入門するAWS Amplify(Console、CLI) － 概要編などAWSのサーバーレスな静的ウェブサイトホスティングをテーマにしたブログ記事を執筆しています。 今回もAWSは関係しますが、フロントエンドに近い話題で、最近動向が本格的になってきたと感じているPWA(Progressive Web Apps)について私が自主的に学習した内容を記事にしてみました。 私の場合はAmazon S3、Amazon CloudFront、AWS Certificate Manager、Amazon Route53を使用した静的ウェブサイトに最小限のコンテンツをデプロイしてPWAの実装について学習しました。 また、Lighthouse Report ViewerというPWAなどの品質テストができるツールを使用して、PWAの基準に合格し、Pe
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Oktaが無料のパスワードマネージャ「Okta Personal」を公開
Playwrightを使ったE2Eテストを導入した話 - Uzabase for Engineers
Kagi Searchをメインの検索エンジンとして使っている
[怪談]VirusTotal沼のお話（対策含）｜__aloha__
ユーザーのITリテラシーに配慮するのはアクセシビリティなのか - Qiita
(随時更新)メンバー30人以下くらいの副業もいるチームの社内セキュリティについて - Qiita
GPT-3 API を使って AI WAF を作る - まったり技術ブログ
古いPCをサクサク動作に復活させるGoogle製OS「ChromeOS Flex」のインストール手順まとめ
「Google Meet」で使える拡張機能5選 | ライフハッカー・ジャパン
【2020年版】プロジェクト進行管理に便利なガントチャートツール20選
「Microsoft Teams」、ビデオ通話画面に最大9人分の映像を表示 4月末から
古いPCをAndroidで復活「Android-x86」とは、Google Playやマルチウィンドウ対応
知らないともったいない！Macの汎用ツールアプリまとめ＋α - Qiita
超便利！確認しておきたい最新CSSツール、リソースガイド厳選65個 2020年度
【お詫び】サバイバルTypeScriptにおける、コントリビューションの横取りについて
ウェブ制作をスピードアップ！便利すぎる最新オンラインツール、無料素材51個まとめ
BrowserStack：テスト自動化有料ツールの決定版
普段やってる情報収集や学習について(フロントエンド寄り)
【知ってた？】PDFの分割はChromeでもできる！ 必要なページだけを抽出する方法
【2021年版】Chromeリモートデスクトップの使い方。職場や自宅のパソコンを遠隔操作できる
Notionで授業の予定とふり返りを管理する【超入門編】 - ならずものになろう
こんなことできるの?!ホームページ制作が楽しくなる最新オンラインツール48個まとめ
アクセシブルなフロントエンドコンポーネントの完全ガイド - 前編 | POSTD