Re: Re: Re: 空想のNFTと現実のNFT - Software Transactional Memo
前回の記事に更に返事を頂いた。応酬が全部長文なのでこの記事から読み始める人は「まとめ」から読んで興味が湧いたかどうかで全文を追うか検討して欲しい。 sasakill.substack.com まさか本当に返事が貰えるとは思っていなかったが、実に興味深く、かつ知見として共有すべき事が書いてあったので「いつまでそのネタ擦ってんだよ」と突っ込まれるのを覚悟の上でさらなる返事をまとめる。 kumagiさんは「アテンション・エコノミーが最高であるとは思っていないが、市場の競争によって良い体験が生まれていることは認める」というもので、一方私は「アテンション・エコノミーの影響力が強くなりすぎていて、それ以外の良い体験の可能性を押しつぶしている」ととらえている。 これは確かにそうで40億回/日の再生数のうちどれだけが真にユーザーの利益になったかどうかについて僕は何らコメントできる立場にない。全ユーザーが全
JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に
JavaScriptのUIフレームワーク「Svelte 4」正式リリース。パッケージサイズが10MBから3MBへ大幅縮小、ハイドレーションコードも高速に JavaScriptのUIフレームワーク「Svelte」の最新版となる「Svelte 4」が正式にリリースされました。 https://t.co/9qz0sDglCe — Svelte 4 Ever (@SvelteSociety) June 22, 2023 Svelteは読みやすく簡潔なコードでWebアプリケーションのユーザーインターフェイスを構成できるフレームワークです。Stack Overflowの調査では開発者の人気が急速に高まっていることでも注目されています。 Svelteの最大の特徴はコンパイラであるということです。UIフレームワークは、なんらかのライブラリをアプリケーションに同梱することが一般的ですが、Svelteではコー
最適化はCDNがやればいい
題名に「CDN」と書きましたが、いわゆる「エッジ」のことです。オリジンありきなのであえてCDNと呼びました。とはいえ、オリジン自身がエッジにある可能性もあります。 メタフレームワークを作る Sonikというメタフレームワークを作っています。まだDevステージなんでどんなことができるか可能性を探っている最中です。 このフレームワークの特徴はとにかくエッジファーストです。 SSRしたバンドルの大きさを極力小さくする。 Islandsアーキテクチャを採用する。 DenoのFreshを参考にする。 CloudflareのBindingsを扱いやすくする。 Honoの上に乗せる。 とりあえずStreamingはサポートしない。 で、こういうのを作っていると、フレームワークは最小限にして、Core Web Vitalsのスコアを上げるために身を削る最後の部分はCDNに任せてしまった方がいいってことです
最近Xで話題になっている「学園アイドルマスター（以降学マス）」というゲームをご存じでしょうか。ゲームの名前は知らなくとも、“ものすごくきゃしゃな女の子のイラスト”をXのタイムラインで見たことはあるかもしれません。少なくとも自分のタイムラインでは結構な話題作となっているこの作品を今回はご紹介したいと思います。 タイトル画面 ライター：怪しい隣人 出来の良くないソーシャルゲームを勝手に「モバクソゲー」と名付けて収集、記録、紹介しています。モバクソ死亡リストは500件を超えました。年々ソーシャルゲームが複雑になり、ダメさを判定するのに時間がかかるのが最近の悩みです。本業はインフラエンジニア。そのためソーシャルゲームの臨時メンテは祭り半分胃痛半分な気分です。 同作は「アイドルマスター」シリーズの最新作。今までと大きく違うのは「プロダクションのプロデューサーとしてアイドルを育成する」のではなく、アイ
gzip圧縮だとあまり圧縮できていなく、スライディングウィンドウが小さいせいかなと思ったのですが、実際に大きさがかなり違うみたいなので、それが原因としてありえそうです。 Gzip uses a fixed size, 32KB window, and Brotli can use any window size from 1KB to 16MB, in powers of 2 (minus 16 bytes). This means that the Brotli window can be up to 512 times larger window than the deflate window. Results of experimenting with Brotli for dynamic web content - The Cloudflare Blog AudioContextの
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
Deno で 学ぶ React のサーバサイドレンダリング - 30歳からのプログラミング
Deno で React のサーバサイドレンダリング（以下、SSR）を実現する方法をハンズオン形式で書いていく。 自分が調べた範囲では、単に JSX で HTML を構築して終わり、という記事が多かった。それではあまり実用的ではないので、この記事ではハイドレーションまで行う。 また、React で SSR する方法を調べたところ、ほとんどの記事が Next.js を前提としていた。確かに Next.js を使わずに SSR するケースはあまりないだろうし、記事としても需要がないのだと思う。 しかし、Next.js のようなフレームワークが裏側で何をやってくれているのかを知ることで、SSR に対する理解を深めることができる。 事実、私は SSR をほとんど使ったことがなかったが、この記事を書くことでかなり考えを整理することができた。 Deno のバージョンは1.11.2で動作確認している。
エイプリルフールに便乗しているサイトまとめ2024年版
By ほしのるる 毎年おなじみのエイプリルフールが今年も始まりました～！どれが本当でどれがウソなのか、もしかしたらネタのふりをしているだけでマジなのではないか？というようにして現実と虚構が溶け合っていくカオスな一日のはじまりはじまり～。 ◆エイプリルフールのネタのタレコミのやり方 この記事中に未掲載のネタで「エイプリルフールやってる！」というのを発見したときや「うちもエイプリルフールをやってます！」という自薦の連絡はネタのタレコミ用メールフォームから送信してもらえればOKです！ ・掲載されやすくなる押さえるべきポイント GIGAZINE編集部員がサイトを見に行っても「どれがエイプリルフールのネタなのだ……？」ということで瞬時に判断できない＆ネタの意味がわからず記事化をあきらめてしまうしかない……となったり、「どこかがいつもと違うらしいが元のサイトの状態を知らないので、どこがどう変化したかま
Backend エンジニア視点からの GraphQL / GraphQL from a perspective of backend engineer
"LayerX、スタディサプリ、SHEと考える GraphQLが向いている現場とは？運用実践LT" で登壇した資料です。 引用した資料 [Rails アプリに RESTful API のレールを敷いて生産性が大きく上がった話 | Wantedly Engineer Blog](https://www.wantedly.com/companies/wantedly/post_articles/85098) [React Server Components と GraphQL のアナロジー | by Yosuke Kurami | Dec, 2023 | Medium](https://quramy.medium.com/89b3f5f41a01) [実質無料で GraphQL Gateway を手に入れる / low-cost GraphQL Gateway - Speaker Deck](
こちらのイベントのLT登壇資料です。 https://ochacafe.connpass.com/event/308830/ 登壇後、資料内の論理展開を登壇者の判断で改善しております。以下は登壇時からの主な修正点です。 ・レガシーMPAについて、FCPのみに着目して初回表示が遅いとしていた記述を削除 ・レガシーMPA + Ajaxについて、初回表示に関する言及を削除。SPAで行われる初回表示に関する変化の説明と重複するため ・SPAの初回表示について、FCPが速くなったとポジティブな書き方を、逆にLCPが遅くなったとのネガティブな記述に修正 ・SPA+SSRのページを削除。サーバーサイドフェッチを伴うSSRについてはNext.js側のページで解説 ・サーバーサイドフェッチを伴うSSRについてのネガティブな記述を削除し、SPA的なクライアントサイドフェッチのアーキテクチャとフラットに取り扱う
noteのフロントエンドApp分割
noteでの大きくなりすぎたNuxt.jsのアプリケーションを分割する取り組みについて
Dan氏によるCreate React Appの将来、およびReactとフレームワークの関係性についてのコメントの翻訳
Create React App(以下「CRA」という)の将来、およびReactとフレームワークの関係性についてDan氏がGitHubのIssueのコメントで語った内容の翻訳です。非常に長いコメントですが、Reactユーザーであれば一読に値する内容だと思ったので翻訳してみました。参考になれば幸いです。 原文 翻訳 みなさん、こんにちは。 CRAの現状については以前から痛いほどわかっており、それに対処するための提案に取り組んでいるところです。このプルリクエストは議論を始めることを目的にしていたので、私たちがCRAの将来について考えているいくつかの背景を説明する良い機会だと思います。私たちが考慮している理由とトレードオフについて明確にしたいので、いくつかのセクションからなる長いコメントになりそうです。もし全てを読む気になれないなら、最後のセクションまでスクロールして私たちが提案する今後の方法を
[レベル: 上級] JavaScript を多用するウェブサイトの SEO のために必要な基本知識を解説するドキュメントを Google はデベロッパーサイトで公開しました。 ドキュメントに書かれている内容をざっくり紹介します。 Googlebot が JavaScript を処理するプロセス Googlebot による JavaScript の処理は次の 3 つのプロセスに大きく分かれます。 Crawling（クローリング） Rendering（レンダリング） Indexing（インデックシング） 2 番目のレンダリングが、静的な HTML ドキュメントにはないプロセスになります。 レンダリングが完了して初めて最終的なコンテンツがインデックシング プロセスに渡されます。 クローリングもレンダリングも、すぐ実行されるとは限りません。 “キュー” に保存され順番に処理されます（なので、レンダ
No Bundle ツールの流行: vite / snowpack モダンブラウザは Native ESM を備えているので、開発時は高速な localhost アクセスを頼って直接 import する、外部ライブラリだけ事前にコンパイルしておく、という手法が流行ってきている。プロダクション用は今まで通りビルドする。 webpack はすべてを一つにバンドルするためにメモリ上にファイルの実体と依存グラフを持っているが、これによりメモリと CPU を圧迫する問題があった。特に巨大なリポジトリではそれが顕著になる。 No bundle ツールの実装として vite と snowpack がある。 https://github.com/vitejs/vite https://www.snowpack.dev/ vite は使ってみた限り、更新時の差分ビルドが爆速で、明らかに体感が良い。 Vue
無凸SSRを抜くべき３つの理由１ 金特神話の崩壊 ２ カード効果重複の重要性 ３ レベルアップ済み凸SR、覚醒済み育成ウマの増加 理由１ 金特神話の崩壊古代ウマ娘文明 金特がたくさんあるとなんか強そうだよね。鋼の意志もとりあえず取るわ 近代ウマ娘文明 金特だから無条件に強いわけじゃないよね。聞いてるか？鋼の意志 現代ウマ娘文明 金特と言っても結局はノーマルスキルの強化版以上の意味はないよね 大雑把に「スタミナ金特は通常スキルの3.5倍」「それ以外の金特は通常スキルの2.5倍の性能」と言われていてます。 これだけだと、やっぱ金特強いなーっ気もするんですけど、それって必要なスキルptとの兼ね合いも考えてます？ 金特って基本ヒントLV１～３、場合によっては下位スキルはノーヒントなんですよ。 場合によっては金特１個取るのに使うptで通常スキル2.5個取れることもありえます。 金特の性能が通常スキル
のようなイメージです。 ※192.0.2.0/24、198.51.100.0/24、203.0.113.0/24 は例示に利用できる IP アドレスブロックです。 実在する IP アドレスではありません。 以上のように、CDN では オリジンサーバーのドメインと CDN 用ドメインの紐づけ CDN 用ドメインに対応する IP アドレスの動的な名前解決 を用いて、オリジンサーバーへのリクエストを地理的に近いエッジロケーションへのリクエストに振り替るのが一般的です。 CDN サービスの例ここでは、CDN サービスの例を各クラウドベンダーごとに簡単に紹介します。 AWS - Amazon CloudFrontAWS の提供する CDN サービスは Amazon CloudFront です。 Amazon CloudFront では、CDN のオリジンサーバーとして EC2 や S3、ELB など
つい先日、数年ぶりに友人の甘寧(かんねい)と酒を飲みまして、大変懐かしかったので、今日はファミコン版の「三國志」の話をします。 三国志をご存じの方なら、一行目から「こいつは何を言っているんだ？？？」という疑問を抱かれたと思いますので順を追って話しますと、甘寧というのは私の小学校来の友人の田島くん(※仮名)のことです。 田島くんが何故甘寧かというと非常に単純な話でして、それは彼が甘寧に酷似しているからです。 これが甘寧です。そして田島くんです。当時から似ていましたが大人になってより一層甘寧になっていました。 ご存じの方には今更の話で恐縮ですが、光栄(現コーエーテクモゲームス)の「三國志」には「武将」が出てきます。 劉焉、曹操、孫権などの皆さんよくご存じの中国・三国時代の英傑たちを操って中華全土を統一することが目的のゲームなのですが、当時既にファミコン移植されていた「信長の野望・全国版」が基本
Recoil について勉強した
Fecebook が新しく発表した Recoil について 自分の学習手順 Getting Started | Recoil を写経して動かす Facebook 製の新しいステート管理ライブラリ「Recoil」を最速で理解する - uhyo/blog で非同期周りを理解 公式ドキュメントの API Reference で理解 <RecoilRoot ...props /> | Recoil これは自分が写経しながら書いた型定義。色々足りてないがチュートリアルで出る範囲は理解できる。 declare module "recoil" { export type RecoilState<T> = {}; export const RecoilRoot: React.ComponentType<{ initializeState?: (options: { set: <T>(recoilVal:
「『ツイステ』ってやつがすごく流行ってるんでしょ？」という人におくる『ディズニー ツイステッドワンダーランド』流行の軌跡
「『ツイステ』ってやつがすごく流行ってるんでしょ？」という人におくる『ディズニー ツイステッドワンダーランド』流行の軌跡 「ツイステ」という単語をご存知だろうか。「時々Twitterのトレンドで見かける」「なんかディズニーのやつなんでしょ？」「御伽原江良ちゃんの放送で聞いた」。話題になっているみたいだけど、何なのかはよくわからない。本稿ではそんな方に向けて、「ツイステ」がどれだけすごい勢いで流行しているのか、その様子をご紹介したいと思う。 「ツイステ」とは2020年3月よりリリースされた女性向け育成ゲーム『ディズニー ツイステッドワンダーランド』の略称だ。2020年8月現在、ちょっと信じられないほど勢いよく流行している。 （画像は【公式】ディズニー ツイステッドワンダーランド（ツイステ）より） 『ディズニー ツイステッドワンダーランド』（以下、『ツイステ』）はその名のとおり、ディズニー、そ
こんにちは。ウェルスナビでソフトウェアエンジニアをしています水馬(@mizuma_t)です. 今回のテーマはフロントエンドモニタリングです。 みなさんフロントエンドのモニタリングは正しく行えているでしょうか？ 各ユーザの端末内で生した事象を正しくモニタリングするためにはサーバサイドとは異なる知見が求められます。今回は、AWS上でフロントエンドアプリケーション(Next.js)を運用するにあたってのモニタリングの知見をお伝えしたいと思います！ フロントエンドの「何を」モニタリングするのか？ ひとえにモニタリングといっても目的やサービスの特性に応じて期待されるモニタリングの範囲と意味合いが異なることが一般的です。 本記事では以下の項目に焦点を当ててAWSを用いたモニタリング手法について解説しています。 ユーザの端末内で発生したエラーを正しく検知できているか？ レンダリングサーバで発生したエラー
blitz-js prisma rails 倒し方
この記事の内容 blitz-js が生まれた背景 prisma の紹介 blitz で簡単なブログを作ってみる blitz を vercel にデプロイしてみる tldr blitz-js は next.js + prisma で rails を再現しようとしているフレームワーク Prisma ORM それ自体が良い。blitz の理解のためにも、まず Prisma を学べ blitz-js 自体はまだ α 品質だけど、今から注目しておく価値はある。デファクトになるかは不明。思想は継承されそう。 はじめに next.js はとても良いフレームワークだが、永続層を持たない。なのでフロントエンドとフロントサーバーに閉じている。 永続層、つまり DB を持たないので、初学者や流行りのプログラミングスクールの教材に選ばれない。また、JavaScript の学習資料が散らばっている。 要は Rail
「最近のにじさんじつまらないなぁ」 そう思ってる人いませんか？私がその一人です。 他にも多分いると思います。 このタイトルを見て飛んできた方なのですから、いますよね？ これは個人的な感想です。 私が最近のにじさんじをつまらないと感じ、箱として推せなくなった本音の話。 理由その１「案件とオフイベで見たい配信が減った」 最も大きな理由です。 正直、推しが配信さえしてくれるならばある程度は気が紛れるのですが、 最近のにじさんじを象徴するルーティーンといえば、 案件、コラボ、オフイベント、APEX、マイクラ、案件、APEX、オフイベント、マイクラ、コラボ、オフイベント。 案件とオフイベの間に挟まるノルマをこなすかのような配信スタイルには虚無感を覚えます。 ライバーの熱意の向かう先が「普段の配信に来るようなファンには向いていない」と感じる事が増えました。 まず、案件とオフラインイベントがあまりにも多
プーチンが、ウクライナ侵略の9ヶ月前に発表した論文、というかアジ文。ウクライナはロシアと一体、という文章のように題名だけ見ると思えるが、実際にはウクライナは常にロシアの庇護下にあったし、ロシアが守ってやらないとやってけないぜ、ついでにドンバスとかクリミアとか、ロシア系が多くてみんなロシアになびいているのにウクライナ政府がそれを邪魔してネオナチ国粋主義者が虐殺していて、西側がそれを支援していてけしからん、という文章。 2022年のウクライナ侵略におけるプーチンの考え方を示す資料としてときどき言及されるが、きちんとした訳をみたことがないので (きちんとしていない、機械翻訳以下の訳が東京都市大名誉教授によるものとして存在するようだ) 自分でやりました。翻訳は、クレムリンの公式英訳に基づいている. ロシア語との齟齬があるかもしれないが、チェックしていない. 付記：ロシア大使館の翻訳がすでにあった。
Next.jsはどうやってスクロール位置を復元するのか
Next.jsにはexperimental(実験的機能)でscrollRestorationというフラグが存在します。 // next.config.js const nextConfig = { // ... experimental: { scrollRestoration: true, }, } module.exports = nextConfig デフォルトでもブラウザ側でスクロール位置を復元してくれることもありますが、Safariでは復元されなかったり、ChromeでもgetServerSideProps利用時にはこのフラグを有効にしないとスクロール位置が復元されないなど不安定な状態です。最近この辺りについて識者の方々から色々ご教示いただき、自分では気付けないような部分の知見も多く得られたので、備忘録兼ねてscrollRestorationが何を解決しようとして、どう実装されて
中国では『スーパーマリオ』の「POWブロック」も自主規制を強いられる。中国のゲームコンテンツ、検閲事情まとめ - AUTOMATON
ホーム ニュース 中国では『スーパーマリオ』の「POWブロック」も自主規制を強いられる。中国のゲームコンテンツ、検閲事情まとめ 昨年12月10日、中国でようやく正規版Nintendo Switchが発売された。ただし、ゲーム機と同時に発売されたNintendo Switch向けソフトは、『New スーパーマリオブラザーズ U デラックス』のみだった（今年の3月16日にようやく2つ目のゲーム『マリオカート8 デラックス』が発売された）。このゲームソフトの内容は、国際版とほとんど同じだったが、少しながらゲーム内アイテムの仕様が違ったようだ。 【UPDATE 2020/4/20 9:00】 記事タイトルを「自主規制される」から「自主規制を強いられる」へと変更 Image Credit : Chinese Nintendo 中国版のPOWブロックは、英字の「POW」ではなく意味不明の模様になってい
Next.js + NestJS + GraphQLで変化に追従するフロントエンドへ 〜 ショッピングクーポンの事例紹介
今回は、fragmentを活用するためにパターンCを採用しており、厳密には、以下のように方針を定めています。 SSR時のクエリ発行: ページコンポーネント単位 CSR時のクエリ発行: CSRが必要なコンポーネント単位 この際、取得したqueryの結果をどのようにfragmentへ変換するかというのがポイントです。 そこで、graphql-anywhereの filter メソッドを用いることで、クエリ結果をfragmentへ変換します。 以下は、簡略化されたクーポンページの実装例です。 type DetailPageProps = { // GraphQLクエリの結果 data: Query } const DetailPage: FunctionComponent<DetailPageProps> = ({ data }) => { // couponはGraphQLのCouponスキー
グラブルの風リリィについて整理 5/30追記
個人的にこの事象がとても興味深いので時系列とともにまとめていきたいと思う グラブルわからない方でもわかりやすいように書いているつもりだけど分かりづらかったらすまんやで まずリリィについて整理・出身は同サイゲームズの進撃のバハムート ・今回はグランブルーファンタジー（AppStore 4+ ,Google 13歳以上の判定のソシャゲ）の出来事 ・グラブル内ではかなりサービス初期の方に実装されたキャラ ・今回含めキャラとしては4パターンが出ているが今回以外の3パターンは露出少な目 https://グランブルーファンタジー.gamewith.jp/article/show/21005 https://グランブルーファンタジー.gamewith.jp/article/show/43871 https://グランブルーファンタジー.gamewith.jp/article/show/246402 出て
おうちで人力コラボカフェした話｜ソーセージ姉さん
1.はじめに突然ですが、あなたはコラボカフェは好きですか？ コラボカフェとは、特定のコンテンツ（ゲーム・アニメ・アイドルetc…）が飲食店とコラボし開催される期間限定カフェの事である 私はそれが大好きだ またアイドルマスターシンデレラガールズに登場する衛藤美紗希（えとうみさき）も大好きだ 私の夢はコラボカフェで衛藤美紗希のコラボメニューを食べ、グッズを買い、写真を撮ってその空間を心から楽しむことだ しかし衛藤美紗希はまだコラボカフェを経験した事が無い 私は常に衛藤美紗希のコラボカフェの開催を待ち侘びている 夜行バスで都心へと向かいネカフェで時間を潰し身なりを整えたら現地に直行し心ゆくまで楽しんだらそのまま直帰する弾丸コラボカフェツアーをしたいのだ そんな私はある日「コラボカフェごっこ」という遊び方がある事を知った それは実現されない推しのコラボカフェを夢見るオタクが、工夫を凝らした推し色の
OSSとしてリリースされたばかりのReactベースのフルスタックWebフレームワークであるRemixをためしてみました。 はじめに こんにちは、CX事業本部MAD事業部の森茂です。 re:Inventを前にAWSの情報も気になるところですが、フロントエンド界隈もReact Conf 2021を前にReact v18 betaをはじめ、Next.js v12やReact Router v6、新しいRoutingライブラリReact Locationのリリースなどなど注目のリリースラッシュが続いているようです。そんな中Reactをベースにした新しいフレームワークであるRemixが本日（2021/11/23日本時間）リリースされました。 Remixとは RemixはReactRouterの作者でもあるMichael Jackson氏（@mjackson）とRyan Florence氏（@ryan
達人出版会
探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う！ オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 R／RStudioでやさしく学ぶプログラミングとデータ分析 掌田津耶乃 データサイエンティストのための特徴量エンジニアリング Soledad Galli(著), 松田晃一(訳) 実践力をアップする Pythonによるアルゴリズムの教科書 クジラ飛行机 スッキリわかるサーブレット＆JSP入門 第4版 国本 大悟(著), 株式会社フレアリンク(監修) 徹底攻略 基本情報技術者教科書 令和6年度 株式会社わくわくスタディワール
【結論】 5ヶ月かけて無事完了しました。あー長かった。 新規の機能開発を止めないために一般的な開発チームでは今回のようなフロントエンドのフルリプレイスで一部新規の機能開発を止めながら開発を行うことがあると思います。 コードフリーズとなど呼ばれているものですね。 しかしログラスのようなスタートアップではプロダクトを絶えず進化させていくことがとても重要です。 機能開発を止めてしまえばたちまち大きな開発チームをもつ競合に追い抜かれて会社が負けてしまいます。 本記事ではフロントエンドフルリプレイスを新規機能開発を止めずに走らせる方法を解説していきます。 リプレイス概要本題に入る前に今回リプレイス対象となったLoglassについてとプロジェクトの概要について説明します。 【Loglassについて】 「プランニングクラウド Loglass」はBtoB SaaSのサービスの一つです。 基本はSSGやSS
対象読者 RemixがNext.jsなどとはどんなところが違うのか知りたいJavaScriptエンジニア WebブラウザとNode.jsという異なるランタイムをそれぞれキャッチアップするのが辛くなってきたエンジニア 前提環境 筆者の検証環境は以下の通りです。 macOS Monterey 12.5.1 Remix 1.7.1 Webフロントエンド技術の広がり Webブラウザ上で動くアプリケーション周辺のエンジニアリング分野は、JavaScriptの進化とともにサーバーサイドの責務から分離され、「Webフロントエンド」という名前で呼ばれることが多くなりました。この分野は、Webブラウザをランタイムとしてリッチなアプリケーションを効率良く開発し、ユーザーに良い体験を与えることを主な目的としていると、筆者は認識しています。 ここで着目したいのが、このWebフロントエンド分野においては「Webブラ
先日、React Server Componentsについてまとめる機会がありました。 この記事では、React Server Componentsの概要と、デモを触る中で感じたことについてご紹介します。 React Server Componentsとは React Server Componentsは、Reactコンポーネントをサーバーサイドでレンダーする新しい技術です。 一部のコンポーネントをサーバーサイドでレンダーしてしまうことで、アプリケーションのパフォーマンスを上げることを目的とします。 図は、デモの画面のうち、サーバーでレンダーされる部分を青で、クライアントでレンダーされる部分を赤で示したものです。 ページ全体をサーバーでレンダーするのではなく、一部のコンポーネントはクライアントにレンダーさせていることがわかります。 また、React Server ComponentsはCo
俺はつくづく怠惰で無責任な人間であるという認識まではあなた方と共有できるし、それが望ましくないということもわかる。 しかし怠惰で無責任な人間であるが故に修正できないのだ。大変申し訳ない。 思い返せば生まれてからこの方なにかしたという意識がまるで無い。どれくらい無いかというと今まで後悔したことがない。あれはああなるしかなかったと思っている。今の記憶を引き継いで好きな環境で生まれ直せるとしても、まあ30年後にはこの体たらくに収束するものと思っている。 むろん俺の家族はじめ俺になにかされて俺との関わりを後悔した方々が大勢いらっしゃるのは承知している。大変申し訳ない。 ただ重ねて申し上げると俺は多分一生このままなので、重ねて後悔したくないならもう俺と関わらないほうがよい。 ここまで読んで俺の幼稚無責任っぷりにイライラしている人は多いと思うが、その人達をもっとイラつかせるだろうことを言うと、俺は今の
シャニマスをずーっとずーっとやってきてライブも行って、担当のカードは全部引いてそれでもシャニマスはウンコだって断言できる。そしてウマ娘もすでに同じ道をひた走ろうとしている。なんでや。 俺がシャニマスがずーっとウンコだって言ってんのは、シャニマスのカードシステムのことなのね。、シャニマスにおいて一番のウリで一番よくできてるのはシナリオなわけだけど、シナリオを全部遊ぶためにはガチャするしかないわけ。 しかも各アイドルの根幹となるような重要なイベントはほとんどが限定SSRになってる。ファック！アホか！ 俺が仮に友人(おらんけど)に「シャニマスいいぜぇ～やろうぜ～」と勧めたとするわな。でその友人(架空の存在)が「三峰ええな！」となったとするじゃん。で、友人(脳内)がとりあえずRかSRで三峰をプロデュースして感想を聞かせてくれるとするやんか。 でも、一番大事なノットイコールの話はできねーんだよ！限定
まえがき アクセシビリティーの観点からWebサイトを診断し、AIプラットフォームを利用して得た情報をもとにベストプラクティスを提案してくれるオープンソースのWebサービス「Visible」を開発しました。 WebサイトURL: https://visi.dev GitHubリポジトリ（Starください！）: https://github.com/visible/visible GoogleのLighthouseなど、Webサイトの診断を行ってくれるサービスは以前からありましたが、診断だけではなく改善点の提案も行う新しいサービスになっています。また、アクセシビリティーに関する理解を深めてもらえるように工夫をした設計にしていたり、コマンドライン版ではスタンドアロンで実行可能なようになっています。 2020年度の「独創的アイデアと卓越した技術を持つ小中高生クリエータ支援プログラム」未踏ジュニアに
現在業界で話題沸騰のスマホゲーム「ウマ娘」。擬人化した競走馬を育てるという、何ともユニークな視点のこのゲームだが、やはりスマホゲームの醍醐味といえば「ガチャ」である。この「ガチャ」がいかに素晴らしい演出か、そしてやる気を掻き立てるのか、その点が今後のお売れ行きを大きく左右すると言っても過言ではない。ということで早速ガチャをやってみた。 ウマ娘とは 【ゲームリリース!】 ついに!ゲーム「ウマ娘 プリティーダービー」のサービスを開始! ウマ娘たちがトレーナーを待っています! ダウンロードはコチラ! ●App Storehttps://t.co/PRuCG7JV3d ●Google Playhttps://t.co/PlUcDNweCe#ウマ娘 pic.twitter.com/5uhPPzGodM — ウマ娘プロジェクト公式アカウント (@uma_musu) February 24, 2021
大塚流フロントエンド開発の歩き方
フロントエンド開発は考えることが多い。とくに 0 -> 1 の場合だと、何からはじめたらいいのか？が全然わからず、途方にくれてしまうこともあるでしょう。実際、ぼくがそうでした。 そして、そういった情報はなかなか検索しても出てこない。設計方法や実装方法みたいなものはたくさんあるのに。なので、書いてみました。 これは、ぼくがいくつかのフロントエンド開発を経て「これを最初に知っていれば、もうちょっとうまくできたかも？あの失敗がなかったかも？？」をまとめたものです。 フロントエンド開発に不慣れな方の参考になれば、これ幸いです。 まずは仕事のゴールを確認する プロジェクトや各フェーズごとに仕事のゴールは異なるため「何をもって仕事が完了したと言えるか？」を確認する。たとえば、要件定義フェーズであれば「画面仕様書が完成する」とか、開発フェーズであれば「API結合試験がすべて完了し、バグチケットがすべてク
メルカリJP Webチームの@urahiroshiです。 Webチームでは、メルカリWebのマイクロサービス化や機能開発を行なっています。メルカリWebのマイクロサービス化の概要については、昨年のTech Conferenceの資料がよくまとまっているので、そちらを参照していただけると良いかと思います。 https://speakerdeck.com/mercari/mtc2018-web-application-as-a-microservice-3a161f5c-07fa-4dca-99e9-bd0e8feeeddf 現在、メルカリWebのトップページはマイクロサービス環境から配信されており、他のページも随時マイクロサービス環境に移行していく予定です。 この記事では、マイクロサービス環境で導入した、メルカリWebの新しいリリースフローについて記載します。 まずメルカリWebのマイクロサ
Google Developers Japan: 新しい Cookie 設定 SameSite=None; Secure の準備を始めましょう
.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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お約束を逆手に取った良作「学園アイドルマスター」レビュー 下手な歌が成長していく前代未聞システム
Web Speed Hackathon 2021 miniでほぼ満点を出しました
DJ SODAさん「フェスで性被害」、20歳の男性2人を任意聴取：朝日新聞デジタル
フロントエンドパフォーマンスの変遷とNext.jsに見る次の時代
JavaScript SEOの基本を解説するドキュメントをGoogleが公開
Native ESM 時代のフロントエンドビルドツールの動向
ウマ娘１,２ヶ月やってる奴ら、いい加減その無凸SSR抜け
CDN 入門とエッジでのアプリケーション実行 | フューチャー技術ブログ
甘寧(田島くん)と酒を飲んで、ファミコン版の三國志のことを思い出した話
AWSを用いたフロントエンドモニタリング入門 ~Next.js編~ - ウェルスナビ開発者ブログ
最近のにじさんじをつまらないと感じる理由。箱推しが無理になった話。｜ダブルスタ丼
プーチン『ロシア人とウクライナ人の歴史的一体性について』(2021) - 山形浩生の「経済のトリセツ」
ReactベースのあたらしいフレームワークRemixをためしてみた | DevelopersIO
5ヶ月で完走！新規開発を止めないAngular→Reactリプレイスの進め方まとめ｜Yuito Sato
「Remix」という哲学を学ぼう──学習コストを最小限に抑えるReactベースの注目フレームワークを解説！
React Server Components 総まとめ
【急募】30代中卒職歴無しがこれから先も働かずに生きていく方法
ウマ娘とシャニマスがウンコなところまで似てるのどうにかならんか
機械学習APIでWebサイトの改善点を提案するサービスを作った話 - Qiita
擬人化した競走馬を育てる「ウマ娘」のガチャ確率が色々とおかしいので、調べてみた
マイクロサービス環境でのメルカリWebのリリースフロー