この記事で書きたいことは、大筋以下のような内容です。 ・「勉強出来ない教育ママはとにかく塾に通わせたがる」的な話を読みました ・塾で全てが解決するわけではないのはまあその通りなのですが、マウントと煽り主体で「じゃあどうすればいいねん」という話を置いていき過ぎだなとも感じました ・塾が有効に動作しない時、その原因になるのは多くの場合「タスク管理不足」です ・人類はマルチタスクが苦手でして、その為タスク管理やタスク整理の練習を積まないといけません ・子どもに「勉強する気を起こさせる」ことは大抵の場合極めて困難ですが、勉強をするインフラを整え、タスク管理の技術習得を手伝ってあげることは出来ます ・どうすればいいの？→大きく三つあります。「広い机を用意して」「タスク可視化とタスク整理用のインフラを作って」「当初はなるべく子どもと一緒にタスク整理をしてあげましょう」 ・ただ、その上で「三歩進んで二歩
ありがたいことに年末にメルカリの小泉さんとランチをご一緒させてもらいました。 CTO(@yutadayo)が作成した過去の失敗スライドに、リプライをいただいのがきっかけだったのですが、長らく競合事業(現ラクマ)をやっていたこともあり、きちんとお話ししたことがなく、とても学びが深かったので、ご本人に許可をいただいて、メモした内容と学びをシェアさせていただきます。 なんでメルカリに？噂ではフリルにも入社してもらえる可能性もあったとか？2007年よりミクシィに入社し、2012年の退任までCFOを務めていた その後、1年以上は他の会社の社外取締役をしたりフリーランスをしていた フリルは2012年夏リリース、メルカリは2013年春リリース 小泉さんは2013年冬にメルカリ入社 フリルのことは入社前から知っていて、2012年冬のIVSでコミュニティファクトリーの松本さんに「フリル知ってる？紹介してよ」
リモートワークで仕事をしていると、Slack や Teams といった何かしらのチャットツールでコミュニケーションを取ることが多い。そうやって仕事を続けていく中で「こう伝えたらよりスムーズに話が進んだかな...」という後悔は多々あり、日々試行錯誤を続けている。 そうやって試行錯誤を続けていく中である程度テキストコミュニケーションを取る上でのフォーマットが定まってきた気がするので、箇条書きでまとめてみようと思う。（随時更新予定） prefix （接頭辞）をつける文章の先頭にその文章の目的がわかるような prefix をつけて、何のためにポストしたかを一目で分かりやすくする。例えば以下のような prefix をつけることがある。 【質問】→ 相手の返信が欲しい時 【共有】→ 返信は不要だが、内容は把握しておいてほしい時 【メモ】→ 返信不要で、後から検索できるよう残しておきたい時 箇条書きする
『サガ フロンティア2』をクリアしました。 本当に、面白いゲームだと思いました。 私は、人並みにゲームを遊ぶ。その中で「これは面白いゲームだ」と感じることは、結構多い。そして時たま、そこを1段上回る「これはすごいゲームだ」と感じるものに出会う。1年に何本か、出会う。 そして、サガフロ2は「これはすごいゲームだ」と感じた。 遊び始めてからクリアに至るまで、ひたすらに。ひしひしと。めちゃくちゃに。「これはすごいゲームだ」と感じ続けた。これはもう直感。なんとなくの“勘”で、「あぁ、これはすごいな」と一瞬で気がつくゲームがある。 サガフロ2は、まさにそんなタイトルだった。 ちょっと今から恥ずかしいことを言うけれど、私はRPGに夢を感じていたりする。RPGには夢が詰まっている。物語にはロマンが詰まっている。数値の中で紡がれる冒険には、唯一無二の体験が詰まっている。だからRPGが好きで。だからゲームが
いいよね！ 西日本の美術館・博物館！ 関西というくくりからは外れちゃうけど、ワイは以下が好き。 SSR：滋賀県立琵琶湖博物館（滋賀県草津市）琵琶湖の「生活の場」としての人文的側面と古代湖としての自然的側面を両方堪能させてくれる超贅沢な博物館。琵琶湖湖畔で営まれた長い年月にわたる人々の暮らしを堪能したあとに、古代湖という環境で育まれた多種多様な固有種が展示されていて、歴史も生物も好きなワイは大歓喜だった。ビワコオオナマズとかイワトコナマズとかホンモロコとかワタカとかニゴロブナとかの琵琶湖固有種、どれもここで初めて見たし、水槽での遊泳の展示だけじゃなくて固有種を使った郷土料理についての展示もあるのがもう文理融合って感じで素晴らしいのよ。さらにさらに古代湖繋がりで世界各地の古代湖の生き物が展示されていて水族館としても楽しめる最高の施設。マラウィ湖の色とりどりの熱帯魚キレイ～～～～～バイカルアザラ
TL;DR: jQueryはDrupalのバーター リニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆく また、まわりのフロントエンドエンジニアの間でjQuery氏の入庁について「モダンブラウザ全盛の時代に必要か？」と疑念がとなえられていたので、これも追求してゆきたい どのような変更があったのか システム変更の経緯はプロジェクトの関係者であるHal Sekiさんの発言が正確なところだと思う Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきて
「夢女子が選ぶ2023年の100人」｜_ui12
「夢女子が選ぶ2023年の100人」とは？Xユーザーの夢女子に、「私にとって2023年はこの人」というキャラクターをアンケートにて推薦してもらいました（アンケート回答期間：11/3~12/31）。そのアンケートの結果をもとに、より推薦数の多かった100人を「夢女子が選ぶ2023年の100人」として紹介しようという企画になります。（過去の結果はこちら→2022年、2021年、2020年、2019年、2018年） 選出方法Xにて推薦を募るポストを投稿し、得られたデータから推薦数の多い順に100名を選出しました。推薦数が同じだった場合には、コメント数を参考にしました。合計で3356票の推薦をいただきました。推薦してくださった夢女子の皆様、本当にありがとうございました！ 夢女子が選ぶ2023年の100人※読む人によってはネタバレや解釈違いが含まれますのでご注意ください ※夢文化や夢女子をからかった
って言うやつ、半分正しいよ。でも半分間違ってる。なんで半分かって、東大生の親の世帯年収1000万以上が大体半分だから。 2人の東大生を例にして比べる。 Aさん 男。埼玉の都市部出身。親の世帯年収1090万。私立小学校から都内の中高一貫男子校に進学する。親が教育熱心で、校舎が学校の近くにあるSAPIXや鉄緑会に通っていた。周りが東大を受けるので、自分もなんとなく東大を目指して無事現役合格。上智大出身の親には喜ばれる。大学には埼玉の実家から通う。週に2回、時給3500円の鉄緑会の塾講師バイトをしている。奨学金は周りも借りてないし、親にも何も言われなかったので借りていない。旅行好きで、年に数回海外旅行に行く。 Bさん 女。九州の田舎出身。親の世帯年収780万。小中と地元の公立校で、習い事はピアノと公文。高校は県内トップの共学公立校に進学する。家や学校の近くに校舎がないので予備校にも通わない。高卒
厳選75本！『Steamオータムセール』からベテランゲームブロガーが選ぶオススメはこれだ！ - 絶対SIMPLE主義
Welcome to Steam Steamオータムセールいよいよ開催！ 日本時間で11月21日～28日の午前10時まで。数えきれないほどのゲームが大安売りだ！ 今回は19年ブログを運営して1000本以上のレビューを書いてきたゲームブロガーとして、とにかく物量押しで厳選したオススメタイトルを紹介していくぞ。ざっくりだがジャンル分けもしておいた。 過去に書いたレビューやコラムへのリンクも貼っておくので、より内容を知りたい方はそちらを参照だ。リンクが無いものもあるがご容赦を。 好きだけど値引き率が低いタイトルや、同じメーカーが多くなりすぎるなどの理由で省いたタイトルも多く、泣く泣く選んだ75本になっているぞ！ アクション 『地球防衛軍5』1794円（-70％） 『ま～るい地球が四角くなった!? デジボク地球防衛軍 EARTH DEFENSE FORCE: WORLD BROTHERS』1791
はじめに 本記事ではレベルアップしたいエンジニアが読んでおくべきQiita記事を紹介します。厳選に厳選を重ねた43記事です。全ての記事を読んでおく必要はありませんが、ちょっとでも「分からないな」「興味あるな」など思ったタイトルがあれば読んでみてください。 次の4種類に分類して紹介しています。参考にしてください。 フロントエンド バックエンド インフラ・Linux周りの知識 その他 それでは、早速紹介していきます！ 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 フロントエンド まず最初はフロントエンドエンジニアに読んでおくべきとおすすめできるQiita記事を11個選びました！フロントエンドエンジニアとしての基礎が身に付く
ポエム特化のZenn2との噂の「しずかなインターネット」を使いはじめたので、ユーザーとしてどんな技術が使われているのかを確認していく。 sizu.me おもむろにbuiltwith.comにかけてみる。 builtwith.com ここで分かる情報はブラウザのDevTools眺めてても得られるのであまり収穫はない。 前段にCloudflareのCDNサーバーがいて Next.jsで生成されたレスポンスを返している ことがわかる。 この時点ではキャッシュのみCloudflareなのか、Pages/WorkersでNext.jsのSSRごと動かしているのかは判断できない。 認証 Set-Cookie: __Secure-next-auth.session-token=が含まれているのでNextAuth.jsを使っているのが分かる。 next-auth.js.org Emailでサインアップする
サーバーレスの次はなんなんだ
はじめに この記事は、同人誌サークル「めもおきば」から不定期刊行している技術解説本「めもおきばTecReport」に書いたものを公開用に再編集したものです。 ⇒ めもおきばTecReport 2023.12 この記事のほかにも「私もSecHack365に参加したい！」や、「2023年振り返りと2024年技術予想」としてこんなキーワードを取り上げているので、気になったらぽちっとしてください！ メガクラウドと特化型クラウド／ハイパーバイザーのSoC化／ライセンスとクラウドベンダー／イベント駆動型API／LLM時代のAIペアプロ力／生活必需品としてのGPU・NPU／Passkey／ウェブアクセシビリティ／リアルイベントの再開 サーバーレスの次はなんなんだ サーバーレスと呼ばれる技術ムーブメントが盛り上がり始めて8年近くが経ちました。各クラウドベンダーのFaaS（Function-as-a-Ser
先日、Qiitaに投稿された一つの記事が注目を集めました。 元記事では、htmxというJavaScriptライブラリが英語圏で認知を獲得しているとして、インストールの仕方から使い方について公式のドキュメントの全体にわたって簡単に説明が行われています。 さまざまなプラットフォームでこの記事に対する反応を観察してみると、どちらかというと懐疑的な見方のほうが優勢のように見受けられます。ただ、多くのコメントは誤解に基づいているように見受けられました。「JSが要らない」といった元記事のミスリードによるところも大きそうですが1、なぜhtmxが大きく支持を得つつあるのかを理解するには、背景情報を含めて理解することが必要です。 htmxは、最近の複雑化するフロントエンド技術に対する単なる逆張りではありません。これまで30年ほどのあいだウェブ上のシステムを支え続けた「ハイパーメディア」の持つ強力さに今一度目
静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能
静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever. View Transitions, Image Optimization, JSX Fast Refresh, and so much more. https://t.co/vOi44246Hg — Astro (@astrodotbuild) August 30, 2023 Astroは、ReactやVue、Svelte、Alpine.js、TypeScriptなどのさまざまなフレームワークやライ
ssig33: "最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 ##..."
新人声優 +81-9014502501 mail@ssig33.com 0088-7709-7529 it/it. my opinion may be not my own. but my fate is my own. 最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 前提: デカいフレームワークは使わない next.js, Astro, Remixは使わない。next.jsとAstroは大好きなのだが、社内向けとか個人用とか小さいアプリに使うにはあきらかに恐竜であると思う。Remixは大好きではない。 前提: SSRしない SSRもSSGもISGもしない。CSRでいい。SSRしたいならReactをそもそもぶん投げたほうが(個人レベルなら)いいと思ってる。それがほしいならPHPやRails でええ。今更RailsでView書きたくないとか思うかもしれない
香川のオススメの喫茶店
以前香川の文化というか観光地を紹介した増田（anond:20230804232647）だけど、今度は香川県でオススメできる喫茶店を居住者目線で紹介してみる。下に行くほどオススメ度が高い。☆は3段階評価。 スターバックスコーヒー 丸亀マルタス店（丸亀市）味内装長居できる度本をゆっくり読める度☆☆☆☆☆☆☆☆☆☆スタバなんてどこでも同じだろ？ という声が聞こえてきそうだけど、東京都心部のいっつも勉強する学生さんやら仕事するリーマンやらで埋まってて空席を探すのも一苦労だったスタバしか知らない民としては、広々とした店内でゆったり座って本棚の本を読みながら滞在できることに感動した。ここは市民の交流スペースとして作られた建物に入っているので、本棚に置いてある本（『NUMBER』みたいな雑誌や編み物の本みたいなやつから、地方自治や環境問題に関するマジメ系の選書、さらには香川に関する本まで、割と充実してい
フロントエンドの新規開発でNext.jsの採用を見送った話 - バイセル Tech Blog
※こちらはバイセルテクノロジーズ Advent Calendar 2023の10日目の記事です。 前回の記事は、金澤さんのAuth0とEntra IDを扱うプロダクト同士を繋げるためのIstio設定あれこれでした。 はじめに こんにちは、開発3部の神保です。 バイセルでは、お客様宅への出張訪問による買取が買取チャネルの主力となっています。現在開発3部の弊チームでは、この出張訪問買取で使用されるWebアプリケーション「Visit」の新規開発を進めています。 VisitのフロントエンドにはReactを採用しましたが、Next.js等のフレームワークは使用せず、Vite + ReactによるSPA (Single Page Application)構成を選択しました。 技術選定の過程では、社内での採用事例などからNext.jsも検討の対象となりましたが、最終的にはその採用を見送る結論に至りました
2024年のCSSの書き方、ワークフローとツールについて
CSSには大きく変わるタイミングが何度かありました。レスポンシブ対応、メディアクエリ、Flexbox、CSS Gridなどはその大きく変わったタイミングでしょう。 そして、2024年もこれらと同様に大きく変わりそうです。CSSのネスト、:has()疑似クラス、subgrid、コンテナクエリ、ビューポート単位などの新機能がすべてのブラウザにサポートされました。 2024年のCSSの書き方として、より保守しやすいCSS、ワークフロー、ツールについて紹介します。 How I'm Writing CSS in 2024 by Lee Robinson 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに デザインの制約 2024年のCSS お勧めのCSSツール 終わりに はじめに 2024年のCSSは、素晴らしいの一言に尽きます。
.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
厳選80本！『Steamウインターセール』からベテランゲームブロガーが選ぶオススメはこれだ！ - 絶対SIMPLE主義
Welcome to Steam Steamウインターセールいよいよ開催！ 日本時間で12月21日～1月4日の午前10時まで。数えきれないほどのゲームが大安売りだ！ 日本語対応した話題作『Baldur's Gate 3』も早速7649円（-10％）に。 今回も19年ブログを運営して1000本以上のレビューを書いてきたゲームブロガーとして、とにかく物量押しで厳選したオススメタイトルを紹介していくぞ。以前書いたオータムセールの記事に加筆修正する形で、ざっくりだがジャンル分けもしておいた。 過去に書いたレビューやコラムへのリンクも貼っておくので、より内容を知りたい方はそちらを参照だ。リンクが無いものもあるがご容赦を。 好きだけど値引き率が低いタイトルや、同じメーカーが多くなりすぎるなどの理由で省いたタイトルも多く、今回も泣く泣く選んだ80本になっているぞ。本当は100本にしたかったけどページが重
この記事は以前7月に自分で書いた「Hono + htmx + Cloudflare is a new stack」という記事を一部修正し、訳したものです。 Hono + htmx + Cloudflareは新しいスタック 以前、バックエンドエンジニアだった身からすれば、Reactは複雑だと感じることがあります。さらに（私はフレームワーク開発者なのですが）フレームワーク開発者にとってはハイドレーションの仕組みを作ることは厄介です。しかし、しばしばReactを使うことになります。 Reactの優位な点の一つは「JSX」です。最初見た時、JSXは奇妙に思えました。「なんでJavaScriptの中にHTMLのタグが入っているんだ！」。しかし、一度慣れると、JSXは柔軟で、書きやすいことに気づきました。 今日はこれから、JSXをサーバーサイドのテンプレートとして使う技術スタックを紹介します。これはつ
株式会社ICSの池田・西原・松本の3人で『フロントエンドの知識地図 〜 一冊でHTML/CSS/JavaScriptの開発技術が学べる本』という書籍を執筆しました！ ICS MEDIAではHTML・CSS・JavaScriptにおける最新技術をテーマに取り扱っています。ウェブメディアの特性上、記事は断片的な情報となることが多く、体系的な発信が難しいと我々は課題感を持っていました。そこで、この書籍ではICS MEDIAでは発信の難しかった、フロントエンドの全容を一冊で伝えることを目指しています。 2023年11月24日の発売で、Amazonや書店や電子版で購入できます。 Amazon サポートページ 2023年4月に執筆を開始し、フロントエンドのトレンドをまとめてキャッチアップできるようテーマを選定しました。344ページで、紙面はフルカラー。内容の厚みにたいして、定価2,860円（本体2,6
最近のCloudflare Workersについて、知らない方向けにざっくばらんに書いてみます。 連絡事項 自己紹介しておくと、僕はCloudflareのDeveloper RelationsチームにいてDeveloper Advocateをやってます。 一方で、HonoというCloudflareのみならずDenoやBun、Fastly等で動くWebフレームワークを開発してます。 Cloudflare Workersとは？ 本題に入る前に、そもそも「Cloudflare Workersとは？」を簡単に紹介しておきます。 Cloudflare WorkersとはCloudflareのエッジで動くサーバーレス環境です。 基本的にJavaScript/TypeScriptでアプリケーションを書きます。 V8というJavaScriptエンジンの上でアプリを動かすのですが、これはWebブラウザのGo
『レスレリアーナのアトリエ』にて「10連ガチャが6000円で楽しみづらい」といった声を受け、「有償10連3000円ガチャ」追加へ - AUTOMATON
コーエーテクモゲームスは10月8日、『レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～（以下、レスレリアーナのアトリエ）』の最新情報を公開した。同作では、次回以降開催されるガチャ施策にて、有償星導石1500個で引ける10回ガチャが登場。有償石使用時に限り、ガチャ価格が従来のほぼ半額に下げられるようだ。またピースクエスト挑戦回数増加キャンペーンの恒常化なども発表されている。 『レスレリアーナのアトリエ』は、「アトリエ」シリーズの25作目としてサービス運営中の、シネマティック錬金術RPGである。本作の舞台は、150年前に錬金術が失われた世界だ。かつてランターナ大陸には、マナを使った錬金術と、多くの錬金術士がいたのだという。しかし、ほうき星が減少によりマナも減った現在では、錬金術はすっかり衰退し、人々から忘れ去られていた。本作の主人公レスナは、駆け出しの錬金術士だ。錬金術オタクの彼女
よく来たな。おれはNeverAwakeManだ。おれは毎日すごい時間ゲームをしたり映画を観たりして、ときどき気がふれたようにテキストを書いている。 つまり、おれはアーマードコア6を発売初日の0時からブッ通しで5時間プレイしてフラフラになり、むさぼるように一周目をクリアし、最高潮に達したテンションでPC版も買い、二度目の一周目をクリアしたということだ。10年ぶりに復活したアーマードコアーのあまりのおもしろさにおれは圧倒され、深くおののき、思わずつぶやいた。G.O.A.T.A.C.・・・グレイテスト・オブ・オール・タイム・アーマード・コアと。真の独立傭兵であるおれは当然二周、三周とプレイする気まんまnだが、このゲームのスゴさを前にもはや衝動をガマンできず、ついにこの記事を書き始めたとゆう寸法だ。 先にいっておくが、おれはネタバレを一切考慮しない。ネタバレひとつ自己防衛できないようなあほがルビコ
巷の「ReactとNext.jsの比較」はここがおかしい、というか比較すること自体が微妙 - honey32
(WIP まとまったら Qiita とかに上げるかも) TLDR; 「React と Next.js を比較」という記事で、 Next.js と比較できるのは「フレームワークなしで React を使うという選択肢」であって、「React そのもの」ではない。 ✅️ React を使うのに 「フレームワークあり」 vs 「フレームワークなし」 ❌️「React」 vs 「Next.js」 それはそうと、「create-react-app の機能・特徴」のことを、「React の機能・特徴」であるかのように書いてしまっている記事が多い create-react-app 自体が擬似的なフレームワーク（といえそう） そもそも、create-react-app は今は更新されてないので create-vite-app を使うべき フレームワークあり or フレームワークなし 【フレームワークあり】
【個人開発】最新のNext.js+NextAuth.js+prisma+microCMSでECサイト作ってみた【フルスタックアプリケーション】 - Qiita
【個人開発】最新のNext.js+NextAuth.js+prisma+microCMSでECサイト作ってみた【フルスタックアプリケーション】TypeScriptフロントエンド個人開発Next.jsprisma はじめに 皆さんこんにちは、mamiなのだ！ 今回はバックエンドは作らずにNextAuth.jsやprisma、microCMSなどを利用してNext.jsでECサイトを作成してみたので、その方法や手順などを公開しつつ、認証周りや大型開発案件でも採用されるstorybookなどについても解説していこうと思うのだ！ フロントを勉強し始めた初学者さんや、フロントがメインではないバックエンドエンジニアの方に向けて、丁寧に解説を挟みながら書いていくので「へ〜フロントってこんな感じのことやってるんだ〜」と思ってくれたら嬉しいのだ！ ちなみにこの記事は丁寧に解説しすぎて死ぬほど長くなってしまっ
最近Xで話題になっている「学園アイドルマスター（以降学マス）」というゲームをご存じでしょうか。ゲームの名前は知らなくとも、“ものすごくきゃしゃな女の子のイラスト”をXのタイムラインで見たことはあるかもしれません。少なくとも自分のタイムラインでは結構な話題作となっているこの作品を今回はご紹介したいと思います。 タイトル画面 ライター：怪しい隣人 出来の良くないソーシャルゲームを勝手に「モバクソゲー」と名付けて収集、記録、紹介しています。モバクソ死亡リストは500件を超えました。年々ソーシャルゲームが複雑になり、ダメさを判定するのに時間がかかるのが最近の悩みです。本業はインフラエンジニア。そのためソーシャルゲームの臨時メンテは祭り半分胃痛半分な気分です。 同作は「アイドルマスター」シリーズの最新作。今までと大きく違うのは「プロダクションのプロデューサーとしてアイドルを育成する」のではなく、アイ
","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=\"
エイプリルフールに便乗しているサイトまとめ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的なクライアントサイドフェッチのアーキテクチャとフラットに取り扱う
こんにちは、 ast-grepの作者Herringtonです。 正規表現でコードを検索したことがある方なら、複数行のマッチングや入れ子構造の処理、コメントの無視などに苦労したことがあるかもしれません。 そこで、ast-grep VSCodeという新しい拡張を紹介します。これは、構造的検索と置換（SSR）という技術を利用して、より正確で効率的な検索と置換を実現するツールです。 構造検索は？ テキスト検索と置換の限界 例えば、JavaScriptコードをリファクタリングして、lodash の _.filter 関数をネイティブの Array.prototype.filter メソッド に置き換えたいとします。単純なテキスト検索と置換は次のようになります: これは一部のケースではうまくいくかもしれませんが、いくつかの問題があります。 一行の式しかマッチングできません。コードが複数行にまたがってい
Google Cloud の IDaaS「Identity Platform」で作る、さまざまな認証パターン
Identity Platform を使うと、さまざまな認証パターンが構築できる！ この記事は2023年10月6日に行われたナレッジワークさん主催のイベント「Encraft #7 AppDev with Google Cloud」で発表したセッションの解説記事です。現地でご参加いただいた皆さん、オンラインでご視聴いただいた皆さん、ありがとうございました！ 私のセッションでは Identity Platform を使ったさまざまな認証パターンについてご紹介しました。セッション後、いくつかのご質問や「こんなパターンもあるよ！」というコメントもいただきました(ありがとうございます！)。この記事では、セッション内でご紹介した内容に加え、別解、または発展系とも言えるいくつかのパターンについてもご紹介します。 Identity Platform とは まずはこの記事でメインで扱う Identity P
Vue.jsエコシステム動向2023
決断するための勇気、そのためのBacklog / Courage to make decisions, Backlog for that.
こんにちは！ラクスルの灰原です！ 軽量かつ高速なWebフレームワークであるHonoと、新進気鋭のJSランタイムであるDenoを使って、社内ツールを作ってみましたので紹介します。 作ったツール 技術スタック index.tsx の内容 Tips HonoでTwindを使う HonoのJSXでAlpine.jsを使う Hono+Denoでesbuildを使う おわりに 作ったツール テックブログ向けのアイキャッチ画像ジェネレータを作りました。 タイトルを入力して、 背景画像と文字色を選んで、 文字の位置と大きさを調整して、 後は「Download」ボタンを押せば画像が手に入ります。 これは以前、弊社デザイン組織で作られた「Zoom背景ジェネレータ」に多分に影響されています。 こちらのデザイナーブログも是非ご覧ください！ note.com 技術スタック このツールは利用頻度がそこまで多くないと思
フルスタック Web フレームワーク HonoX を使ってみる 2024.02.10 HonoX は Hono と Vite をベースにしたフルスタック Web フレームワークです。Hono が提供するサーバーサイドやクライアントサイドの機能を使いつつ、ファイルベースルーティングや Islands Architecture などの新しい機能を使うことができます。 HonoX は 2024 年 2 月現在アルファステージとなっています。セマンティックバージョンに従わずに破壊的な変更が行われる可能性があります。 HonoX は Hono と Vite をベースにしたフルスタック Web フレームワークです。以下のような特徴があります。 ファイルベースのルーティング 高速な SSR BYOR（Bring Your Own Rerender）：レンダリングエンジンを自由に選択できます island
「学マス」サポカないないなPでも“評価S”は取れる――上ブレだけじゃねえ，手腕でトップアイドルを目指すための教科書
「学マス」サポカないないなPでも“評価S”は取れる――上ブレだけじゃねえ，手腕でトップアイドルを目指すための教科書 ライター：つきひ 2024年5月16日。「アイドルマスター」シリーズの最新作「学園アイドルマスター」（iOS / Android。以下，学マス）が配信された。 学マスは「超ハイクオリティなライブ」と「個性的で魅力的なアイドルたち」に加え，（私にとっても）期待以上のゲーム性の高さから反響に次ぐ反響を呼び，サービスイン直後にアプリストアのセールスランキングで1位をかっさらうなど，各所で話題を集めている。 弊誌読者の皆さんは高感度アンテナなゲーマーも多いだろうし，そもそもこの記事が目に入るくらいならすでにプレイ済みだろう。 ゆえに，アイマス自体の説明不要だろうから割愛だ。 開発：バンダイナムコエンターテインメント，QualiArts 私も以前からプロデューサー（以下，P）であるが，
Qwik をマイクロフロントエンド基盤として使えないか検討していて思いついた色々。副産物で色々作った。 tl;dr Qwik は理論上は最強。だが難しい qwik-react を使えば選択的に Qwik/React を切り替えられるので、 Astro と同じメタフレームワークとして使えそう React 以外もその気になれば対応できるはず => qwik-svelte と qwik-vue を実装した 最終的な問題は Qwik が流行るかどうか Qwik/QwikCity とは何か Qwik は SSR First なUIライブラリで、 .tsx の React 方言からコンポーネントを生成する。 import { component$, useSignal } from '@builder.io/qwik'; export default component$(() => { return
Like Next.js/Nuxt but as do-one-thing-do-it-well Vite plugin. 🔧 ControlUse any UI framework (React, Vue, Svelte, Solid, ...) and any tool you want (any frontend library, web technology, deploy environment, Vite plugin, ...). With Vike, you integrate tools manually and keep architectural control. 📦 Zero-configVike gives you control only where it matters. Everything else just works without the nee
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
子供を塾に通わせる前にやっておくべき「勉強のインフラ整備」の話
メルカリ 小泉さんからのエグい学び｜Shota Horii
テキストコミュニケーションで意識していること｜ymdkit
サガフロ2が本当に面白かったので本気で感想書く｜ジスロマック
いいよね！ 西日本の美術館・博物館！ 関西というくくりからは外れちゃ..
デジタル庁でjQueryが何をしているのか - laiso
東大生どうせ親ガチャSSRだし国公立で学費安いし値上げしろよ
レベルアップしたい人必見 Qiita記事43選 - Qiita
「しずかなインターネット」の技術スタックを調べる - laiso
htmxとは何なのか？ その背景にある思想について - Qiita
BudouX: 読みやすい改行のための軽量な分かち書き器
Hono + htmx + Cloudflareは新しいスタック
『フロントエンドの知識地図』出版のお知らせ - ICS MEDIA
最近のCloudflare Workers - ゆーすけべー日記
おまえは今すぐアーマードコアに乗りルビコンへ行け｜NeverAwakeMan
お約束を逆手に取った良作「学園アイドルマスター」レビュー 下手な歌が成長していく前代未聞システム
DJ SODAさん「フェスで性被害」、20歳の男性2人を任意聴取：朝日新聞デジタル
フロントエンドパフォーマンスの変遷とNext.jsに見る次の時代
ast-grep VSCode: 構造検索と置換の強力なツール
HonoとDenoで社内ツールを作ってみた - RAKSUL TechBlog
フルスタック Web フレームワーク HonoX を使ってみる
「理論上は最強」の Qwik/QwikCity を、フロントエンドの共通基盤にできないか
Vike