GraphQL実践ノウハウv2 https://speakerdeck.com/sonatard/graphql-knowhow-v2 宣言的UIの状態管理とアーキテクチャSwiftUIとGraphQLによる実践 https://speakerdeck.com/sonatard/swiftui…

コンテナクエリは今までのメディアクエリのスクリーンベースではなく、親コンテナをベースにして子要素のスタイルを定義できます。レイアウトやコンポーネントをはじめ、レスポンシブ対応のフォントサイズにも大活躍する新機能です。 そんなコンテナクエリが安定版のブラウザにサポートされ、ポリフィルも大幅にアップデートされたので、基礎知識、基本的な使い方、便利な新単位、ポリフィルの使い方と注意事項を紹介します。 CSSの新機能でネックになるのが、ブラウザのサポート。しかし、CSSの新機能コンテナクエリは、違います。サポートされていないブラウザ用にポリフィルも同時に開発されており、2年くらい前のブラウザでもサポートされています。 Container queries begin to land in stable browsers while the polyfill gets a big update by

佐藤航陽（さとうかつあき） @ka2aki86 2022年のイグノーベル経済学賞の「成功するのは才能ある人ではなくただ運のいい人であることの数学的説明」が超おもしろい。この通りならば自分に才能があるかを悩む必要はないし、成功した人(≒運のいい人)に嫉妬したり過剰に持ち上げたりする必要もないことになる。少し気が楽になる研究。 2022-09-26 22:55:47

吉本浩二・こづかい万歳6巻まで発売中！ @yoshimotokoji 漫画家です。『定額制夫のこづかい万歳～月額2万千円の金欠ライフ～』週刊モーニングで連載中。⭐感想やお手紙、誠にありがとうございます。大切に拝読しております📙『ルーザーズ』『淋しいのはアンタだけじゃない』『ブラック・ジャック創作秘話』『日本をゆっくり走ってみたよ』『さんてつ』『昭和の中坊』『カツシン』など。お菓子好き。 comic-days.com/episode/108341… 吉本浩二・こづかい万歳6巻まで発売中！ @yoshimotokoji 【無料公開！】 コミックDAYSにて、『こづかい万歳』第34話、無料配信しております！今回は“我が家のサブスク問題勃発”のお話です。…どうぞよろしくです〜！🖥️🎞️💻🎶🤔 #こづかい万歳 #コミックDAYS 「第３４話 | 定額制夫の「こづかい万歳」comic-da

アークシステムワークスは9月14日、対戦格闘ゲーム『GUILTY GEAR -STRIVE-』の第11回デベロッパーズバックヤードを公開。本作のさまざまな情報について開発者が説明した。このなかでは、本作のDLCキャラクター「ブリジット」の“性自認”について、公式の見解が示された。 【お知らせ】 『GUILTY GEAR -STRIVE-』第11回デベロッパーズバックヤードを公開いたしました。 今回は「ブリジット」や「今後のアップデート情報」、「シーズン２アンケートの結果や質問への回答」などを中心に掲載しております、是非ご覧ください。 ▼詳細はこちらhttps://t.co/0QYPhmvf66#GGST pic.twitter.com/JvM2NO5lNZ — GUILTY GEAR OFFICIAL (@GUILTYGEAR_PR) September 14, 2022 ブリジットは、『

話題になったのは、9月6日に漫画家さわぐちけいすけさん（@tricolorebicol1）がTwitterに投稿したマンガです。 「前々から気になってたんだけど…なんでいつも否定してくるわけ？」 友人からそう問われた主人公は驚きます。 「いやそうだっけ？」「それ！それのこと！なんで毎回否定すんの？」「否定してないよ！」 「いやぁいい天気ですね」「いや今日も頑張ったなぁ」 そんな風に「いや」を使う主人公。 「感嘆詞として使ってたの…？」と驚く友人に、主人公は「これ口癖みたいなものかも。プラスの意味もマイナスの意味もないもん」と受け止め方の違いにがくぜんとします。 東北出身の主人公は、友人から「方言みたいなものなのでは？」と問われて振り返ると、家族や友人たちが自然と「いや」と言っていたシーンが思い浮かびます。 「いや信じてくれ！　『あら』『えっと』的な音でしかないんだ！」

結婚して家庭持たないと半人前という言葉があるけど結婚出産前は 「はぁ? 家庭持っただけが取り柄ちの人間の負け惜しみだろ乙」 と思ってたが自分が結婚して産んでみたらなんとなくその言葉の意味が理解できてしまった 小梨は半人前というか、 世界の半分を知らない状態だとは思う もしこんなこと公に言ったら大炎上するんだろうけどここだから言うわ 追記 こんな場所で空気読む必要あるの？ 便所の落書きで何で他人の子供にフリーライドする厚かましい繁殖も出来ない種無し猿に神経使わなきゃならんの？ 他で言えないからここで言うんじゃんね 本当卑屈な喪が多すぎる。リアルなら多少気を遣わなくもないけど、こんなとこで気なんか遣わないよ 人生には時期があって。ちゃんと恋愛、結婚して子供産んでっていう その段階踏んで年取ってない人は半人前どころか人でなしだよ 独身は老々介護で親のオムツでも替えて人生終われ

*1 こんにちは、サーバーサイドエンジニアの @kimihiro_n です。 今回はSentryというエラー集約管理システムをGo言語で扱う場合の知見を共有したいと思います。 Sentry とは Sentryはエラーの集約管理を行うためのシステムで、作成したアプリケーション内で発生したエラーを一括で収集して見やすく管理することができます。 sentry.io 類似のエラーをグルーピングして発生頻度を確認したり、エラーの発生状況をSlackのようなチャットツールに通知してくれたりします。 予期しないエラーが発生したとき、生のログを見なくてもSlackやWebのUIで確認出来るのはとても便利です。 バックエンドからフロントエンドまで幅広い言語に対応しているためシステムのエラーを一括で集約が可能です。 JX通信社ではエラー管理ツールとしてSentryを広く利用しており100を超えるシステムが登録

結論 どちらでもいい セミコロン付けても付けなくても落とし穴はある ESLintを利用することで落とし穴を検知できる 私はセミコロンつけない派 自動セミコロン挿入とは 自動セミコロン挿入(automatic semicolon insertion) この仕組みのおかげでセミコロンを使わなくてもコードを書くことができ、コンパイラが行末を察してセミコロンを挿入してくれる 自動セミコロン挿入のしくみはECMAScriptで規定されており、自動セミコロン挿入はJavaScriptエンジン間で可搬性がある 自動セミコロン挿入には落とし穴があり、ルールを理解しておく必要がある 第１のルール：セミコロンが挿入されるのは、"}"トークンの前か、改行の後か、プログラムの末尾だけ

はじめに AWS上で仮想ネットワークを構築できるAmazon VPCは、多くのAWSサービスが動作する基盤となる、非常に重要かつ多機能なサービスです。 多機能ゆえに公式ドキュメントやネット上の記事も断片的な機能の解説が多く、全体像を把握することが難しいサービスとも言えます。 そこで本記事はVPCの全体像を理解できるよう、各機能のつながりや動作原理を丁寧に解説し、 「VPC界の百科事典」 (あくまで例えですが…笑) となるような記事を目指したいと思います。 【追記】 実践編の記事を追加しました VPCの実画面での構築方法は、以下の別記事にまとめました。「VPCを実際に触ってみたい！」という方は、こちらもご一読いただけると嬉しいです。 VPCとは 「Virtual Private Cloud」の略で、クラウド上に仮想的なネットワークを構築するためのサービスです。 例えば、オンプレ環境でWebア

ポンデべッキオ @pondebekkio 独身中年男女が子供がいないから気楽っていうのあまりに中年への解像度が低過ぎる。独りぼっちの50代とか気楽どころかキツイに決まってる。よほど才能があるとか実家が太いとかでジジババになっても人が寄ってきたりしない限りはメンタルが歳と共にどんどんすり減って行く。 2022-07-26 17:24:08 ポンデべッキオ @pondebekkio ツイッター始めたロスジェネおじさん。フォークリフト界隈。特技はエクセルとストレッチフィルムで荷を固定すること、日本語が曖昧なアジア人に仕事を教えることです。阪神中日オリを応援してます。おこづかいのためにnote始めました。 note.com/pondebekkio 人気記事のまとめはこちらです！👇 note.com/pondebekkio/n/…

7/27（水）開催の「TechFeed Experts Night#1 〜 Web標準 / CSS / Webアクセシビリティを語ろう」で発表した内容です https://techfeed.io/events/techfeed-experts-night-20220727 スライド内のリンクがクリックできるPDF版はこちら https://drive.google.com/file/d/1fc98v082exdGcCuxS73wEN_Qe2COvdTW/view?usp=sharing 各デモURL ■ 上下左右中央揃え https://codepen.io/tonkotsuboy/pen/qBbpYzj ■ スムーススクロール https://codepen.io/tonkotsuboy/pen/NWyNMOo ■ すりガラス https://codepen.io/tonkotsuboy

ねこ @AquaLamp 世の中には困ってる人を助ける制度がたくさんあるのに何が使えるかを教えてくれないっていう理不尽仕様なんだが、そんな世界をなんとかしようとしてる人たちがいて、そのためのWebページがこの前リリースされたってことを僕はフォロワーさんに知っておいて欲しいと思ったんよ compass.graffer.jp/handbook/landi… pic.twitter.com/NhGGF8wSmg 2022-02-11 18:42:36

はいさい！ちゅらデータぬオースティンやいびーん！ 今回の記事は筆者に珍しく、技術紹介ではなく、僕の個人的な意見を書きます。あくまでも、自説です。 React自体は画期的で、プログラミング界に貢献したプロジェクトだと思っていますし、完全に否定したいわけではありません。 Reactに対する違和感＝芽生えては大きく育った種 筆者はReactがとても好きでした。JavaScriptが好きになったきっかけもReactでした。何から何までもReactで書き直して、Custom Hooksを作って、refを子部品に渡したり、バリバリ満喫していました。 Vueも仕事の関係で習得せざるを得なくなったのですが、Vueは最高に大嫌いでした。これならReactで書き直してやるぅ！と思ったりも。 Reactについて社内でも導入を推進したり、React入門の勉強会を開いたりもしています。 しかし、そんな筆者は、最近に

Denoが新フレームワーク「Fresh 1.0」リリース。Just-in-timeレンダリングやランタイムオーバヘッドゼロなどの特徴がもたらす優位性とは？ JavaScriptやTypeScriptのサーバサイドランタイム「Deno」を開発するDeno Land Inc.は、Deno用のフルスタックフレームワーク「Fresh 1.0」のリリースを発表しました。 バージョン番号の1.0が示すように、安定版としてのリリースです。 Fresh is a new full stack web framework for Deno. It sends zero JavaScript to the client by default and has no build step. Today we are releasing the first stable version of Fresh.https

ブラウザだけでなく、非ブラウザなJavaScript（JS）処理系も増えてきたので、「主要ブラウザ、Node.js、Cloudflare Workersでも動くDenoファーストなTypeScript/JavaScriptモジュール開発＆CI/CD」をやってみました。一事例として共有します。 はじめに 最近、TypeScriptで hpke-js というモジュールをつくりました。 HPKE (Hybrid Public Key Encryption) というのは、ざっくり言うと、公開鍵を交換しあって共有鍵をつくり、安全にEnd-to-End暗号化をおこなうための規格です。これを Web Cryptography API 上に実装し、このAPIをサポートする複数のJS処理系（主要なWebブラウザ、Node.js、Deno、Cloudflare Workers）で動作保証する（ちゃんと全環境で