IE終了により、webpackやbabelを使う必要がなくなるのか、フロントエンドからビルドステップを完全に消し去ることはできるのか。 そもそもなぜフロントエンドを「ビルド」していたのか そもそもなぜwebpackやbabelを使ってJavaScriptをバンドル（1ファイルにまとめる）していたのか 1. HTTP/1.1とモジュールシステムの相性の悪さ ブラウザにはES Moduleというモジュールシステムが導入されています。これはimport文で他のファイルを読み込むことができるシステムです。 HTTP/1.1については、ブラウザ側で同時接続数制限があります。これは、ファイルを多数読み込む必要があるES Modulesには不向きでした。 2. ブラウザのES Module対応率の低さ ES ModulesはIE非対応です。開発するWebサイトがIEをターゲットにしたい場合、ES Mod

楽天モバイルからの移行を検討している。前々からニュースになっているが今まで1GB以下のデータ利用で無料だったのが7月からなくなってしまうからだ(追記: 2022年10月末までの最大4カ月間は月額データ利用量が1GB以下の場合、月額料金が実質無料だった →詳細)。 楽天モバイル「0円」終了。7月からは最低1078円 要件 要件的には下記のような感じ。 1台目のスマホとして使える 電話番号は要る(電話はしない) SMS受け取れないと困る(が、送ることはない) ネットは外出時に検索等の静的サイトやアプリで使えればOK。1GB/月あれば十分。 家ではWi-Fiと接続する 合理的シンプル290プラン これら要件を勘案した上で移行先の選択肢を検討した。 といっても候補がたくさんあってマジで訳分からんという感じだったが、いくつか調べた感じだと自分には日本通信の合理的シンプル290プランが合っていそうだと

本サイトは、快適にご利用いただくためにクッキー（Cookie）を使用しております。 Cookieの使用に同意いただける場合は「同意する」ボタンを押してください。 なお本サイトのCookie使用については、「個人情報保護方針」をご覧ください。

Recoil から最近登場したライブラリ recoil-relay とライブラリ公開の真意について、@spring-raining と @uhyo が話しました。 Recoilについて ep.49 ReThink state managements - Recoil から見える未来 https://uit-inside.linecorp.com/episode/49 recoil-relayでできること リリースブログ: https://recoiljs.org/blog/2022/06/02/recoil-relay-0.1.0-release Recoilと統合されたGraphQLクライアント GraphQLのクライアントとしてはApolloが有名だが、Meta公式はRelayというライブラリを提供している spring-raining: recoil-relay自体は小さなライブラリ

マナリンクCTOの名人です。 2022年3月頃から社内で実施している「10分勉強会」という取り組みと、実際の内容についてざっくり紹介していきます。 10分勉強会の目的 10分勉強会の目的は以下のとおりです。 すぐに実務で使えるかは分からないけど、知っておいて損はないことを先に学ぶ機会を作る 実務にて学んだことで、他のメンバーにも知ってほしいと思ったことを共有する機会を作る 前者については、たとえば「新しいバージョンのPHPについて調べてみた」といった、すぐには役立たないがいずれ使うであろう知識が挙げられます。後者については、たとえば「ある施策の実装をきっかけにCSSの◯◯プロパティについて学びなおした」といった例が挙げられます。 （ちょっとあまり上手な図解ではない気がしますが）学習機会の必要性について図解してみました。 エンジニアがある施策Aを実装するには、最低限これさえ分かっていたら実装

本稿では Next.js アプリ設計と同時に検討しておきたい、API Mocking の設計（MSW の活用テクニック）を紹介していきます。※ 解説のなかで jest を使いますが、ここは特別こだわりがあるわけではありません。 MSW で表現する API 群 MSW は Next.js アプリのローカル開発に役立ちます。任意の API を任意のレイヤーで、個別にインターセプト可能です。 「ブラウザー → API Routes」間でインターセプト 「API Routes → API 群」間でインターセプト 「getServerSideProps → API 群」間でインターセプト また、自動テストに利用でき、フロントエンドの単体・結合テストが書きやすくなります。同一プロセスでサーバーレスポンスをモックするため、外部プロセスに依存しない、高速な自動テストを回すことができます。 MSW 高階関数

米Metaは、Facebook、Instagram、Messenger共通で使えるユーザーアバターに着せる服のデジタルアパレルショップ「Meta Avatars Store」を開店する。マーク・ザッカーバーグCEOが6月17日（現地時間）、自身のFacebook投稿で発表した。プラダ、バレンシアーガ、トム ブラウンがアイテムを提供する。ブランドは順次増やしていく計画だ。まずは米、カナダ、タイ、メキシコで展開していく。 左からバレンシアーガのレーススーツ、プラダのリネアロッサアンサンブル、トム ブラウンのスーツを着たマーク・ザッカーバーグCEOのアバター（画像：Meta） ザッカーバーグ氏は「デジタルグッズはメタバースで自分を表現するための重要な方法であり、クリエイティブエコノミーの大きな推進力になる。すぐにVRでも使えるようにする」と語った。Quest 2で参加できるメタバース「Horiz

トップコラムデジタル人材のためのブックレビューITジャーナリストや現役書店員、編集者が選ぶ　デジタル人材のためのブックレビュー　第14回：『HTML解体新書』、『楽々ERDレッスン』 Webを支える技術のうちクライアントサイドで中心的に使われる技術としては、大きく分けてHTML、CSSとJavaScript（+JSON）が挙げられる。 そのうちCSSやJavaScriptについては現在に至るまでさまざまな書籍が刊行されているが、その中でHTMLは比較的地味な存在となっている。Webデザインの分野でCSSと合わせて基本的なところを紹介する書籍や、辞書・カタログ的にHTMLの各要素とその属性等を紹介したりする書籍は継続的に刊行され続けているが、HTMLそのものにフォーカスした書籍はさほど多くはない。 そんな中、本書は久々に刊行された、HTMLを正面から扱う本格的な解説書である。 HTMLを取り

中国ByteDance傘下の米動画共有サービスTikTokは6月18日（米国時間）、米国ユーザーのデータの保存場所を変更し、米国のユーザートラフィックの100％を米OracleのCloud Infrastructure（OCI）に移管したと発表した。 バックアップは自社の米国とシンガポールのデータセンターに保存しているが、将来的にはOracleのサーバに完全に移行する計画だ。 米国以外のユーザーデータについては従来と変わらず、米国とシンガポールの自社データセンターに保存している。 米国ユーザーデータのみOracleのクラウドに移管したのは、2020年に当時のトランプ政権がTikTokアプリを禁止するとし、ByteDanceにTikTokの米事業売却を命じる大統領令を発令したことがきっかけだ。 TikTok買収には米MicrosoftやOracleが名乗りを上げたが、最終的にはOracleが

円の直径に対する円周の長さの割合を示す円周率・π(パイ)は、分子と分母がともに整数である分数で表せない無理数の一種で、小数表記だと数が無限に続きます。そんな円周率の桁を求める計算は、スーパーコンピューターのベンチマークに使われるなど、コンピューターの演算とは切っても切れない関係にあります。Google Cloudの開発者でコンピューター科学者である岩尾エマはるか氏が、ついに円周率を小数点以下第100兆位まで算出したと2022年6月9日に発表しました。 A bigger piece of the pi: Finding the 100-trillionth digit https://blog.google/products/google-cloud/new-digit-pi-2022/ Google Cloud 上で 100 兆桁の円周率を計算 | Google Cloud Blog ht

Picrew（ピクルー）は、つくってあそべる画像メーカープラットフォームです。 画像メーカーで作成した画像は、クリエイターおよびPicrewが許可した範囲でのみご利用頂けます。 以下についてご確認頂き、ご同意の上でPicrewをお楽しみ下さい。 Picrew利用規約 ガイドライン プライバシーポリシー Picrewの遊び方 Cookieの利用について 当サイトではCookieを使用しています。詳細、ターゲティング広告のオプトアウト等についてはプライバシーポリシーをご確認下さい。

Scrapboxを雑な技術メモ置き場として常用している。一方でZennはそこで書き留めたメモを整理してまとめる場所として使っている。 そこで問題になるのがScrapbox記法で書いたメモをZennのMarkdownに変換するところである。 これまでは下記のGo製のCLIツールを使っていたがコードブロックの処理やリスト、その他一部のリンクがうまく変換できないことが結構あって地味なストレスであった。 そこで今回Rustの勉強も兼ねてScrapbox記法をMarkdownに変換するツールを書いてみた。 CLIとして使うなら下記のような感じでインストールして

Amazon Aurora PostgreSQL 互換エディションは、ラージオブジェクト (LO) モジュールをサポートするようになりました。LO モジュールは、ラージオブジェクト (LO や BLOB とも言われる) の管理をサポートします。 Amazon Aurora でサポートされるすべての PostgreSQL 拡張機能のデータベースバージョンごとのリストについては、AWS ユーザーガイドを参照してください。完全な機能のリストについては、機能ページを参照してください。Amazon Aurora がサポートされているすべてのリージョンについては、リージョンページを参照してください。 Amazon Aurora は、MySQL および PostgreSQL との完全な互換性を確保し、圧倒的な高パフォーマンスおよび可用性をグローバル規模で実現するよう設計されています。このサービスは、組み

JJUG CCC 2022 Spring に参加しました！ いつも以上におもしろいセッション盛りだくさんで、参加してとても楽しかったです。 LINEのトラブルシューティングのような現場での経験をもとにした話から、バイトコードのようなJavaのコアな話まで、とてもバランスよくセッションが採択されていたからかなと思います。 特に前者はなかなか普段の JJUG ナイトセミナーなどでは聞けないので、いつもとても楽しみにしています。 あと、動画セッションならではですが、今回は休憩時間中に時間がかぶって見れなかったセッションを2倍速で追っかけて見るということをやってみて、より密度の高い時間になりました。 授業は動画配信で見たいという大学生の気持ちがちょっとわかりましたw 次回の JJUG CCC 2022 Fall も楽しみです。 もしかすると、オフラインも併用になるんでしょうか。ただ、飲食を伴う懇親

はじめに つい先日、HTTP3がRFC9114として正式に発表されました。 RFC読むよりとりあえずパケット見る派なので、とりあえずコード書いて動かしてキャプチャしたいところです。 quic-goは http3 ディレクトリがあり、対応してそうなのでサンプルコードを書いてみました。 数日前にcommitが入っていて開発も活発そうですね。 サンプルのサーバ側コードを試す時はお手数ですが、opensslやmkcertコマンドなどでご自分で公開鍵&秘密鍵を生成してください。 クライアント まずはクライアントのコードを書いてみます。 go.docを見ると、RoundTrip という関数に *http.Request を渡すとHTTP3のクライアントコードになりそうです。 こんなコードになりました。 package main import ( "crypto/tls" "fmt" "github.c

JJUG CCC 2022 Spring 発表資料 https://fortee.jp/jjug-ccc-2022-spring/proposal/3bf78003-4672-457c-a8fc-47adb4a1812e 概要 / Abstract: 電子帳簿保存法の改正により急遽立ち上がった新規サービス開発。 久々の新規開発でテックリードの腕の見せ所とはりきる私。 新しい技術要素をモリモリ使って開発したい..ただ法改正がトリガーなので絶対に納期が延ばせないが考えなければいけないことは盛り沢山 ・使用するJavaのバージョンとフレームワーク ・マルチテナントDB方式 ・APIクライアント ・セキュリティ関連 ・多言語、タイムゾーン対応 ・フロントエンド ・クラス設計の方針 などなど そのような状況の中でJavaを中心とした技術選定で妥協しなかったことや開発で苦労したことなど、開発事例をお話

米ニューヨーク5番街のアップルストア（2019年9月19日撮影、資料写真）。(c)Johannes EISELE / AFP 【6月19日 AFP】米アップル（Apple）の直営小売店アップルストアで、労働組合の結成の是非を問う従業員投票が行われ、18日、賛成多数で可決された。米国では、コーヒーチェーン大手スターバックス（Starbucks）の店舗や小売り・IT大手アマゾン・ドットコム（Amazon.com）の物流施設など、大企業の労働拠点で労組結成の動きが相次いでいる。 米メリーランド州タウソン（Towson）のアップルストアで、従業員110人が15～18日に投票を行った。投票を監督する連邦政府機関の発表によると賛成65票、反対33票で労組結成が可決された。 投票は、従業員グループ「アップル小売業従業員組織連合会（AppleCORE）」が、賃金、労働時間、安全対策に関する決定権を求めて呼

Support this Site Become a Six Colors member to read exclusive posts, get our weekly podcast, join our community, and more! By Dan Moren November 19, 2020 6:35 AM PT Last updated August 18, 2023 Update: As of macOS Sonoma, there’s a new and improved method for enabling this feature that’s designed to survive a system update. My new MacBook Air is proving to be all that I’d hoped, and it’s not just

概要 自宅サーバのセキュリティチェックをして見た。 脆弱性診断ツール nikto niktoは、Web アプリケーションセキュリティスキャナー。 $ sudo apt install nikto -y $ nikto -h localhost - Nikto v2.1.5 --------------------------------------------------------------------------- + Target IP: 127.0.0.1 + Target Hostname: localhost + Target Port: 80 + Start Time: 2019-08-23 22:26:00 (GMT9) ---------------------------------------------------------------------------

例えばWebサイトのバックエンドでアップロードされたファイルを/storage/フォルダ内に入れているとする。その場合、Gitではアップロードされた/storage/内の各ファイルは無視したいが、/storage/フォルダ自体は残しておきたいということがよくある。しかしGitで管理できるのはファイルだけなので、ファイルが一つも入っていないフォルダをGitで表現することはできない。そのために.gitkeepというダミーの空ファイルを作成してGitで管理することでフォルダを保持するということが頻繁に行われている。 ここではそのような場面でこれまでよく解説されている.gitignoreの書き方とは異なる、より柔軟で単純な書き方を発見したので解説する。 結論 保持したいフォルダ構造を作成。ここでは/storage/フォルダ以下のフォルダ構造をgitで保持したいとする。 各末端のフォルダに空のファイ

Early-stage startups shouldn't run on Kubernetes yet. But eventually, growth-stage and large companies should be running on Kubernetes in some form. Kubernetes Maximalism doesn't mean one-size-fits-all. Infrastructure should progressively grow with your workloads and team. How can you choose the right technology now so that you can maximize growth and minimize pain later when you inevitably outgro

これまで西側諸国から、ウクライナに大量の武器が供与されているように見えた。だが戦力を集中する作戦に出たロシアは、いま優勢に立っているように見える。 ウクライナ大統領府顧問は5月、「欧米から提供される武器が揃う6月中旬以降に、反転攻勢に出る」としていたが、すでに6月中旬。この戦況はなぜなのか。 【写真を見る】ウクライナに武器が届かない!?欧米に漂う“ゼレンスキー疲れ”とは【報道1930】 ここへきてウクライナから西側に武器供与を求める声が強くなっている。武器は西側から届けられるのか・・・。西側に吹き始めた風を読み解いた。 ■「ドイツは圧力をかけられ、それに屈したという印象を与えたくない」ドイツでは高射砲を搭載した車両“ゲパルト自走砲”を50両。“自走りゅう弾砲”を7両、提供することをすでに決定しているが、弾薬が確保できない、ウクライナ兵を訓練中などの理由で未だウクライナには届いていない。さら

インターネットが身近になった結果、ピンチに陥っている業界がある。インターネットカフェ業界だ。 【画像】快活CLUBの店内 10年以上前は「通信料や家族の目を気にせず、自由にネットが使える」という環境が貴重だった。しかし、2012年にはスマートフォンの普及率が50％を上回った。このころからネットにアクセスできる環境が当たり前となり、ネットカフェの人気は低迷。さらにコロナ禍が追い打ちをかけ、約10年間で2000億円を超えていた市場規模が約1000億円に半減したという。帝国データバンクによると、20年度にはネットカフェ・マンガ喫茶などの「複合カフェ」を主力とした企業が10件倒産した。 そんな中で、“独り勝ち”しているのがAOKIホールディングス傘下の快活フロンティアが展開する「快活CLUB」だ。売上高、店舗数はいずれも19年度まで右肩上がり。20年度は新型コロナウイルスの影響でマイナス成長となっ

昨年、アップル社が発売した持ち物追跡タグの「AirTag（エアタグ）」。 「鍵や財布を見つけるのに便利」「紛失防止に役立つ」として人気だが、一方で、軽量かつ500円玉ほどのサイズである同商品は、発売以来、ストーカー行為にも悪用されていることが、各国で報じられてきた。 エアタグは、ストーカー行為をかつてないほど容易にしているとの指摘もある。そんななか、アメリカでついにストーカー殺人事件が起きてしまった。

新型コロナに感染した人の中には、感染してから1ヶ月以上経っても何らかの症状が続くことがあり後遺症と呼ばれています。 現時点で新型コロナ後遺症について分かっていることについてまとめました。 新型コロナ後遺症とは？新型コロナに感染した人の中には、数週〜数ヶ月間に渡って様々な症状が続く方がいます。 海外では「LONG COVID」「Post-acute COVID-19 syndrome」など様々な呼び方がありますが、厚生労働省は「罹患後症状」と呼称し診療の手引きを作成しており、筆者も編集委員を務めています。 日本国内では「後遺症」と呼ばれることが多いため、ここでは新型コロナ後遺症という表現を使います。 感染症による後遺症という病態は、新型コロナだけでなく、これまでもデング熱、エボラ出血熱、SFTSなど様々な感染症で知られていました。 しかし、新型コロナのように感染者が非常に多い感染症で、決して

東京都内の19日の感染確認は1週間前の日曜日より76人増えて1622人で、前の週の同じ曜日を上回りました。また、都は、感染が確認された4人が死亡したことを発表しました。 東京都は、19日、都内で新たに10歳未満から100歳以上の1622人が新型コロナウイルスに感染していることを確認したと発表しました。 1週間前の日曜日より76人増えました。 19日までの7日間平均は、1603.0人で、前の週の99.3％でした。 19日、確認された1622人を年代別に見ると、30代が最も多く、全体の17.1％にあたる277人でした。 65歳以上の高齢者は110人で、全体の6.8％です。 また、これまでの都の基準で集計した人工呼吸器かECMO＝人工心肺装置を使っている重症の患者は18日と同じ0人でした。 一方、都は、感染が確認された60代と70代、それに90代の男女あわせて4人が死亡したことを発表しました。

震度6弱を観測した石川県珠洲市にある春日神社の関係者によりますと地震の揺れで、神社にある石の鳥居が根元から折れ、崩れたということです。 また、境内の石灯籠が倒れたほか、階段の一部が崩れるなどの被害が出ているということです。

マイナンバーカードの普及を促進するため、金子総務大臣は来年度の地方交付税を算定する際に、自治体ごとのカードの交付率を反映させる考えを示しました。 マイナンバーカードについて政府は来年3月末までに、ほぼすべての国民に行き渡ることを目標としていますが、今月15日時点の交付枚数はおよそ5694万枚で、交付率は45％となっています。 金子総務大臣は訪問先の島根県大田市で記者団に、「マイナンバーカードはデジタル社会の基礎となるツールであり、申請のサポートなど、自治体とも緊密に連携しながら、普及促進の取り組みを加速化していく」と述べました。 そのうえで「普及が進んだ自治体はほかの自治体と比べて、より一層取り組みが展開されるものと考えられる。各自治体の交付率の状況などを来年度の地方交付税の算定に反映することを検討する」と述べ、来年度の地方交付税を算定する際に、自治体ごとのカードの交付率を反映させる考えを

イベントページ https://cartaholdings.connpass.com/event/248756/ アーカイブ https://youtu.be/_GGR1xI4IUw 変化し続けるビジネス、増加し続けるデータに、どのように向き合ってきたか。また、データに強い組織にするには、組織構造から再考する必要性が顕在化した。これまで何をやってきたか？これからは何をするか？株式会社Zucksとデータの泥臭い事例について紹介します。

社内勉強会で使用した資料になります。Istio入門に少しでもお役に立てれば幸いです。

Dockerfileのベストプラクティス ベースイメージには公式のレポジトリを使用する FROM命令において、使用するベースイメージは公式のリポジトリのものを使用し、軽量なものが推奨されている。 例えば、Debian イメージなど。 FROM [--platform=<プラットフォーム>] <イメージ名> [AS <名前>] FROM [--platform=<プラットフォーム>] <イメージ名>[:<タグ>] [AS <名前>] FROM [--platform=<プラットフォーム>] <イメージ名>[@<ダイジェスト>] [AS <名前>]

半分ネタ記事です。あんまり真面目に書きません。 項目数が多いので，気力でなんとか書きます。分類は諦めます。 他にもある！っていうのがあったらコメント欄で教えて下さい。気が向いたら追記します。 公式の TypeScript 型定義がもはや型定義を諦めている 辛い度: ★★★★★ 辛い中でもこれはかなり上位に来るやつ。 こちらに OpenAPI 形式で仕様が定義されていて， https://github.com/slackapi/node-slack-sdk/tree/main/packages/web-api/types ここに仕様に基づいて TypeScript の型定義ファイルが吐かれるようになっています。 Git 管理されていないので，実際のリリースを見てみましょう。 https://unpkg.com/@slack/web-api@6.7.2/dist/response/Reacti

はじめに そりゃまあ 30 年も経てば古くなりますよ。「入門UNIXシェルプログラミング」は今もシェルスクリプトに関するオススメの本として名前が挙がる名著です。しかしこの本は古い本です。POSIX でシェルが標準化される以前の本で、内容から判断するとおそらく 1990 年ぐらいの常識に基づいて書かれています。 古いから参考にならないと言うつもりはありません。しかしどれだけ優れた本でも時間の流れには勝てません。良書であると思っているからこそ、古くなってしまった内容は訂正する必要があると考えています。なおシェルスクリプトに関する古い本はこれだけではありません。オライリーから出版されている本も古い本ばかりです。いつ頃に（原書が）書かれた本なのかを確認した方が良いでしょう。 ということでレビューというていで、古くなってしまった内容の訂正を行いたいと思います。新しく「入門UNIXシェルプログラミング