並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 2087件

新着順 人気順

html5の検索結果361 - 400 件 / 2087件

  • モバイルアプリ上の WebAssembly 製ライブゲームで発生した例外を捕捉して計測する - Mirrativ Tech Blog

    こんにちは、エンジニアのちぎら(@_naru_jpn)です。ミラティブでは、配信中のゲームに視聴者が介入できるゲームとライブ配信が融合した次世代のゲーム体験を提供しており、この体験を ライブゲーミング と呼んでいます。 ライブゲーミングは、Unity から WebGL 向けにビルドされた WebAssembly 製のゲームを、アプリに配置したウェブブラウザ上で動作させることによって実現しています。*1 今回は UnityでモバイルWebGLゲーム開発を頑張る話 の「メモリリークによって発生するクラッシュ」にも書かれているような、捕捉は難しいがユーザー影響があるような例外の発生を捕捉して、計測をするための仕組み作りについて解説をします。 ライブゲームが動作する仕組み 例外を捕捉することを考える前に、ライブゲームがどのように動作しているのかを知る必要があります。 Unity の WebGL 向

      モバイルアプリ上の WebAssembly 製ライブゲームで発生した例外を捕捉して計測する - Mirrativ Tech Blog
    • HTML Living StandardとHTMLの歴史 - とほほのWWW入門

      HTML Living Standard の概要 HTML 1.0 HTML+ HTML 2.0 Netscape Navigator 1.0~4.0 Internet Explorer 1.0~4.0 HTML 3.2 HTML 4.x WHATWG W3CとWHATWGの共同作業と再分裂 HTML5 W3CからWHATWGへの移管 HTML Living Standard の概要 HTML 1.0~2.0 は IETF が、HTML 3.2~5.2 は W3C が標準化を進めていましたが、W3C とは別に、Apple, Mozilla, Opera の開発者らが設立した WHATWG という団体が独自に策定を進めている HTML 仕様です。HTML Living Standard と呼ばれ、バージョン番号や第何版という概念がなく、日々、改版が進められています。 HTML Living

      • 「Markdown+CSS/TeXで冊子本を作ってみた」に参加してみた - 自己顕示欲の開放治療所

        「Markdown+CSS/TeXで冊子本を作ってみた」に参加してみた connpass.com 2019/11/16 訂正 訂正いただきました箇所、打ち消し線と + 記号で大体わかるように、なっているといいな、しました。 開始前 記事中のAmazonのリンクはアフィリエイトにしていますので嫌悪感を抱かれる方は気をつけてください。 アンテナハウス株式会社*1様主催のセミナーに参加してきました。以前『PDFインフラストラクチャ構造解説』のPOD(Print On Demand)本を買ったときに存在を知り、ウェブサイトの「XMLに命をかけてくれ」というエピソード紹介が印象に残っていました。大規模、構造的ドキュメント用のソフトウェアに強みのある会社という理解です。 PDFインフラストラクチャ解説: 電子の紙PDFとその周辺技術を語り尽す 作者: 小林徳滋出版社/メーカー: アンテナハウスCAS電

          「Markdown+CSS/TeXで冊子本を作ってみた」に参加してみた - 自己顕示欲の開放治療所
        • 【リンクあり】暇潰しに最適な面白いサイトを貼るスレ : 暇人\(^o^)/速報

          【リンクあり】暇潰しに最適な面白いサイトを貼るスレ Tweet 1: 名無しさん@おーぷん 22/12/20(火) 01:15:09 ID:Fj2f https://ofuro-time.noritz.co.jp/wakasuapp/picturebook/mugen/ 無限湯沸かしボタン 2: 名無しさん@おーぷん 22/12/20(火) 01:15:34 ID:Fj2f 一連のボイスを聞き終わるとキツネのお兄さんが出て来てイケボでコメントを残していく 謎。 面白い 7: 名無しさん@おーぷん 22/12/20(火) 01:16:19 ID:gp5t おっ♡おっ♡おっ♡おっ♡おっ♡お風呂が沸きました 9: 名無しさん@おーぷん 22/12/20(火) 01:17:11 ID:M4WK >>7 草 【おすすめ記事】 ◆【悲報】エロ画像と見せかけたマルウェアでデータを全損させる「偽アダルトサ

            【リンクあり】暇潰しに最適な面白いサイトを貼るスレ : 暇人\(^o^)/速報
          • ウェブ エコシステムの根本的なセキュリティ保護に向けて

            .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

              ウェブ エコシステムの根本的なセキュリティ保護に向けて
            • web制作の実案件で僕が受けたフィードバック箇所を重要度でレベル分けして見た - Qiita

              こんにちは、フロントエンドエンジニアのてりーです。 僕の詳しいプロフィールはこちら 独学でフロントエンドエンジニアを目指している人へ フロントエンドの仕事を得るまでにどんな勉強をしたら良いのかをまとめました!! 興味ある方は是非ご覧ください。 はじめに 記事の内容はタイトル通りです! 年明けから個人で3つほどLPやweb制作系の案件に関わりました。 主にデザインカンプからコーディングする!的な内容ですが、それらを進める中で先輩やデザイナーの方から貰ったフィードバックを重要度で区切ってまとめて見ました。 重要度は個人の主観で決めてます。 Lv3~Lv1で数字が大きいほど重要度が高いです! 割と初歩的な部分もフィードバック多いので、公開する事への恥かしさもありますが、自分の成長記録的な意義で赤裸々に記しているので、お付き合いください。 Lv3 実案件なら必須 reset.cssいれる rese

                web制作の実案件で僕が受けたフィードバック箇所を重要度でレベル分けして見た - Qiita
              • 76. モダンウェブフロントエンド(2022)に至る歴史 - React Server Component、SSR Streaming w/ morishin127 | fukabori.fm

                MP3ファイルをダウンロード 内容紹介 2022年のモダンウェブフロントエンドまでに至る歴史、SPA、CSR、SSR、SSR Streaming、React Server Component などについて語っていただいたエピソードです。 出演者 話したネタ モダンウェブフロントエンド勉強会を開催しました そもそもWebページのダウンロードって、どう始まった? JavaScriptがマウスカーソルをキラキラさせていた時代 Ajaxの登場や、jQuery フロントエンドMVC、Backbone.js、Knockout.js Reactは何が革命的だったのか? 手続き型の実装は何が辛かったのか? SPA(Single Page Application) MPA(Multi Page Application) CSR(Client Side Rendering) サーバーサイドがJSONを返す時代

                  76. モダンウェブフロントエンド(2022)に至る歴史 - React Server Component、SSR Streaming w/ morishin127 | fukabori.fm
                • 豆をネットで買えるおすすめコーヒーショップ10選|川野優馬 / LIGHT UP COFFEE

                  こんにちは、コーヒー大好きな僕が個人的におすすめな、豆をネット購入できるおすすめ自家焙煎コーヒーショップを紹介していきます。 個人的な好みから基本的に浅煎りのシングルオリジンコーヒーショップをリストアップしていますが、本当にどのお店も美味しいです。コーヒー好きな人でまだ買ったことないお店があればぜひ。浅煎りが苦手だと思っていたり、美味しい浅煎りにまだ出会っていない方でも、ぜひ気になるお店で一度買ってみて欲しいです...! 1. aoma coffee(大阪)大阪の美味しいコーヒー屋。焙煎が個人的に大好きです。しっかり甘くてバランスもいい中で豆の個性もしっかり感じられて美味しいです。 WEBショップ: https://aomacoffee.com/ 2. PASSAGE COFFEE(東京) クリーンでフレーバーたっぷりのコーヒーが並ぶ、僕が好きな東京のコーヒー屋PASSAGE COFFEE

                    豆をネットで買えるおすすめコーヒーショップ10選|川野優馬 / LIGHT UP COFFEE
                  • 2025 年 3 月での files.upload API 廃止と移行方法について

                    こんにちは、Slack の公式 SDK 開発と日本の Developer Relations を担当している瀬良 (@seratch) と申します 👋 この記事では、本日発表された files.upload API の deprecation (非推奨) と移行方法について日本語で解説します。アナウンスメント(英語)は、以下のページでご確認いただけます。 files.upload API 廃止までの流れ files.upload API は、2025 年春に廃止されます。それまでのスケジュールは以下の通りです。 2024 年 5 月 8 日以降、新しく作成された Slack アプリは files.upload API にアクセスできなくなります。すでに存在している既存のアプリは廃止日(3. 参照)までは API を使用することができます。 2024 年 6 月〜 2025 年 2 月の間

                      2025 年 3 月での files.upload API 廃止と移行方法について
                    • ウェブのプライバシー強化: サードパーティ Cookie 廃止への道

                      .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

                        ウェブのプライバシー強化: サードパーティ Cookie 廃止への道
                      • FirefoxもWebAssemblyのガベージコレクション機能を実装中であることが明らかに

                        Google Chromeに続いてFirefoxもWebAssemblyのガベージコレクション機能を試験的に実装していることが、KotlinのWebAssembly対応ドキュメントから分かりました(現時点ではFirefoxのBeta版やNightlyのドキュメントには記載がないようです)。 すでにGoogle Chromeが、Dart言語のWebAssembly対応への対応のために試験的実装を示すOrigin TrialとしてWebAssemblyのガベージコレクション機能の実装を開始しています。 参考:WebAssemblyにガベージコレクション機能が登場、Chrome 111で試験的実装に。Dartなど高級言語のWebAssembly対応へ前進 Firefoxでもほぼ同様に、現在Nightlyとして公開されているFirefox 112aにおいて、開発者向けの設定である「about:co

                          FirefoxもWebAssemblyのガベージコレクション機能を実装中であることが明らかに
                        • コンテナランタイムのcontainerdに、WebAssemblyをコンテナとして扱うための「runwasi」が統合。これからのコンテナランタイムはWebAssemblyと統合されていく

                          コンテナランタイムのcontainerdに、WebAssemblyをコンテナとして扱うための「runwasi」が統合。これからのコンテナランタイムはWebAssemblyと統合されていく コンテナランタイムの事実上の標準となっているcontainerdに、WebAssemblyをコンテナとして扱うための「runwasi」が昨年(2022年)12月に統合されていたことが分かりました。 これによりcontanerdはWebAssemblyランタイムとしてWasmtimeとWasmEdgeを正式にサポートし、containerdの管理下でこれらのランタイムを用いてWebAssemblyバイナリの実行が可能になる見通しです。 将来のcontainerdのリリースでこれらの機能が正式版として登場すると見られます。 containerdでWasmEdgeが正式サポート 先月、1月31日にWebAsse

                            コンテナランタイムのcontainerdに、WebAssemblyをコンテナとして扱うための「runwasi」が統合。これからのコンテナランタイムはWebAssemblyと統合されていく
                          • 動画は「倍速視聴」が当たり前の10代--時間も“コスパ”が大事

                            皆さんは、動画の倍速視聴をしたことはあるだろうか。2倍速、1.5倍速などに動画の再生速度を速くすると、人物の動きこそ多少不自然さが出るが、言葉など内容は十分に聞き取れ、画質も悪くない。慣れてくると問題なく視聴できるだろう。 最近、再生速度を調整できる動画プラットフォームが増えてきた。たとえば、Netflixは2019年10月より、モバイル・タブレット端末を対象に試験的に再生速度調整機能を導入している。これに対しては、映画監督であるジャド・アパトー氏などクリエイター側からの批判が集まっているようだ。 一方、多くの10代の子どもたちの間では動画の倍速視聴が当たり前となっており、SNSで情報を得て効率的に楽しんでいるようだ。最新の10代における動画視聴事情についてお届けしたい。 リアタイで見られても「倍速録画を選ぶ」 倍速視聴は、以前からDVDプレイヤーやテレビのハードディスクレコーダー再生など

                              動画は「倍速視聴」が当たり前の10代--時間も“コスパ”が大事
                            • Auth TokenをlocalStorageに入れようが、cookieに入れようがどっちもXSS危険性には無防備(同ドメイン内なら ...) - Qiita

                              Auth TokenをlocalStorageに入れようが、cookieに入れようがどっちもXSS危険性には無防備(同ドメイン内なら ...)JavaScriptcookieJWTxsstoken tokenを保存する場所 localStorage cookie cookie (http only) メモリ内 (変数) よく言われるのが JWT tokenをlocalStorageに入れるべきではない ということ。 理由としてはJavascriptで簡単に読めてしまうので、XSSがあった場合意図しないスクリプトを動かされてしまい、結果としてtokenが盗まれるというもの。 対応策として cookie (http only) を色んな所で推奨してる。 https://techracho.bpsinc.jp/hachi8833/2019_10_09/80851 http://cryto.net

                                Auth TokenをlocalStorageに入れようが、cookieに入れようがどっちもXSS危険性には無防備(同ドメイン内なら ...) - Qiita
                              • 「シン・テレワークシステム」にWebブラウザ版登場 MacやChromebookでも利用可能に

                                NTT東日本と情報処理推進機構(IPA)は8月5日、シンクライアント型VPN「シン・テレワークシステム」のHTML5版を開発したと発表した。これまではWindows向けアプリのみを提供していたが、HTML5版はWebブラウザから利用できるため、Mac OSやChromebookなどからも同システムにアクセスできるようになる。 シン・テレワークシステムは、契約やユーザー登録不要で利用できるシンクライアント型VPN。自宅のPCからオフィスや大学などにあるPCを遠隔操作できる。コロナ禍に伴うテレワーク需要の拡大を受け、NTT東とIPAが、筑波大学やKADOKAWA Connected、ソフトイーサなどと連携して開発。2020年4月にWindows向けに無償提供を始めていた。 NTT東はHTML5版の開発理由について「自宅のMacやChromebookなどから利用したいという要望が多数あった」とし

                                  「シン・テレワークシステム」にWebブラウザ版登場 MacやChromebookでも利用可能に
                                • Flutterが進化する方向とは? WebAssemblyサポート、コンポーネントとしてWebアプリに組み込み可能に。Flutter Forward 2023

                                  GoogleでFlutter & DartのプロダクトとUX担当ディレクターTim Sneath氏は、アフリカのケニア共和国ナイロビで開催された「Flutter Forward 2023」の基調講演で次のように話し、Flutterの進化の方向性を示しました。 「Flutter for Webは汎用目的でデザインされてはいないことを明確にしておきたい。すでにDOMの分野で上手く行っているAngularやVue、Reactのような、DOMベースの新たなフレームワークを作ろうとしているわけではない。 そうではなく、(CanvasやWebAssemblyのような)新しいWeb標準をベースとする最初のフレームワークを作ろうとしているのだ。」 その上で、Flutter for WebがWebAssemblyをサポートする予定であることを明らかにしました。 「FlutterからWebAssemblyへの

                                    Flutterが進化する方向とは? WebAssemblyサポート、コンポーネントとしてWebアプリに組み込み可能に。Flutter Forward 2023
                                  • ルーティング機能を自作して学ぶ History API - 30歳からのプログラミング

                                    History API は、HTML5 で導入された API。 これを使うことで、JavaScript で URL の履歴を管理できるようになる。 多くの場合、そういった操作は React Router や Vue Router などのルーティングライブラリを通して行うことになる。そのため、History API を直接操作する機会は稀だと思う。 しかし、ルーティングライブラリを使いこなし、特殊なユースケースにも対応できるようになるためには、History API そのものについても理解しておきたい。 この記事では、ルーティング機能を持った React アプリを開発しながら、History API について学んでいく。 使用している React のバージョンは16.13.1。 動作確認は Google Chrome の81.0.4044.113で行っている。 コンテンツに対して URL を

                                      ルーティング機能を自作して学ぶ History API - 30歳からのプログラミング
                                    • TeamsのIE 11サポートは11月30日にて終了です | ギズモード・ジャパン

                                      TeamsのIE 11サポートは11月30日にて終了です2020.08.19 21:3017,363 Gizmodo US - Joanna Nelius [原文] ( 塚本直樹 ) お疲れさまでした インターネットの歴史からは切っても切り離せない、Internet Explorer。そしてMicrosoft(マイクロソフト)は、2020年11月30日にTeamsのInternet Explorer 11サポートを終了することを発表しました。 マイクロソフトによると、2021年3月9日に「Microsoft Edge Legacy」が終了し、2021年8月17日にはすべてのMicrosoft 365アプリによるInternet Explorerのサポートも完全に停止します。そしてこれらの日付以降は「顧客はIE 11からMicrosoft 365のアプリやサービスに接続できなくなるか、あるい

                                        TeamsのIE 11サポートは11月30日にて終了です | ギズモード・ジャパン
                                      • 「Chrome 79」に不具合、他アプリのデータに影響--配布を一時停止

                                        Googleのブラウザ「Chrome」のAndroid版を最新のバージョン79にアップデートすると、他のアプリのデータが表示されなくなったという報告があがっている。この問題は、「WebView」技術を利用する一部のAndroidアプリに影響する。同社はこれを受けてAndroid向けのChrome 79の配布を停止し、修正版のテストを先週末に開始した。 しかし、修正そのものは完璧ではない。Googleは、古いデータへのアクセスを復旧するか、ユーザーが作成したかもしれない新しいデータを維持するかの選択に迫られた。パッチは、古いデータへのアクセスを復旧するもので、一部のユーザーは再度データを失う可能性があることを意味する。 Googleは、この最新版Chromeを50%のユーザーに配布済みだと、開発者らはバグレポートに関するディスカッションで述べたが、そのインターフェースがどれだけ広範囲で使用さ

                                          「Chrome 79」に不具合、他アプリのデータに影響--配布を一時停止
                                        • structuredCloneはどんなものか

                                          structuredCloneは、JavaScriptにおいてオブジェクトのディープコピーができる便利な関数です。 従来ディープコピーの標準化された方法が無かったため、structuredCloneの登場はJavaScriptのユーザーにとって画期的なものです。あまりに画期的であり、その便利さも分かりやすいため、出たばかりの時期はTwitterでのJavaScript豆知識ツイートの常連でした。 現在はstructuredCloneのもの珍しさは無くなり、単純に便利なAPIとして受け入れられていますが、そのせいかstructuredCloneに対する理解も単純な人が出てきているようです。 そこで、この記事ではstructuredCloneがどのようなものなのか、どうしてそのようになっているのかについて、じっくりと説明します。 structuredCloneの歴史 筆者は自称世界一技術の歴史

                                            structuredCloneはどんなものか
                                          • Chrome におけるスキームフル Same-Site の適用について

                                            .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

                                              Chrome におけるスキームフル Same-Site の適用について
                                            • Web制作のお供に!最新オンライン時短ツール32個まとめ

                                              Web制作のお供に!最新オンライン時短ツール32個まとめ これから使いたい、あまり知られていない便利ツールが大集合 Web制作の効率化を図りたいというひとにオススメしたい、最新オンライン時短ツールをまとめてご紹介します。 「もっと早く知りたかった」と思ってしまう、便利なツールを中心に、クリエイターの日々のデザイン業務を軽減してくれる、目からウロコな素材やツールが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. デザインツール 2. Webデザイン便利ツール 3. モックアップ・UIツール 4. アイコンツール 5. クリエイティブ・面白ツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ デザインツール Womp 3D 立体感たっぷりな3Dデザインを、ブラウザ上で直感的に作成できる、新世代のオンラインツー

                                                Web制作のお供に!最新オンライン時短ツール32個まとめ
                                              • RustでWebAssemblyインタプリタ作った話 - Qiita

                                                はじめに RustでWebAssemblyインタプリタを作ったのでその実装の話や、wasmの仕様についての記事です。 HListを使ったジェネリックプログラミングの話や、最後の方には「自作言語 on 自作wasmインタプリタ on 自作wasmインタプリタ」みたいな話も出てきます。 分かりにくい所や間違っている所は指摘してくださると助かります。 リポジトリ 作った成果物のリポジトリです。まだpublishはしていませんがクレートになっています。 cargoのexample実行に対応しているのでそれを見ればだいたい分かると思います。 今回はadc-2019-12-22というタグがついたコミットのソースを元に解説していきます。 https://github.com/kgtkr/wasm-rs/tree/adc-2019-12-22 仕様書 この記事では仕様書を読みながら順番に実装を解説していき

                                                  RustでWebAssemblyインタプリタ作った話 - Qiita
                                                • 【初心者〜中上級者向け】JavaScriptの学習サービスと書籍27選 - paiza times

                                                  こんにちは。倉内です。 WebサイトやWebサービスの開発に欠かせないJavaScriptは、人気も高く習得したいと考えている方も多いのではないでしょうか。エンジニアへの就職活動をしている学生や、未経験からエンジニアになろうという方にとっても、JavaScriptは習得しておきたい言語の1つです。 動的なWebページの作成といったフロントエンドで用いられるのはもちろん、Node.jsに代表されるようにサーバサイドプログラミングでも存在感を増しています。また、jQueryやReact、Vue.jsなどフレームワークも豊富です。 初めて学ぶプログラミング言語としてJavaScriptを選ぶ方も多いと思いますので、今回は基本・基礎を学びたい初心者の方へ向けたコンテンツから、しっかり学びを深めたい中上級者向けのものまで、JavaScriptを学びたいすべての方へ向けて、学習コンテンツと書籍をご紹介

                                                    【初心者〜中上級者向け】JavaScriptの学習サービスと書籍27選 - paiza times
                                                  • モナー板・AAキャラクターの歴史年表(2001年末まで) : 佐倉葉ウェブ文化研究室の作業報告書

                                                    2ch系Flash動画の歴史は以前調査して年表に纏めたが、2ch系Flash動画が流行る前段の話として2chAAキャラクターの流行があるわけで、その辺について調べていた。2chAAキャラクターといえばモナー板こと「モナー大好き掲示版」になるわけだが、そのモナー板についての歴史が「モナー板の歴史探訪」というスレッドに纏められていた。纏められていた期間は2001年の夏まで。ソースまで付いており、なかなかに力作なのだが如何せん見づらい・解りづらいものであった。 これを見やすいように私の方で整形や文の見直しを行い、かつスレッドの中で訂正されたものや指摘されたものを反映させ、私のほうでも幾つか追加してモナー板の歴史年表を作成しました。AAについてある程度纏めている『シルカ!!』のキャラクター考察も参考にしています。あくまでFlash動画史の参考資料としてFLA板が出来る前までの年表として作成したので

                                                      モナー板・AAキャラクターの歴史年表(2001年末まで) : 佐倉葉ウェブ文化研究室の作業報告書
                                                    • Web制作者が持っておいて間違いない一冊!HTMLとCSSの必要な知識と最新テクニックをまとめて吸収できる良書

                                                      HTMLとCSSを真剣に学びたい人にお勧めの本を紹介します。 HTML5とCSS3の仕様書に基づいて、知識をしっかり身につけ、実践的なテクニックを本格的に学べます。Web制作者が持っておいて間違いのない一冊です。 実装の現場で必要とされる、リソースの先読みや画像の遅延読み込みなどの高速化テクニック、float時代のクリアフィックスを簡単に実現できるフロールートなど、必要な知識をまとめて吸収できます。 本書はコーダーの定番書である前書の第2版。 現在の最新仕様、HTMLは標準仕様はW3CからWHATWGに一本化され、CSSは各種機能の追加や主要ブラウザでの対応が進んでいます。ブラウザもChromiumベースのEdgeがリリースされ、使える便利な機能が増えています。 第2版はそれらに対応した解説書で、先日当ブログで紹介した:is()疑似クラス関数、min(), max(), clamp()比較

                                                        Web制作者が持っておいて間違いない一冊!HTMLとCSSの必要な知識と最新テクニックをまとめて吸収できる良書
                                                      • NTT 東日本 - IPA 「シン・テレワークシステム」 - ダウンロード

                                                        NTT 東日本 - IPA 「シン・テレワークシステム」  - ダウンロード トップ | 中間報告 | 自治体テレワーク for LGWAN | HTML5 Web 版クライアント (Mac, Chromebook 対応) | バージョン履歴 | ダウンロード | ユーザー数グラフ 入門 - 今すぐ使ってみよう | クライアント検疫機能・MAC アドレス認証機能 | 二要素認証・ワンタイムパスワード (OTP) 機能 | マイナンバーカードを用いたユーザー認証機能 | 仮想マルチディスプレイ機能 行政情報システムでの利用 | 組織 LAN におけるポリシー規制サーバー設置 | 企業システムにおける VM・HDD クローン対応 | Wake on LAN リモート電源 ON 機能 | 画面撮影・キャプチャ防止のための電子透かし機能 FAQ | 掲示板 (ユーザーサポートフォーラム) | 相互

                                                        • [翻訳]”URL”の歴史 — Cloudflare Blog

                                                          こちらは翻訳記事となります。原著者の許諾を得て翻訳・公開しております。 英語記事: The History of the URL原文公開日: 2020/03/05著者: Zack BloomURL: https://blog.cloudflare.com/the-history-of-the-url/ 1982年1月11日、22 人のコンピュータ科学者が「コンピュータメール」(今日の電子メール)の問題を議論するために集まりました。議論の参加者にはサン・マイクロシステムズを作った人、Zork の開発者に NTP の開発者、そして政府に Unix の支払いをするように説得した人も含まれていました。 問題は単純で、 ARPANET にある455台のホストが制御不能に陥っていたのです。 この問題は、ARPANET がもともとの NCP プロトコルから、今日の”インターネット”と呼ばれる TCP/I

                                                            [翻訳]”URL”の歴史 — Cloudflare Blog
                                                          • MediaPipe と TensorFlow.js を使ってブラウザで顔と手をトラッキングする

                                                            .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

                                                              MediaPipe と TensorFlow.js を使ってブラウザで顔と手をトラッキングする
                                                            • Web制作者向け新Edgeの注意点と、人に勧めるときに気をつけること

                                                              1月15日にMicrosoft Edgeの正式版がリリースされました。 とはいえ、この記事を読んでいる方の中には「まだ使ったことがない」という方もいらっしゃると思います。 そこで、この記事ではWeb制作者向けの注意点と、非Web制作者、たとえば上司や家族などにEdgeを勧める時の注意点などをまとめています。 これまでのMicrosoft Edgeと何が違うの? これまでのMicrosoft Edgeは、Microsoft製の独自のブラウザエンジンでした。 そのため、これまでのIEへの悪いイメージもあり、またGoogle ChromeやSafariのような他のWebブラウザーと表示や動作が異なる場合もあり、あまり普及しませんでした。 新しいEdgeは、Google Chromeと同じChromiumとよばれるブラウザエンジンになりました。 なぜ私のWindows PCには配信されていないの?

                                                                Web制作者向け新Edgeの注意点と、人に勧めるときに気をつけること
                                                              • WebAssembly Summitまとめ(前編)|chikoski

                                                                WebAssembly Summitというカンファレンスへ参加してきました。その午前のセッションについてまとめました。午後のセッションについては別記事でまとめます。 TL;DR; 午前はWASMを取り巻く問題について扱ったように感じました。いくつかには解決策が提示され、いくつかは問題提起にとどまった印象です。 WebAssembly Summitとは? Webブラウザの上で実行できる第2の言語、それがWebAssemblyです。誕生は2015年にW3Cのコミュニティグループが結成され、2019年末に正式な仕様としてリリースされました。このWebAssemblyのツールやランタイム、そしてWebAssemblyを使ったアプリケーションに関する発表を行うカンファレンスが、WebAssembly Summitです。 WebAssembly は、ネイティブのアプリケーションやエッジサーバにおける処

                                                                  WebAssembly Summitまとめ(前編)|chikoski
                                                                • 近頃よく見聞きする「itch.io」って何? プレイヤーだけでなく,クリエイターたちにも開かれたサイトの歩き方

                                                                  近頃よく見聞きする「itch.io」って何? プレイヤーだけでなく,クリエイターたちにも開かれたサイトの歩き方 ライター:june インディーゲームはここ数年,目覚ましい盛り上がりを見せており,大手パブリッシャのタイトルに勝るとも劣らないクオリティのものが次々にリリースされている。 だがその一方で,小粒でも突飛だったり挑戦的だったりで尖りまくった,かつての「インディーゲームらしさ」が薄まっていると感じている人もいるのではないだろうか。 そんな知る人ぞ知るゲームと出会いたくなったときは,ひと味違ったゲームの投稿・販売マーケット,itch.io(外部リンク)を訪ねてみるといいかもしれない。 itch.ioは,サンフランシスコ在住のLeaf Corcoran(リーフ・コーコラン)氏によって2013年に起ち上げられた,ゲームを中心としたデジタルコンテンツを取り扱うアメリカのオープンマーケットプレイ

                                                                    近頃よく見聞きする「itch.io」って何? プレイヤーだけでなく,クリエイターたちにも開かれたサイトの歩き方
                                                                  • GitHubのポップアップメニューはdetailsタグと:beforeが使われててクレバーだった - Qiita

                                                                    概要 普段使ってるGitHubのUIパーツの実装を見てみたら真似したいエッセンスがあったので紹介します。 GitHub上でちょいちょい使われてるポップアップメニュー 図 マイページのコンテキスト切り替えメニュー 図 プルリクエストページのプロジェクト選択メニュー なにが優れてる? Javascript使ってない メニュー外をクリックしたらメニューが閉じる サンプルコード <div class="wrap"> <details> <summary>button</summary> <div>menu</div> </details> </div> *, *:before, *:after { box-sizing: border-box; } .wrap { width: 500px; height: 500px; margin: 0 auto; padding: 50px 50px; }

                                                                      GitHubのポップアップメニューはdetailsタグと:beforeが使われててクレバーだった - Qiita
                                                                    • ワンタイムパスワード(OTP)のベストプラクティスじゃない入力フォームに出会う - hogashi.*

                                                                      こんにちは、 id:hogashi です。 masawada Advent Calendar 2022 - Adventar の 2日目です。 目次 目次 OTP 入力フォーム まずベストプラクティスを見る それでは本題です ちなみに ちなみに2 むすび OTP 入力フォーム なぜか id:masawada さんとたまにワンタイムパスワード (OTP) の話をする印象があります。偶然生成された「ホホンドホド」という文字列*1が TOTP で出そうな見た目じゃん、とか。 最近もまた微妙に使いづらい入力フォームに出会いました。そこで、世に存在するベストプラクティスとそれに沿わないフォームを見て、ベストたる所以をなんとなく感じてみる回をお送りします。結果的に GitHub がなんかむずい感じになっているという記事になりましたが、もちろん各サービスそれぞれ良いと思ってやっているはずなのであくまで個

                                                                        ワンタイムパスワード(OTP)のベストプラクティスじゃない入力フォームに出会う - hogashi.*
                                                                      • 株式会社ドワンゴを退職します、デザイナーからフォントエンジニアになります - north-memo

                                                                        今日は最終出社日でした。9/30が退職日です。 せっかくなので、思い出を自分の写真たっぷりでお送りします・・・。(決して自分好きなわけではなく、これしか写真がなかったんです 汗) 社名と僕と植物 思い出 大学3年の頃、2015年2月にデザイナー職で内定をいただき、それをブログに書いたら、熱烈な歓迎を受けました・・・!多分ドワンゴで初めて新卒のデザイナー内定だった気がします。 ln-north.hateblo.jp 内定者バイトのときは、DWANGO USABILITY LAB.のロゴとロゴタイプを制作させてもらったり、超言論エリアのロゴ・ブースデザイン、あれやこれやのサイトなんかも担当させてもらってました。やっぱり最初に作ったものは愛着あります・・・。 退社のとき、記念に撮ってもらいましたw 入社後、生放送チームに招いていただき、古いページの改修、そしてHTML5プレーヤー、React化を

                                                                          株式会社ドワンゴを退職します、デザイナーからフォントエンジニアになります - north-memo
                                                                        • 【新型コロナウイルス】新型コロナウィルスが他の感染症に比べてどのくらい恐ろしいのか、グラフで比較してみた【COVID-19】【2019-nCoV】 - 勤務医開業つれづれ日記・3

                                                                          はじめに 新型コロナウイルスは恐ろしいのでしょうか?あるいは、恐ろしくないのでしょうか? 今回は感染症における基本的な3つの数字である致死率、患者数、伝染りやすさを、グラフを使って他の感染症と比べてみたいと思います。 致死率 新型コロナウイルスにかかり死亡する方はいます。致死率は中国とそれ以外で大きく異なっています。2月15日、現段階での中国国内での致死率は2%前後、中国国外では0.5%と推定されています(1)。グラフではこのようになります。 1-A. 新型コロナ 中国国内と国外比較(致死率) SARSは約8000人が罹患し死者は800人、致死率が9.6%と報告されています。グラフの左側にSARSの値を入れてみましょう。 1-B. 新型コロナとSARS比較(致死率) SARSの致死率は高いです。新型コロナウイルスと比較するとかなり致死率が違います。致死率が高いと、死ぬ危険性が高い感染症であ

                                                                            【新型コロナウイルス】新型コロナウィルスが他の感染症に比べてどのくらい恐ろしいのか、グラフで比較してみた【COVID-19】【2019-nCoV】 - 勤務医開業つれづれ日記・3
                                                                          • Chrome に、邪魔にならない通知許可 UI を導入します

                                                                            .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

                                                                              Chrome に、邪魔にならない通知許可 UI を導入します
                                                                            • 仕事する前に知っておくと幸せかもしれないpandasのきほん - read関数にはとりあえずURL渡しておけ - Lean Baseball

                                                                              お仕事や, (個人的には)趣味のデータ分析・開発などでpandasをよく使う人です. pandasはPythonでデータサイエンスやデータ分析(解析)をやってると必ずと言っていいほどよく使うライブラリだと思います. お仕事で同僚やインターンが書いたnotebookをよく読む(レビューする)のですが, 煩雑なことやってるけどこれ一行で書けるやで 最初からデータを整理するとそんな面倒くさいことしなくても大丈夫やで ...といったコメントを返す機会が増えてきました. これらは当人たちにフィードバックしているのですが, このフィードバックの内容が案外重要な気がしてきたのでブログに書いてみることにしました. 読んだ方の理解・生産性の向上および, 「つまらない仕事が334倍楽になる」ような感じにつながると嬉しいです🙏 TL;DR pandasのread関数にはとりあえずURLを渡しておけ &使うカラ

                                                                                仕事する前に知っておくと幸せかもしれないpandasのきほん - read関数にはとりあえずURL渡しておけ - Lean Baseball
                                                                              • (20年10月新刊メイン)IT・AIエンジニア&PdMにおすすめの書籍集 - Qiita

                                                                                本記事では、私が2020年10月に読んだ書籍の内容や感想を紹介・解説します。 はじめに 私がこの1カ月間に読んだ、書籍の内容と感想のまとめ記事です (これらの読書は仕事ではなくプライベートの趣味です) Twitterでリアルタイムに投稿した内容を、1カ月分まとめます。 ※Twitterでは、書籍感想以外にも、IT・AI・Biz関連の情報をたくさんつぶやいているので、 これらの情報を収集したい方はぜひフォローください♪(海外の情報が多めです) Twitterアカウント:小川雄太郎@ISID_AI_team 2020年10月に読んだ書籍(はじめに) (過去記事) ●20年7月分の記事はこちら ●20年8月分の記事はこちら ●20年9月分の記事はこちら (書影) 版元ドットコムで公開されている場合のみ掲載しています (書籍分野) AI:機械学習&ディープラーニングのアルゴリズム、研究能力、開発・

                                                                                  (20年10月新刊メイン)IT・AIエンジニア&PdMにおすすめの書籍集 - Qiita
                                                                                • 真のサーバーレスに一段近づけるフロントエンドアーキテクチャーの話

                                                                                  「真のサーバーレス」の定義について 一般的にサーバーレスとは、サーバーの管理が不要になったフルマネジードサービスのことを指します。クラウドのFaaS(Function as a Service)が代表です。しかし、言葉的には、「サーバーが無い」という意味に受け取ることが第一想起することではないでしょうか? サーバーが無い状態のよくある形態は、デスクトップアプリケーションです。ローカル環境にインストールして単独で動くソフトウェアです。OSに添付されている電卓アプリなんかが典型です。しかし、わざわざこれを「サーバーが無い」アーキテクチャーと呼ぶのも本末転倒な話です。むしろこっちが基本形で、シングルからマルチへと、高度な用途を実現するためにクライアント・サーバーアーキテクチャーに発展したわけです。この高度な用途はキープしたまま、特定の供給源となるサーバーが不要になっている状態なら、あえてサーバー

                                                                                    真のサーバーレスに一段近づけるフロントエンドアーキテクチャーの話