はじめに 今フロントエンド/バックエンドの垣根を超えて巷を賑わせている T3 Stack について調べてみました。要素技術一つ一つが濃密なので、本記事ではあまり深入りはしませんが、「それらがどういう旨みを持ってT3 Stackを成しているのか」、「少し動かしたことがあるよ」と読み終わる頃には人に説明できるようまとめてみました。 キーワードは full-stack typesafety(フルスタックな型安全) です。📝 T3 Stack T3 Stack とは、Theo 氏によって提唱された Web 開発技術スタックで、以下の思想に焦点を当てています。 simplicity(シンプルさ) modularity(モジュール性) full-stack typesafety(フルスタックな型安全) The “T3 Stack” is a web development stack made by

社内のテックトークで紹介しました。

1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：丼パフェ

デイリーポータルZは2024年1月1日から運営会社が変わります。 新しい運営会社は「デイリーポータルZ株式会社」です。 独立します 流浪のサイトとして運営会社が2回変わってきましたが、ついにデイリーポータルZ株式会社になります。代表は私、林がつとめます。 これまでお世話になったみなさま、ありがとうございました！ そして支えてくれた読者のみなさま、これからもよろしくお願いします！ サイトは変わりません、もっとおもしろくなります サイトは変わりません。暖かい靴下専門サイトになることも考えましたが、冬しかアクセスがなさそうなので踏みとどまりました。 これからも楽しく、読んだ人の気分を良くするサイトであり続けます。 来年からはデイリーポータルZのための組織で間接業務が少なくなりますし、出張申請せずにどこにでも行けます（ただし全部高速バス）。思いつきを実現できる環境になるのでサイトはもっとおもしろく

効率的な節税方法は何か。元国税調査官の大村大次郎さんは「私自身も加入している夢のような節税方法に『経営セーフティ共済』がある。これを活用すれば、期末ギリギリであっても会社の利益を最高240万円も減らせる。しかもそれを資産として蓄積でき、積立金の95％までは借り入れることができる」という――。

【読売新聞】　埼玉県の知事や市町村長、企業経営者らがバンドの生演奏で歌声を披露する、テレビ埼玉の「埼玉政財界人　チャリティ歌謡祭」が、来年１月１日午後７時から放送される。これが３２回目。ＳＮＳでは「埼玉の奇祭」とも呼ばれる名物番組だ

観光地でデートをした際、串や容器などゴミの出る食べ物を食べた後の男性の取るべき行動を考えた時、女心の難しさを痛感した。 ゴミ箱があれば問題ないけど、人のごった返す観光地だとゴミ箱設置してないところも多い。男性の対応別に見ると、 ・ポイ捨て→蛙化レベル☆★★★★ ・店員さんなどに捨てる場所があるか聞くor頼んで捨ててもらう→蛙化レベル☆☆★★★ ・店員さんに捨てる場所があるか聞いて「ない」と言われるor頼んだ結果「持ち帰り」と言われ断られる→蛙化レベル☆☆☆★★ ・たまたま持っていたビニール袋などに入れて持ち歩く→蛙化レベル☆☆☆☆★ ・ゴミ袋を持参しておりそこに入れて持ち歩く→蛙化レベル☆☆☆☆☆ ・ゴミを女性に預ける→論外（その場でデート終了して帰宅する） というように、手近にゴミ箱がない限り男性は詰む。 ここで注意なのが女性にとって「社会的に正しいこと」が正解ではないし「社会的に間違っ

自民党安倍派の政治資金パーティーをめぐる問題を受けて立憲民主党が提出した松野官房長官に対する不信任決議案は、衆議院本会議で採決が行われ、自民・公明両党などの反対多数で否決されました。 自民党安倍派の政治資金パーティーをめぐる問題で、立憲民主党は内閣の情報発信者としての機能が完全に停止し国益が大きく損なわれているなどとして、11日松野官房長官に対する不信任決議案を衆議院に提出しました。 決議案は12日午後1時からの衆議院本会議で審議され、立憲民主党の稲富修二氏は趣旨弁明で「派閥ぐるみで違法行為と脱税を繰り返していたとすれば、国会議員として不適格と言うべきだ。説明責任を果たせない官房長官を代えることから、政治への信頼を取り戻す一歩目が始まる。松野氏はただちに辞任すべきだ」と述べ賛同を求めました。 これに対し自民党の井上・元万博担当大臣は「松野官房長官は、岸田内閣の要として政策に真摯（しんし）に

この記事は株式会社ビットキー Advent Calendar 2023 5日目の記事です。 はじめに この記事では React を用いたフロントエンドアプリケーションのディレクトリ構成について検討した内容を紹介します。 現在フロントエンド開発を行っていて、ディレクトリ構成にお悩みの方の参考になれば幸いです。 ※ State 管理についての良し悪しやその他 React 向けのフレームワークライブラリについては本記事では触れません。 今回対象とするプロダクト ビットキーのHome事業では、不動産管理会社向けのB2B2Cプロダクトを展開しています。 その中でも不動産管理会社の方が利用する管理画面について、リリース後から様々な機能や画面が実装されシステムが巨大化してきたので、ディレクトリ構成を見直す機会が訪れました。 参考値として、現在のプロダクトは100画面を超えており、ソースファイルも1500

人生ではじめてねこを飼い始めてから5年くらいたったけど毎日どの瞬間もすきすぎる。 知り合いの人が保護したキジ白でもふもふしてるのに足が長い。鳴き声かわいい。いいにおいする。 きまぐれでなつかないイメージがあったけど甘えん坊でどこにいくにもついてきてかわいい。今日も起きたら腕の中にいた。天才だ。かわいい。 おかずにかつおぶしかけてるとねだってきてかわいい。塩分ひくい猫用のかつおぶしをたべている後ろ姿がかわいい。 まったりねてても自動給餌機が動くとすっとんでいってかわいい。チュールあげるとくるっていてちょっとこわいけどかわいい。 さいきんちょっとどんくさくて寝てる時間も長めになってきたね。ずっと一緒にいようね。だいすきだよ。かわいくなくなってもかわいいよ。

","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=\"

TL;DR Shift_JISにしただけでコンパイラが通らなくなる恐ろしい事件とその回避法について。 \ (¥)のASCIIコードは0x5c 表、能は良くない UTF-8は神 2023/12/06追記 誤りがあったので訂正します。こんな読まれると思ってなかったので正直ちょっとびっくりしていますが、いろいろコメントありがとうございました。（ツイート等全て拝見しました。） Shift_JISが悪いわけではない（デフォルトのエンコーディング設定の問題）→追記しました UTF-8にはUTF-FSSという仕様でこの問題が回避されている→マジでタメになる知識ありがとうございます OSによってデフォルトのエンコーディング設定が異なるせいで、デフォルト環境での動作がOSにより異なる→なるほど？（調査中） CRLFとLF問題では→なるほど？（調査中） そんな問題何を今更→UTF-8が出てから生まれたからです

v0とは v0は自然言語で作りたいUIをAIに指示するとそのUIをTailwind (shadcn/ui)ベースで作ってくれるサービスです。 shadcn/uiとは shadcn/uiはRadix UIというUIをもたないヘッドレスUIに対してスタイルを当てたコンポーネント集で、TailwindというCSSライブラリを使ってRadix UIに対してスタイルを当てています。 shadcn/ui本体のライブラリがあるわけではなく、自身のプロジェクトにコンポーネントを直接コピーして使うことが特徴です！ Tailwindが好きな人にはたまらないコンポーネント集ですね！ shadcn/uiに最適に作られていますが、Tailwindユーザーであれば作られたUIをほぼそのまま使うことができます。 下の画像のようなチャット風のUIが特徴なサービスになっていて、このチャットに指示を出すことでUIを作ってくれ

SREの今です。 CircleCIやGitHub Actions等のCI/CDツールでデプロイの自動化に取り組む際に、意図しない本番反映の防止策として承認アクション(Manual approval)を挟んでおくことがあります。 GitHub Actionsでは、Environmentsを利用することでワークフローの実行前にレビューを必須化することが出来ます1。しかし、この機能をプライベートリポジトリで利用するにはリポジトリの所有者がGitHub Enterpriseを契約している必要があります2。 業務の都合上、Environmentsを利用できないリポジトリでManual approvalを利用したい機会があり、ワークフロー実行履歴を利用したManual approvalを実装したのでご紹介します。 本記事はSRE連載の12月号 + 面白法人グループ Advent Calendar 20

株式会社ブレインパッドでデータサイエンティストをしているasanoです。 この記事はBrainPad Advent Calender 2023 1日目の記事シリーズ2です。 ※シリーズ1は@fuyu_quantさんの入力プロンプトを復元する技術 #ChatGPTです！ 今日はコードレビューの思想や心構えについて書きます。 はじめに コードレビューをより生産的に進めるには単にコーディングのスキルだけでなく、そもそものコードレビューに対する思想や心構えについても一定のリテラシーを求められると考えています。 コードレビューはどうしてもロジカルな話になるため伝え方にも気を付けないとモチベーションの低下に繋がりやすいと考えています。 そうなると当然パフォーマンスも下がってしまいます。 これを防ぐために自分は「コードレビューの思想・心構え」をまとめてチームのガイドラインとして使っています。 あくまで主

この記事は 10X アドベントカレンダー2023 という企画の1日目（12/1）の記事です。 こんにちは、10Xでソフトウェアエンジニアをしている 岡野（@operandoOS）です。 今回 10Xで3回目となるアドベントカレンダー企画の1日目をありがたく担当させていただきます💪 目次 目次 10X アドベントカレンダー2023ってなに？ さてさて、本題へ CIは絶対に速い方がいい CIを高速化するテクニックの紹介 キャッシュの利用 マシン性能の調整 ジョブの並列実行とテスト分割 最適なテスト分割 ジョブの実行順序・依存関係の最適化 不要なジョブ・ステップを削除する テストコードの実行速度を上げる 紹介したテクニックを活用した10XでのCI高速化事例 アプリのビルド時間の大幅短縮に成功！！ APIのテスト実行時間の大幅短縮に成功！！ CIを高速化するために日々取り組んでいること CI/C

ベクトルの準備 次にタイトル文章をベクトル化していきます。 OpenAIのアカウントを作成し、こちらからAPIキーを取得し、それを環境変数OPENAI_API_KEYに設定した後、次のコードを実行するだけで、入力文章のベクトルを取得できます。 import os import openai openai.api_key = os.environ["OPENAI_API_KEY"] client = openai.OpenAI() def get_embedding(text, model="text-embedding-ada-002"): text = text.replace("\n", " ") return client.embeddings.create(input=[text], model=model).data[0].embedding get_embedding("入力し

こんちには。 データアナリティクス事業本部 インテグレーション部 機械学習チームの中村です。 この記事は、ブログリレー『Google CloudのAI/MLとかなんとか』の３本目の記事になります。 今回は、Vertex AIからGoogleの次世代のASR（自動音声認識）モデル「Chirp」を使ってみたいと思います。 Chirpについて 以下に詳しい説明があります。 Chirp: Universal speech model  |  Cloud Speech-to-Text V2 documentation  |  Google Cloud ChirpはGoogleの次世代音声認識モデルで、現在の音声モデルとは異なるアーキテクチャで学習させたモデルとなっているようです。 Google CloudではCloud Speech-to-Text V2における一つのモデルとして使用できます。その他

この記事は、株式会社カオナビ Advent Calendar 2023の２日目です。 カオナビでは2022年9月からArchitecture Decision Record（以下ADR）を導入開始しました。本記事ではADRを導入し実際に一年間運用して見た経過をご報告しつつ、導入のポイントや注意点について紹介します。 ADRをなぜ導入したのか？ まずADRについて簡単に説明すると、「アーキテクチャー設計の記録をドキュメントとして残すこと」 です。Michael Nygardのブログ記事が初出のようです。 ソフトウェア開発を行っていく間には、途中で様々な設計決定をする必要があります。例えばウェブアプリケーションであれば、データベースはMySQLにしようとか、キャッシュはRedisを使おうとかという実行環境の決定の話から、実際のプログラムの基本構造といったところまで様々です。 この設計決定は、口

最近実際に開発現場にコンテナを導入してきた経験から、公式ドキュメントに記載されているベストプラクティスに実際どうなんだということを言ってみようと思います。公式に書いてあることを間違ってると指摘という意図はありません 発言は個人の見解に基づくものであり、所属組織を代表するものではありません。 2023/12/3更新: 燃えかけてるのでタイトルを変えました。 補足: こちらの環境は下記を想定しています。 Java CICD/本番環境イントラネット内に整備 WF開発 マルチステージ・ビルドを使う マルチステージビルドの目的 公式ドキュメントには、下記のように記載があります。 マルチステージ・ビルド は、中間レイヤとイメージの数を減らすのに苦労しなくても、最終イメージの容量を大幅に減少できます。 つまり、最終イメージの容量を減らすことが目的であって、その一つの手段としてマルチステージビルドを進めて