大きめのテーマです。もしかしたら「うちでは書いた JS をそのまま配信してるぜ〜」って人もいるかもしれないでが。 最近の Web フロントエンド開発では、書いた JavaScript をそのまま動かさないことが多い 最近のフロントエンド開発ではエンジニアが書いた JavaScript をそのままブラウザで動かすことはほとんどないかもしれません。 例として最近流行のフレームワークを考えてみましょう。Next.js や Remix、Nuxt.js など、いずれも内部的にトランスパイラやモジュールバンドラを使い、エンジニアが書いた JavaScript を別の形へと変換してからユーザーのブラウザで動かすような仕組みになっています。 一昔前だと Next.js のようなフレームワークが今ほど発展していなかったこともあり、webpack や Babel を直接使っていたと思いますが、それも同じです。

時代とともにウェブも世界も変化してきました。1997 年のリリース以来、Google 検索はユーザーが必要な情報をより簡単に見つけられるよう進化を続けてきました。

Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回は、「Nintendo SwitchとWeb」という講演をされていた任天堂さんに、Switch開発におけるWeb技術の活用方法や、開発秘話を伺ってきました。任天堂のお二人は京都から、リモートでの取材に応じていただきました。 Nintendo SwitchではWeb技術が大活躍！ 白石 簡単に自己紹介をお願いで

結城浩の「コミュニケーションの心がけ」2020年7月21日 Vol.434目次・《黄金の時間》の使い方 - 仕事の心がけ ・妹に勉強を教えるとき - 教えるときの心がけ ・恥ずかしくて文章を推敲できない - 文章を書く心がけ ・何のために生きているのかはじめに結城浩です。 いつもご愛読ありがとうございます。 新刊と定期収入の話。編集部から連絡があり、結城浩の最新刊『数学ガールの秘密ノート／複素数の広がり』はおかげさまで順調に売れているとのこと。応援を心から感謝します！ ◆『数学ガールの秘密ノート／複素数の広がり』 今回の新刊は、社会情勢の影響を受け、発売日が数ヶ月も遅れました。当然ながら、本が刊行できないあいだはその分の収入が得られないことになります。 それは、現在の状況でなかなか収入が得られない多くの方々と同様に、たいへんつらいことです。 現在は無事に新刊を刊行できていますが、遅れている

アマゾンウェブサービスジャパン（AWSジャパン）は4月19日、クラウドサービス「Amazon Web Services」の初心者向け教材などをまとめたブログ記事を公開した。初学者やクラウド人材の育成を受け持つ人向けで、自社の教材などを全6段階の理解度別に紹介している。 Webページでは、学習に当たっての理解度を（1）ビジネスにおけるAWSの活用方法や効果を学ぶ、（2）AWSの全体像をつかむ、（3）AWSが提供するサービスそれぞれに詳しくなる、（4）実際に手を動かし、知識を深める、（5）AWSの最新情報を追う、（6）より現場で求められる知識を追う──に分類。 各段階で使える教材と、その段階で学習すべき内容をまとめている。例えば（1）ではクラウドのメリットを理解できるとして導入事例の記事や動画などを、（2）ではAWSの基礎知識を学べるとしてオンライン教材「AWS Cloud Practitio

Googleアナリティクスのユニバーサルアナリティクス版の停止予定が発表された。 で、はたしてGA4は小規模サイトのアクセス解析ツールとして機能するのか、代替ツールっていま何がある？という話はa2iのセミナー編成委員会でも出ていて、他所でもその議論を見かけるので、ちょっとつらつらと書いていく。 お題。「GA4の代わりになる無料や低価格のアクセス解析ツール候補」。 ただし、ここで挙げるツールをすべてオススメしているわけではない。機能や条件として可能性のありそうなものをとりあえず挙げている。 GA4代替の無料や低価格のアクセス解析ツール候補 1. Matomo オープンソース。GA代替として機能面も申し分ない感じ。データも所有サーバーに保存。インストールにはMySQLのデータベースが必要なので、手軽に利用できる感じではないかもしれない。昔はPiwikという名前だったのでご存じの人多し。でも使っ

Mirrativバックエンドのエンジニア @stakme です！ みなさんMacでDockerしてますか？今回は私から、Mac+Docker開発についての文章をお届けします。Docker Desktop for Macの有料化など、最近話題の多いところですよね。 ただし法的問題を含みますので、記事の正確性に配慮していますが、内容は保証しません。法的問題は弁護士に相談しましょう。 tl;dr まずは現状認識 必要なのはdockerd 困りがちなポイント Lima Linux バインドマウント ポートフォワード 結局どうするか あと6週間 We are hiring! tl;dr 大前提として「GUIを使わければMac版Docker Desktopは無料」ではない Docker Desktop for Macは便利だが、マウント起因でパフォーマンスに影響を受けるケースも存在する 「買わないなら

【あまり教えたくない素材サイト01】 ・BEIZ imageshttps://t.co/IDPIOPDCi0 動画や写真合成で使えそうな、クォリティの高い画像素材が大量に公開されている。 高解像度で商用利用も可能なので汎用性の高いサイト✨ pic.twitter.com/LjwByYwS7I — ねいび / デザイナー (@neibi_design) August 2, 2020 あまり教えたくない便利な素材サイト6選 ── 1. BEIZ images動画や写真合成・壁紙で使えそうな、クォリティの高い写真素材が大量に公開されているサイト。高解像度で商用利用も可能で汎用性が高い。

いずれもMITライセンスで公開されていますので、個人・商用問わず利用可能です。 Slick.js Slickスリック.jsは簡潔なコードで実装できるのが特徴のモバイルフレンドリーなカルーセルライブラリです。機能は少なめですが、ナビゲーションや表示するスライド数を変更するといった基本的な機能は備わっています。jQueryプラグインのため実装にはjQueryを読み込む必要があります。タッチ・スワイプ操作にも対応しています。ReactやVue向けのモジュール、TypeScriptのサポートは公式で提供されていませんがOSSで存在します。 このJSライブラリの基本的な実装と、アニメーションをフェードに変えた作例を用意しました。 基本の作例 サンプルを別ウインドウで開く コードを確認する <div class="slick carousel"> <div>1</div> <div>2</div> <

Drive around cities while listening to their local radios

WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP（ウェッピー）の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34％程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過（アルファチャンネル）や、アニメーションにも対応しています。つまり、JPEGのよ

デジタルマーケットプレイス（DMP）α版サイト 行政機関・事業者がDMPによる調達方式を活用しやすい環境を実現するために、必要な利用者体験の実証を目的としたサービスです。

昨日、上野宣（@sen_u）さんがパスワードの総当りに要する時間の表をツイートされ、話題になっています。 総当たり攻撃時のパスワード最大解読時間の表を日本語化した。https://t.co/cVSNUZkAKv pic.twitter.com/rtS8ixwOqi — Sen UENO (@sen_u) August 17, 2021 1万件を超えるリツイートがありますね。大変よく読まれているようです。しかし、この表は何を計測したものでしょうか。上野さんにうかがってもわからないようでした。 何ですかね？パスワード空間が大きくなると解読に時間が掛かるということくらいがわかりますかね。 — Sen UENO (@sen_u) August 17, 2021 一般に、パスワードの総当たり攻撃（ブルートフォースアタック）というと、以下の二通りが考えられます。 ウェブサイト等でパスワードを順番に試す

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