はじめに こんにちは！Reactのフルスタックフレームワークといえば、Next.jsが広く知られていますが、新たにOSSのTanStackが「TanStack Start」というフレームワークをリリースしました(現在はbeta版が公開されています！) この記事では、TanStack Startのセットアップ手順や主要な機能について解説していきます。 TanStack Startとは Vinxiを基盤に構築された、フルスタックなReactフレームワークで、主な機能にはサーバーサイドレンダリング（SSR）ストリーミング、サーバー機能などが含まれます。そして主にそれらはTanStack Routerが90％以上を占め、残りの5％はその他の機能で構成されています。(Youtube参照) 詳しくは以下からご確認ください。 セットアップ それでは、ローカル環境にTanStack Startをインストー

こちらの本を読んでの感想をつらつらと書いていきます。書評という高尚なものではなく、単純に自分自身の感想文として書いています。 関谷雅宏　著　「マネジメントは嫌いですけど」 目次や著者の情報は上記のサイトから確認できますので、そちらをご参照ください。 感想 全体を通して、自分が今感じていることに近しい感覚を著者の方が持っていて、内容に非常に共感できる部分が多かった。 基本的には著者の自伝的要素が多く、中小企業での役員経験と大企業でのVP経験それぞれの視点でのマネジメントを通して、マネジメント自体は嫌いでも、「今より良くしていくために何ができるのか」を追求してきた結果が、エッセイ色強めに述べられている。 個人的には、このエッセイ風の記載が非常に読み進めやすかった。 アウトプットは60%の力(時間)で行う、初心者をどう教育していくか、維持・メンテナンス予算が取りにくいのはなぜか、といったマネジメ

3兄弟限界育児中のはなママです。 都内ではついに第一子保育料が無償化になるということで、話題になっていましたね。 東京都の子育て支援はとても充実していますが、実は区によって支援の充実度が全然ちがいます。 なかでも品川区の子育て支援は非常に充実していて、私はもしかして日本で1番では…？とも思っています。 私が知っている限りの品川区の素晴らしい子育て支援策をまとめてみました。 品川区の子育て支援策・産後ドゥーラ(産後の家事育児支援) 最大45万円助成 ・出産子育て応援事業 妊娠中〜産後まででトータル16万円ぶんのギフト券 ・ベビーシッターへの助成金 最大36万円/年の助成 ・児童センターが多い 区内どこからでも歩いて2箇所は行けるほど数が充実 ・公園が充実 どこも整備されていてキレイで数も多い ・0歳オムツの見守り宅配 ・保育料第二子無償化は都内でもいち早く実施 ・公立小が徒歩圏内に3箇所以上

はなママ｜5y3y1y三兄弟母 @hanamama_ikuji 高い家賃を払って無理してでも都内に住んで、自治体の子育て支援を上手に利用しながら子育てをするのと 近隣県に少し安い家賃で住んで支援無しで 子育てするのと 金銭的にトントンだったりします？？？ 誰か本気で計算して(他人頼み) x.com/yahoonewstopic… 2025-01-06 21:57:38

SNSで大バズり！ユニクロのヒートテック着用法 昼夜や室内外で寒暖差が大きい日に試したい、ヒートテックインナーの裏技テクニックをご存知ですか？ あったかインナー愛用者であれば一度は経験しているであろう、〝外寒いのに室内暑過ぎ問題〟。こちらの記事では、外気が寒くてヒートテックを着たものの、電車やオフィスが熱すぎて汗をかいた…という残念談に着目！ 今回は、SNSで大バズしているヒートテックインナーの快適な着用方法をご紹介します！ 【実録】ヒートテック裏ワザを寒暖差dayに実践！ 寒い冬に手放せないヒートテックインナーですが、室内で過ごす時間もそこそこある、という日は、エアリズム×ヒートテックの重ね着がおすすめ！ SNSでもバズっている裏ワザで、実際に試してみたらめちゃくちゃ快適だった！という声多数の超ナイスなアイデアなんです♡ 筆者も早速、手持ちのエアリズムブラトップと長袖ヒートテックを組み合

初めてのスレッドということで割と幅広いトピックを立ててみました。ご存知のように2022年はSaaS業界の売上マルチプル（企業価値を最近12ヶ月の売上で割ったもの）が圧縮された一年でした。世界中が高金利路線に流れる中、ついに日銀も金融緩和縮小と長期金利引き上げを発表。2023年も高金利からのディスカウントで、SaaS企業ふくむ成長企業のマルチプルは低飛行となると見られています。 2023年の展望はいかに？皆さんのご意見をお聞かせください（私に対する質問も大歓迎です）

今年の紅白歌合戦B'z→藤井風→三山ひろし（けん玉）の流れがヤバすぎて、まだ２０２４年にいます。 今回の紅白は本当にヤバく、からだダンダン体操を完璧に踊るパパになった有吉弘行、パプリカ暴走ゴートNumber i平野紫耀、グルーヴ狂いVaundy、縦歌詞への異常なこだわりを見せる椎名林檎、異常舌＆異常指Creepy Nuts、北海道民の最後の希望GLAY、序盤の志摩みたいな顔つきの星野源、人間離れした声量と毛量のアルパカ玉置浩二、もはや紅白の概念を超越した米津玄師、洗顔ネットみたいなドレスを纏った歌が上手すぎるMISIA、ペガサスみたいな珍妙ギターを弾き狂うTHE ALFEE高見沢俊彦、有吉がお辞儀するたび後ろでずっと見切れてるTHE ALFEE桜井賢…と、見どころだらけ。神回と言っても差し支えがありませんでした。 ２２時。ついに紅白の場に初登場したB'z。なにを隠そう、現・朝ドラ『おむすび

2024年に読んで印象に残った本の技術書編です。去年はそんなに多くの冊数は読めていません。というか、技術書を執筆して出版したので、技術書そのものにお腹いっぱいだったのは大きいと思います。 本を書いたという話は下記です。 blog-dry.com 非技術書編を先に書いているので、よかったらこちらもどうぞ。 blog-dry.com 免責事項ですが、記憶を元に書いている箇所が含まれることがあります。また、書籍のリンクにはアフィリエイトコードが付与されているので、苦手な方はURLから外してご購入ください。 目次 ルールズ・オブ・プログラミング Tidy First? Domain Modeling Made Functional 大規模データセットのためのアルゴリズムとデータ構造 コード×AIーソフトウェア開発者のための生成AI実践入門 モデル検査器をつくる〜Goで実装して学ぶ形式手法〜 まとめ

2024年は終わってしまいましたが、2024年読んで良かった本を紹介したいと思います。今回は技術書でない本を紹介します。 2023年くらいからこちらのブログでやっています。 blog-dry.com 免責事項ですが、完全に読了したものではなく読みかけの段階でも「これは…」という本も紹介しています。内容については記憶を頼りに書いているので、一部解釈誤りや記憶違いなどを含む可能性があります。アフィリエイトが入ってるのであらかじめご了承ください。 目次 技術革新と不平等の1000年史 論理的思考とは何か 近代美学入門 エビデンスを嫌う人たち 乳幼児は世界をどう理解しているのか 他者と沈黙 モヤモヤする正義 まとめ 技術革新と不平等の1000年史 技術革新と不平等の1000年史　上 作者:ダロン アセモグル,サイモン ジョンソン早川書房Amazon 技術革新と不平等の1000年史　下 作者:ダロン

オープンソースのAI画像高解像度化アプリ「Upscayl」が日本語などにローカライズされHigh Fidelityモデルやレンズビュー機能を搭載しています。詳細は以下から。 UpscaylはインドのNayam Amarsheさんらが2022年からオープンソースで開発している画像高解像度化/アップスケーラーアプリで、写真やイラストをAIモデルを利用して高解像度化＆デノイズしてくれますが、このUpscaylが「Upscayl v2.15」アップデートで、多言語化されています。 Upscayl v2.15では、英語以外に日本語とロシア語、フランス語、スペイン語、ポルトガル語、ベトナム語、インドネシア語、中国語のローカライズが追加されたほか、新たにリアルなディテールと滑らかなテクスチャに重点を置き、あらゆる種類の画像に対応する「High Fidelity (高忠実度)」モデルが追加されており、 オ

本を読んでて、気になるところがあったら、 その要点をテキストファイルに箇条書きにして、整理しながら読書する。 これだけ。 これだけで、読書の質が桁違いに上がります。 これをやると、「普通に本を読むだけだと、理解した気になってるだけで、実はろくに理解してなかった」と分かって驚きます。 話はこれで終わりですが、 以下の点が気になる方もいらっしゃるでしょう。 ●どんな人がどんな本を読む場合にもそうなるわけじゃないだろ。具体的に、どんな人がどんな本を読む場合にそうなるんだ？ ●そんなの面倒くさくてやってらんない。手間をかけずにやる方法はないの？ ●具体的にどうやるとうまくいくのか、もっとちゃんと説明しろ。 そういう方のために、以下、これらについて補足します。 まず、読書を以下の９種類に分類します。 (1)リアルタイム活用読書読んだ知識を今やっている仕事/生活/趣味にリアルタイムに活用しながら読む方

エンジニアの育成、時間がかかりますよね。つよつよになるには・・・みたいな話は、エンジニアクラスタのSNSで定期的に話題に上がるような気がします。 エンジニアの育成について考えたので、とりあえずアウトプットします。 エンジニア、覚えることが大杉 プログラミングは、基礎文法を覚えるだけなら1ヶ月で一通り学習できますが、仕事にする場合は基礎文法だけでは「全く」足りない。 HTTPなどの通信規約・TCP/IPの仕組み Webサーバ構築などのインフラ・GCP/AWSなどのクラウドサービスへの理解 GitHub Actionsに代表されるCI/CD 認証認可の仕組み(鍵認証/JWT/OAuthなど) Webアプリのセキュリティ対策 HTML/CSS/Reactなどのフロントエンド フレームワークなどのライブラリの理解 SQL/DBなどのデータベースに関する理解 アプリやるならiOS/Androidのビ

ソフトウェアエンジニアリングと一見関わりはなさそうで、しかしチームで成果を出す過程においてとても重要だと筆者が考えているコンセプト、 "Working Out Loud" について書いてみます。 日本語の記事がほとんど見当たらないのであまり知られている言葉ではないかもしれません。 対象読者 以下に興味や関心を持つ方を対象読者として想定しています。 チーム開発におけるコラボレーション手法 チーム開発者としての振る舞い方 テックリードやスペシャリストの育成 が、本心ではチーム開発する全ての方に届いてほしいです。 まえがき ある夜に同僚の@ujihisaと近場ないし遠方のEngineering ManagerやVPofEの皆さんと話す機会があり、その折にふと筆者がこぼしたのが 「開発などの日常の業務において自分がやっている以下の思考様式が大変便利なので、この考え方を最近入社したメンバーにもインス

この記事は情報の提供のみを目的としています．今回紹介する方法はどちらのライブラリにおいても公式の手法としてサポートされていません．この方法を用いたことにより発生したいかなる損害について，私および弊社は責任を負いません． はじめに 世間では Next.js や Remix といったフルスタックフレームワークが話題となっていますが，皆さんはどのような環境で React アプリを開発しているでしょうか．Vite などのツールを使ってビルドされた，いわゆる SPA [1] を開発されている方もまだまだ多いのではないでしょうか． 私もその一人です．とくに弊社が提供する workhub では各組織の管理画面として Web アプリを提供しており，これは React + Vite の構成となっています． こうした SPA であって，かつ多画面を提供するアプリの場合，一般にルーティングライブラリが利用されま

JSer.info #719 - Safri 18.2がリリースされました。 WebKit Features in Safari 18.2 | WebKit 次のような変更が含まれています。 CSSでは、text-box(Leading Trim)/@view-transition/background-clip/scrollbar-widthのサポート、ルビ表示の改善など HTMLでは、input type=weekのサポート、blocking=render属性と<link rel=expect>のサポートなど JavaScriptでは、Float16Array/Promise.try/RegExp.escapeのサポートなど State of Node.js Performance 2024という記事では、Node.js 20と22のコアモジュールごとのパフォーマンスの比較が行われてい

米Microsoft傘下のGitHubは12月18日（現地時間）、Visual Studio Code上で「GitHub Copilot」を無料で利用できるようにしたと発表した。これにより、ユーザーは「Visual Studio Code」（VS Code）内でGitHubアカウントにログインするだけで、追加料金なしにCopilotによるコード補完や提案を得られるようになる。 現時点ではVS Code向けのGitHub Copilotが無料提供の対象だ。従来は、メンテナーなど一部の認証されたユーザー以外は月額10ドルからの有料だった。なお、JetBrains IDEやNeovimなど、VS Code以外の環境でCopilotを利用する場合は、引き続き有料プランへの加入が必要だ。 また、無料版にはいくつかの制限がある。例えば、アクセスできるコード補完は1カ月当たり2000件までで、Copil

TVer で Web フロントエンドエンジニアをしている永井です。 この記事は TVer アドベントカレンダー 2024 19 日目の記事です。 18 日目の記事は @k0bya4 さんによる 「Atlasを使った宣言的マイグレーションでDBスキーママイグレーションを自動化する」 でした。 19 日目の記事では、Web フロントエンドチームの内製化について紹介します。 ※ TVer の Web フロントエンドは、広告プロダクトである「TVer 広告」の配信システム・広告周辺領域の開発を行うチームと、tver.jp といったユーザー向けのプロダクトを開発するチームの 2 つあり、今回の話は後者に関するものとなります。 はじめに 現在 TVer の Web フロントエンドチームでは、tver.jp の フロントエンドを開発をしています。2024 年 12 月時点では、 3 名の正社員と 1 名

Design tokens are design decisions as data and serve as a single source of truth for design and engineering. Utilizing deployment pipelines, they enable automated code generation across platforms, allowing for faster updates and improved consistency in design. Organizing tokens in layers—progressing from available options to tokens that capture how they are applied—ensures scalability and a better

針山張子 @zenbu___mendoi 父親が片耳が聴こえてなくてもう片耳もかなり聴力が低いのだが(その家庭環境からか私は声がバカクソでかい、娘の声もクソでかい) AirPodsで補聴器的な機能が登場したと聞いて早速父に勧めてみたところ「山に入って沢の音が聞こえる、感動して涙が出た」と言っていた、よかったなぁ 2024-12-15 23:27:46 針山張子 @zenbu___mendoi 昨今人工知能の進化もめまぐるしく、自分やその周辺の仕事が奪われてしまうのではないか？とテクノロジーが「奪う」側面にフォーカスしがちだったのだが、テクノロジーが「与える」側面を目の当たりにしてますます自分の中で複雑な問いとなってしまった。 2024-12-15 23:27:46

2024-12-15 Shinyai.js #1