[B! Web] negima1976のブックマーク

デジタル庁のサイトやばすぎるwww - Qiita

はじめにみなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ﹁やっばw﹂と思いました。これからこのサイトのやばさを語っていきたいと思います。洗練されたシンプルさ、そしてデザイン僕は最初見たときびっくりしました。﹁なんてシンプルで見やすいんだ！﹂官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。やばいですねこれ。そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ

negima1976 2023/06/12

リンク

Webセキュリティ腕試しサイトを無償公開 | News | 三井物産セキュアディレクション株式会社

三井物産セキュアディレクション株式会社︵本社‥東京都中央区、代表取締役社長‥鈴木大山、以下 MBSD︶は、Webセキュリティに関する腕試しサイト﹁MBSD Secu-cise (セキュサイズ)﹂を2023年4月24日より無償で一般公開しました。 Webアプリケーションを開発した経験のない初心者の方や、腕に自信がある方、セキュリティに興味のある方など、自身のWebセキュリティに関する技術力を確かめるために無償で利用することができます。腕試し結果はスコアで表示され、他の参加者のスコアと比較することができます。 ■MBSD Secu-ciseの概要 MBSD Secu-ciseはクラウド上に構築された環境となっており、インターネット経由で誰でも参加することが可能です。課題は全7問あり、課題の内容はWebアプリケーション診断の実案件で発生した事象を題材にしています。 ■開発者の想いこの度公開さ

negima1976 2023/04/25

リンク

「418 I'm a teapot」が永久欠番（？）に～25年前の発行されたジョークRFCの後始末／【やじうまの杜】

negima1976 2022/06/21

web
ネタ

リンク

WebAssembly製のx86仮想マシン「WebVM」が登場、Webブラウザ上でLinuxや各種コマンド、アプリがそのまま実行可能

WebAssembly製のx86仮想マシン﹁WebVM﹂が登場、Webブラウザ上でLinuxや各種コマンド、アプリがそのまま実行可能 Leaning Techno logiesは、Webブラウザ上でx86バイナリをそのまま実行できるWebAsesmbly製の仮想マシン﹁WebVM﹂を発表しました︵同社による紹介記事﹁WebVM: server-less x86 virtual machines in the browser﹂︶。 Google ChromeやMicrosoft Edge、Firefox、Safariなどのモダンブラウザであれば、上記のURLにアクセスすることで誰でもWebブラウザ上にx86仮想マシンを走らせることが出来ます。 WebVMではx86仮想マシンの上でLinuxOSのDebianがバイナリが変更なしにそのまま稼働し、さまざまなコマンドも実行可能。 Linuxアプリ

negima1976 2022/02/03

リンク

Webサービスの障害対応のときの思考過程 - ぱいぱいにっき

起こってほしくはないのですが、あらゆるWebサービスは完璧に動作する状態を維持することは難しく、やはり障害対応・トラブルシューティングといった作業が発生します。筆者は普段仕事で障害対応を不幸なことによくやるのですが、障害対応のスキルというのはスピードや判断の正確さが求められるせいか、今までやったことがある人・ノウハウがある人に集中し、それ以外の人は眺めるだけ・あとからログを見返すだけの状態によく陥ることがあります。これはWebサービスを開発・運用するチームとしてみたときにそういった苦労が特定の人に集中するのは良くないので、それを緩和する目的として、筆者が障害対応時に考えていることを記述してみます。なお、これが唯一の正解ではないとは思っているので、ツッコミや、自分はこう考えているよというのを教えていただければ幸いです。具体的な手法を避けて思考の方法を述べているのは、障害というのはパター

negima1976 2020/08/31

リンク

Webブラウザ上で純粋なHTTPだけで単方向リアルタイム通信を可能にするHTTPのストリーミングアップロードが遂にやってくる - nwtgck / Ryo Ota

Web標準のHTTPクライアントfetch()でストリーミングしながらアップロードできるようになる。

negima1976 2020/07/30

リンク

W3C、パスワードを不要にする「Web Authentication」（WebAuthn）を勧告として発表。Chrome、Firefox、Androidなど主要ブラウザですでに実装済み

W3C、パスワードを不要にする﹁Web Authentication﹂︵WebAuthn︶を勧告として発表。Chrome、Firefox、Androidなど主要ブラウザですでに実装済み W3Cは3月4日、FIDOアライアンスのFIDO2仕様の中心的な構成要素であるWeb認証技術の﹁Web Authentication﹂︵WebAuthn︶が勧告になったことを発表しました。 W3Cが策定する仕様はおもに、草稿︵Working Draft︶、勧告候補︵Candidate Recommendation︶、勧告案︵Proposed Recommendation︶を経て正式仕様となる﹁勧告﹂︵Recommendation︶に到達します。今回、WebAuthnが勧告となったのに合わせて、W3CとFIDOアライアンスはWebAuthnの仕様が正式版になったことも発表しました。 WebAuthnは2018

negima1976 2019/03/06

リンク

Webデバイストラッキング手法の紹介

サイバーエージェントの実践×実験Snowflake 導入の経緯から最新機能のトライアルまで / How Snowflake Is Used In CyberAgent - Go To the Future

negima1976 2019/01/22

リンク

Microsoft EdgeのChromium移行とか - fragmentary

週明けに出回った、Microsoft EdgeがChromiumベースになるという話について、Microsoftからアナウンスがあった。 Microsoft Edge: Making the web better through more open source collaboration - Windows Experience Blog For the past few years, Microsoft has meaningfully increased participation in the open source software (OSS) community, becoming one of the world’s largest supporters of OSS projects. Today we’re announcing that we intend to ado

negima1976 2018/12/07

リンク

「WebDriver」がW3Cの勧告に到達。Webブラウザのテスト自動化などを実現

Web技術の標準を策定するWorld Wide Web Consortium︵W3C︶のBrowser Testing and Toolsワーキンググループは、﹁WebDriver﹂が6月5日付けで勧告に到達したことを発表しました。 WebDriverは、Webブラウザを外部から操作することを可能にし、Webアプリケーションのテストなどの自動化を実現する技術です。主要なWebブラウザにはすでにこのWebDriverの機能が用意されています。Seleniumに代表されるWebブラウザ自動化ライブラリを利用することで、WebDriverを用いてWebアプリケーションのUIテストなどを自動化することが可能です。 SeleniumからW3CへもともとWebブラウザには外部から操作を行うAPIなどはなく、WebページやWebアプリケーションをWebブラウザで表示した際に画面が正常に表示されている

negima1976 2018/06/19

リンク

漫画ビレッジっていうWebサービスを作った - PhpStormと僕

漫画ビレッジっていうサービスを今週リリースした。 ITmediaの記事の記事でも紹介してもらったが、無料のマンガサービスに掲載されているマンガのリンクを集めたサービスという位置づけ。各所でご紹介頂いたこともあり、公開2日で80万PVくらいのアクセスがあって結構驚いている。賛否はあって然るべきだが、マンガアプリ運営している出版社の中の人から﹁ぜひうちのサービスも登録してください﹂という問い合わせもあったりするので、これは本当に意外で結構驚いたりはしている。現時点で3,700シリーズくらいデータを貯めているけれど、まだ独自スコア付けが終わっていないものもあるので全シリーズは公開していないが、コンテンツは徐々に拡充していくつもり。︵どうでもいいけど、個人的なこだわりでサービス名で使っているのは﹁漫画﹂だが、固有名詞及びサービス名以外の箇所では全てカタカナの﹁マンガ﹂で統一している。本エン

negima1976 2018/06/01

リンク

パスワードに依存しない認証「WebAuthn」をChrome/Firefox/Edgeが実装開始、W3Cが標準化。Webはパスワードに依存しないより安全で便利なものへ

Google、Mozilla、マイクロソフトが「WebAuthn」の実装を開始。これによって「FIDO2」の普及が期待され、Webブラウザから指紋認証や顔認証などで簡単にWebサイトへのログインや支払いの承認といった操作が実現されそうだ。多くのWebアプリケーションは、ユーザーの認証にユーザー名とパスワードの組み合わせを用いています。しかしユーザー名とパスワードの組合わせを用いる方法にはさまざまな問題が指摘されています。身近なところでは、安全なパスワードを生成することの手間や、安全性を高めるためにパスワードの使い回しを避けようとした結果発生する多数のパスワードを管理することの手間などがあげられます。そしてこうしたパスワードの不便さが結果としてパスワードの使い回しを引き起こし、いずれかのサイトで万が一パスワードが流出した場合にはそれを基にしたリスト型攻撃が有効になってしまう、などの状況

negima1976 2018/04/17

リンク

CDN Study (Akamai/Fastly) に行ってきたメモ #CDN_study - console.lealog();

CDN Study (Akamai/Fastly) - connpass 久しぶりにすごい人混みに身をおいたわ・・。どんな勉強会だったか CDNにもいろんな歴史があるあの頃のCDNといまのCDNでは、世界観も役割も変わってきてる気がするので、中の人に聞いてみよう！という主旨の会。 from Akamai 資料は見つけたら CDNの過去と現在 1995年の時点で、中央集権的なWebは破綻するといわれていた中央集権型ゆえにインターネットの混雑が問題になるだろう from Tim Berners-Lee インターネットは網の目ただ実際は地震でケーブルが切れて不安定になったり去年のGoogleの経路のアレとかも爆発的なトラフィックによる負荷スターウォーズの新作トレーラーとかインドのプレミアリーグとか CDNってそもそもインターネットの不安定さを避けるためにどうすればユー

negima1976 2018/04/14

リンク

Web アプリケーションを把握するためのコンソール - クックパッド開発者ブログ

技術部開発基盤グループの鈴木 (id:eagletmt) です。クックパッドではほとんどの Web アプリケーションが Amazon ECS 上で動く状態となり、またマイクロサービス化や新規サービスのリリースにより Web アプリケーションの数も増えていきました。個々のアプリケーションでは Docker イメージを Jenkins でビルドして Amazon ECR にプッシュし、Rundeck から hako を用いて ECS にデプロイし、またその Web アプリケーションからは Amazon RDS、Amazon ElastiCache 等のマネージドサービスを活用しています。このように多くの Web アプリケーションが存在し、また各アプリが別のアプリや AWS の様々なマネージドサービスを利用している状況では、どのアプリが何を使っているのかを把握することが困難になっていきます

negima1976 2018/04/03

リンク

YAPC::Okinawaで, ｢Webサービスを監視するときに僕達が考えたこと｣というトークをしました - Masteries

トークを聞きに来て下さった皆様, ありがとうございました! 以下スライドです: 少なくともYAPCでは初めての40分トークで, しかも思っていた以上に人が来ていて, 終始あたふたしまくりでしたね. 発表していた自分のLAも危険な領域に突入していました... papixのLAが上がっているというかこれはCPU温度が上がっているのでは？？ただ40分のスポットインスタンスだから使い捨てで監視は二の次みたいな感じ #yapcjapan #yapcjapanB— トーカナイザの守護霊 (@mackee_w) 2018年3月3日そういう感じで, 後半ちょっと走り気味ではありましたが, とはいえ話したいと思っていたことは全部話せたので良かったです. 結構学生の方が聞きに来てくれていて, そういった方がこれからエンジニアとして活躍していくときに役立つような発表ができたら良いし, その中で, 既にエンジ

negima1976 2018/03/06

リンク

🌏 Hello World! Progressive Web-Blog!! ― ウェブボウズ

🔥 2022年にサイトの作りを変えまして、もう現状はこの記事の限りではありません。もしこちらの記事の実装を参照されるのであればこちらのブランチを参照ください。これで何度目の挑戦でしょうか。記憶する限り、2年ぶり10度目くらいのブログでございます。会社のパイセンの@ymotongpooさんは12年もご自身のブログを継続されており、日々コンテンツとその作業に耐えうるだけの筋肉を増やし続けられているのを横目に、私はといえば過去に1年以上続いた書きものは日記も含めて一切なく、ブログはというと思い返してみれば2004年ごろのライブドアブログから始まり、辞めては乗り換え辞めては乗り換えを繰り返してきた挙句、最終的にはJekyllいじったあたりでさっぱり音信不通になったのが2年前。並びに、筋肉事情に関して申し上げると、最後にジムに行ったのも気づけば1年半が経っており、会員権が腐り始めている小太り

negima1976 2018/03/05

リンク

“Web Componentsだけ” で新サービスを実装して見えたこと - Qiita

Double O というサービスを作りました。フロントエンドはピュアな Web Components を採用していて、バックエンドは Lambda と DynamoDB のみで構成しました。 (厳密には CloudFront とか API Gateway とかもあるけどそこは省いていいよね？) REST API 以外の Util 系の Lambda 関数はすべて AWS Cloud9 で管理することで環境構築も不要な Lambda ができて楽でした。 TL;DR サーバーレスについてはごく普通のことしかしていないので、詳しくは触れないでおきます。ピュアな Web Components だけでサービスを成立させることができた。 HTMLElement クラスを継承するだけなのでメジャーライブラリは不要になった。 Web Components の Custom Elements は標準仕様

negima1976 2018/02/14

リンク

AppleもiOS/macOSをProgressive Web Apps（PWA）対応へ。次のSafari 11.1でService Workerなど実装

AppleもiOS/macOSをProgressive Web Apps︵PWA︶対応へ。次のSafari 11.1でService Workerなど実装 Appleが、iOSとmacOSの次バージョンにバンドルされるSafari 11.1で、Progressive Web Apps︵PWA︶の重要な構成要素であるService Workerをサポートすることが分かりました。次のiOSとmacOSのバージョンはiOS 11.3/macOS 10.13.4で、現在ベータ版としてAppleが開発中です。 PWAとは、HTML、CSS、JavaScriptなどのWeb技術によって開発されるWebアプリケーションの一種です。Webサーバから配信されて実行されるだけでなく、リソースをローカルに保存しオフラインでの実行にも対応。Service Workerによるバックグラウンド処理やプッシュ通知なども

negima1976 2018/02/14

リンク

マイクロソフト、Progressive Web Apps（PWA）をWindows 10のデスクトップで実行可能に。Windows 10はWindows、Linux、PWA対応のプラットフォームへ

マイクロソフト、Progressive Web Apps︵PWA︶をWindows10のデスクトップで実行可能に。Windows10はWindows、Linux、PWA対応のプラットフォームへマイクロソフトはWeb技術を用いてネイティブアプリケーションのように動作するProgressive Web Apps︵PWA︶を、WebブラウザのEdgeにとどまらず、Windows10のデスクトップ環境でも実行可能にすることを明らかにした。 Windows10は当然のことながらWindowsアプリケーションを実行可能なOSですが、Windows Subsystem for Linuxが新たに搭載されてLinuxアプリケーションのサポートも進められています。そしてマイクロソフトはさらにWindows10の守備範囲を広げようとしています。次はWeb技術を用いたアプリケーション、﹁Progre

negima1976 2018/02/09

リンク

これから開発されるFirefoxの新規機能は、HTTPSにしか対応しない。新規のCSSプロパティなども対象

これから開発されるFirefoxの新規機能は、HTTPSにしか対応しない。新規のCSSプロパティなども対象 Firefoxを開発するMozillaは、Firefoxにおいてこれから開発されるWeb関連の新機能はすべて安全なコンテキスト︵Secure Context︶のみを対象にすると、Mozilla Security Blogの1月15日付の記事﹁Secure Contexts Everywhere﹂で明らかにしました。安全なコンテキストとは？安全なコンテキストとは、W3Cのドキュメント﹁Secure Contexts﹂で厳密に定義されています。日本語での説明はMDNの﹁Secure Contexts﹂で読むことができ、次のように説明されています。 (HTTPS / TLS を介して) コンテンツが安全に配信され、安全ではないコンテキストとの通信の可能性が限られているという合理的な確信

negima1976 2018/01/25

リンク

はてなブックマーク

タグ

関連タグで絞り込む (85)

Webに関するnegima1976のブックマーク (63)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス