はじめに この記事はTSKaigi Advent Calendar 2024の記事です。(TSKaigiの運営メンバーとして最初の記事になりそうです。) みなさん、TypeScript書いてますか？最近、フロントエンドもバックエンドも（加えてインフラも）TypeScriptで統一する、Full-Stack TypeScriptを採用する事例が増えてきました。 Full-Stack TypeScriptの由来やメリットはこちらの記事から フロントもバックもTypeScriptだし、どうせならMonorepoで管理しようということで、TypeScript専用のMonorepo管理ツールであるTurborepoを導入し、T3-Turboというアーキテクチャを導入することになりました。 T3-Turboというアーキテクチャは、以前導入を考えた際に記事にしているので、こちらをご参照ください。 またT

本書執筆時点での初級〜中級編の全問に実際に取り組み、解説と解答例を収録しました。本書では各章の最初にそのPartの問題を解くために必要なTypeScriptの知識を解説します。その後、実際にtype-challengesの問題を実践します。各問には問題を解くためのヒントも掲載しているので困ったら読んでみてください。以上のように、座学→実践という形式でTypeScriptの型システムを学ぶことを目指します。

1985年福岡生まれ。思い立ったが吉日で行動しています。地味なファッションと言われることが多いので、派手なメガネを買おうと思っています。（動画インタビュー） 前の記事：横浜DeNAベイスターズ日本一を記念して横浜町を観光する（ただし青森） ＞ 個人サイト Web独り者 彼女がいる風の地主恵亮 北海道で食べ比べるために Pascoの「超熟」は定番の食パンだ。東京のスーパーに行くと必ず売っていると言っても問題ないと思う。値段も高くなく、手に入れやすいので、私もよく「超熟」を買っては食べている。美味しい食パンだ。 ご存じ超熟です！ 関東で超熟を買って私は北海道に向かった。大切に超熟を抱えて飛行機に乗った。それはなぜか。北海道には北海道限定の超熟が売られているからだ。食べ比べてみようと思い、超熟を買って北海道に向かったわけだ。 関東の超熟が北海道に来ました！ 超熟が北海道に上陸した。北海道ではこの

技術部の長田です。 このエントリは面白法人グループ Advent Calendar 2024の6日目の記事です。 みなさん、ふだん技術系の最新情報ってどこから手に入れているでしょうか？ 私は家事育児の忙しさにかまけて自力での情報収集をサボり、もっぱら社内Slackの情報を頼りにしています。 コンテキストが近い人達がわざわざ共有してくれる情報ということで、精度は間違いありません。 が、そろそろ自分も共有する側に回れるようにならないとなということで、 まずは社内のエンジニアにどうやって情報を得ているのかを聞いてみることにしました。 アンケートを取ってみた と、いうことで社内のエンジニア向けに以下のようなアンケートを取ってみました。 期間: 11/25〜12/1の1週間 アンケート内容: 職能(フロントエンドorバックエンド) 情報源名 情報源のURL その情報源を参照する目的 コメント 結果、

以下の公開計測会でやったものを個別に解説してみる。 細かいテクニックが多いのだが、それを可能な限りテキストとスクショで解説したい。使い方の解説が中心で、どういう意味があるかは解説しない。 Chrome131時点のスクリーンショットで、後で読む場合は頻繁にUIが変わっている点に注意。大事なのは意図。 宣伝: これを御社のサイトで解説する仕事をやっています。 デモのURL これに意味はなく、今日偶然見ていただけで意図はない。関係ないがエッジランナーズは最高のアニメ。 DevTools を開く F12 or 右クリックから「検証」 DevTools > Lighthouse この状態で計測 このとき、新しいプロファイルを作ったりして、可能な限り Chrome拡張が入ってない状態にすること。Chrome拡張による処理も計測に含まれてしまう。 Lighthouse レポートの読み方 点数部分にマウス

Hono アドベントカレンダー 2024 初日担当の おりばー です。 本記事では、11 月にリリースした漫画プラットフォーム「comilio」の開発事例をもとに、とにかく Hono が最強だということをつらつらと書いていく記事となります。 個人的 2024 年ベストオブ優勝フレームワークは Hono 一択です。Hono が無ければ、おそらくプロダクトを今もリリースできていなかったと言っても過言ではありません。 ぜひこの記事を参考にして、0 -> 1 を立ち上げる際は Hono を積極的に採用してもらえればと思います。 また、Hono という最高のプロダクトを生み出してくれた @yusukebe さんには全身全霊を持って感謝します。 「comilio」のインフラ構成 まず、今回の実例である漫画プラットフォーム「comilio」の構成を紹介します。 「comilio」では TypeScrip

この記事は「レバテック開発部 Advent Calendar 2024」の 1 日目の記事です！ TL;DR TypeScript ユーザーが Haskell を写経しながら学んでいった記録です 題材は「JSON Parsing from Scratch in Haskell」で、この記事自体はこれのコードリーディングのメモみたいなものになります うまく言えないのですが、型に対するメンタルモデルが変わった感じがしました 初日から長ったらしい記事を書いてしまったので、早めにまとめが来るような書き方をしました。そこだけでも読んでいただければ🙏 はじめに レバテック開発部でバックエンドエンジニアをしている瀬尾です！ テックブログ運営も担当しており、今年はアドベントカレンダーを企画しました〜 その 1 日目として今回の記事を書いています。 バックエンドといえば、関数型スタイルで書くと型システムを

ROSCA株式会社さん主催のイベント フロントからバックエンドまで、TypeScriptでシームレスな開発エクスペリエンスを で発表させていただいた際に使用したスライドです。

年末も近くなり、皆さんも帰省について考え始める頃だとは思うが、一方、旅行に行ったり、自分ではなくパートナーの帰省に随行するなどで飛行機や新幹線を調べる方もいるだろう。 その中で、北海道に来る人。 北海道のお土産というのは、個人的に質・量いずれも全国トップクラスだと思っており、札幌駅のお土産店や新千歳空港でよく知らないお菓子を適当に選んでも、そうそう外れる事はないのだが、道民として「これ美味いのに道外の知名度低いんだよなぁ」というものが結構ある。 北海道土産の王者白い恋人や、価格と品質のバランスでばら撒き菓子戦線上位に確固とした足場を築いた札幌農学校、ロイズのチョコレート、ルタオのチーズケーキなどは当然のように美味いし、あったら喜んで食べるのだが、今回はメジャーすぎるということで選外とし、もうちょっと「あれ美味しかったです」「そうでしょ、北海道では有名なのよ」となって内心ニヤけるようなものを

爪切りなんか100均でしか買ったことなかったけど、この前必要に迫られてたまたま500円くらいの貝印の爪切りを買ってみたら、めちゃくちゃよく切れるのね 気のせいか、爪の荒れが良くなってきたような気もする。もう100円のには戻れないな。 ほかにも、最低価格帯からもうちょっとだけお金出したら幸せになれるモノを知りたい。なんかあったら教えて

デンプンを含んだゆで汁が噴出口より溢れて、フタ穴から容器内にまんべんなく落ちます。ゆで汁を循環させて、パスタ全体に美味しさを行き渡らせます。

Find unused files, dependencies and exports in JavaScript and TypeScript projects

tl;dr 焼肉

(追記)今Kindleのランキングを見てみたら無料カテゴリ総合で1位になっていた。初めての増田の投稿でこんなことになるなんて夢にも思わず、ほんと皆んなには感謝している。嬉しすぎてコメント全部読んだので、鬱陶しくならない程度に文末に追加する。 ---- 自分としては「これは面白いものを作ったぞ！」と自信満々だったのだが、思ってたほどダウンロードされてないのでぜひ見てみてほしい。はてブではカレーの話題がちょくちょく上がるから、もしかしたらここに書けば俺らが届けたい人に届くんじゃないかと思った。 https://www.amazon.co.jp/dp/B0DJX32B2G 416種類のスパイスレシピを載せていて、1700ページを超える分量を無料配信している。といっても、著者は俺じゃなくて近所の友達なんだけども。 ーーーー 言いたいことはこれだけだったんだけど、ついでに、ここにいたるまでの自分語り

前書き React Developer ToolsはReactの公式開発者ツールであり、日常的なコンポーネント開発において、属性やファイルの位置特定、propsのトラブルシューティングなど様々なシーンで重要な役割を果たしています。熟練したReact Developer Toolsの使用は日常の開発をより効率的にすることができます。 この記事では、React Developer Toolsプラグインを体系的に理解することができます。本文では以下のことを学ぶことができます： コンポーネントの一時停止や遅延読み込みシナリオのシミュレーション。 コンポーネントに対応する実際のDOMを早く特定する方法。 props内の特定の関数がどこで作成されているかを早く特定する方法。 コード変更なしで、propsを介したコンポーネント変更をオンラインで検知する方法。 コンポーネントがどのファイルで作成されたかを

沖縄本島北部の大雨被害を巡り、県の対応が遅れたことで災害救助法の適用が困難になっていることについて、沖縄県の玉城デニー知事は１２日、「われわれも反省しなければいけない」と非を認めた。改善のため、国からの窓口を県庁内で一本化するよう指示したという。県庁で報道陣の取材に答えた。

Windows 11 Home／ProをMicrosoftアカウントではなくローカルアカウントで設定する裏技：Tech TIPS Windows 11 Home／Proでは、サインインアカウントとしてMicrosoftアカウントがデフォルトとなっている。しかし、ローカルアカウントでサインインするように設定したいこともあるだろう。実は、初期設定ウィザードでちょっとした操作を行うことで、ローカルアカウントが設定できる。その方法を解説しよう。

僕が触り始めた頃のウェブフロントエンド開発はデバッガーもなく、ダイナミックHTMLと呼ばれて文字をチカチカさせたりするようなものでした。IE6という超安定ブラウザが出てきたり（Netscape 4.xも7.xも不安定だった）その後jQueryが登場したときは、天使が降臨したように思えたものです。 そこから長い年月が経ち、ウェブフロントエンドの比重が大きくなるにつれ、フロントエンドのコードはどんどん複雑化しました。OpenAPIなどのコードジェネレータなども普及した結果、通信というものが隠され、イベントの中でawaitや.then()で呼ばれる何か、みたいな理解をしているメンバーも今後増えていくのではないかという懸念があります。 現在ではウェブフロントエンド開発はReactやVueといったフレームワーク上で行われ、イベントというのはそのフレームワークの提供するライフサイクルイベントに対応付け