はじめに Next.js にて下記のようなテーブルを作成する際に、テーブルの各行をリンク化させつつ特定のセルをクリッカブル（例だと編集モードにして編集作業を行うイメージ）にするのが面倒くさかったので愚痴っていきたいと思います。 結論 テーブルにて行リンクが本当に必要か再検討すべし。 どうしても必要なら 色々と制約ついてしまうけど行リンクをやめてプログラムによる画面遷移にする div タグを用いて行リンクを実現させつつ（CSS グリッドを用いる）、テーブルを構築する のどちらかで実装するのが良さそう 'use client' import { useRouter } from 'next/navigation' const Table = () => { ... const router = useRouter() const handleRowClick = (row) => { rout

C言語（C++を含む）を習得したい人，ポインタを勉強したい人はgcc-14を使いましょう．難しいところは gcc-14 が丁寧に解説してくれます C言語の難しいところ 例を示します．C言語で記述された，たった６行のソースコードです int main() { int buf[10]; buf[10] = 0; return 0; } このソースコードには問題があります．初見でわかるでしょうか？ : : : 問題があるのは buf[10]=0 の部分です．C言語でやりがちなミスですが，これがバグやセキュリティホールの原因になります． C言語が難しい理由は二つあります．この手の問題を見逃しやすい点と，この手の問題を理解することが難しい点の二つです gcc 14 に解説してもらいましょう 上記の６行のソースコードをgcc14を使ってコンパイルしてみます ソースコードのファイル名は test.c と

OpenAIからChatGPT-4oが発表されましたが、皆さんガンガンつかっていますでしょうか？ さて、このChatGPT-4oですが、テキスト以外のデータも使用できるようになっているという特徴があります。 普通にテキストでのやり取りをしつつも画像データを扱えるということで、「実はこれいい感じのOCRとして使えるんじゃね？」って思っちゃったわけです。 ということで、今回はChatGPT-4oを使ってOCRを使うとどんなもんなのかやってみたいと思います。 やりたいこと やってみる とりあえずやってみる 請求書 名刺 参考文献 感想 やりたいこと 今回やりたいことはOCRです。早い話が画像ファイルを突っ込んでテキストを読み取りたいって感じです。 ただ、当たり前のようにOCRって言葉を使用していますがOCRって結構奥が深いです。 mediadrive.jp 単純に画像から文字を見つけて対応するテ

CI/CDがあたりまえの今の時代にAPIテスティングツールに求められていること / CI/CD Test Night #7

はじめに こんにちは。ソーシャル経済メディア「NewsPicks」の QA/SET チームの海老澤です。 先日は Playwright を使ったE2Eテストの導入について、紹介させていただきました。 今回は作成したテストをAWS 基盤上で動かす方法を紹介させていただきます。 前回の記事 tech.uzabase.com E2Eテスト実行のタイミング NewsPicksでは 下記のタイミングで E2Eテストを実行させています。 ①リリース時のカナリーデプロイ後 NewsPicks ではカナリーリリースを採用していてカナリーへのデプロイが完了した後、カナリーに向けてE2Eテストが動きます。 ②開発環境デプロイ後 動作確認をしたい場合に feature ブランチなどでデプロイ後 E2Eテストを実行できるようにしています。 本記事では主に 「②開発環境デプロイ後」 を例に紹介します。 実行方法 具

モノレポ環境にPR-Agentを導入した効果と課題について書いています。 導入結果としては、AIによるコードレビューが効果がある一方で、現時点では全てのレビューがAIに置き換えることはないことが分かりました。 この記事では、PR-Agentの具体的な効果、実際に感じた課題、課題に対する横断チームの対応策などを掘り下げています。

太鼓屋P @taikoyaP 「快活CLUBの『鍵付き個室』では店で売っている飲食物を食べられない。持ち込みはOK」 という話を聞いたので理由を調べてみたら、 「鍵付き個室内で『飲食をさせる』と風営法3号営業に該当するが、客が持ち込んだ物を食べる分には該当しない」 というトンチみたいな理由らしいと判明して爆笑してる。

Hanabi.REST AIにHonoJSのバックエンドを書かせて遊ぶ、Hanabi.RESTというサービスを一般公開します。それに際して、この記事では、Hanabiの紹介と簡単に技術スタックを解説していきます。 皆さんは、AIがプロンプトからUIを生成する、V0というサービスをご存じですか？僕はあれを見たときに、ある妄想が膨らみました。 「V0のAPI版があれば、プロンプトからWebアプリケーションを作れるやん！！」と。 当初はハッカソン用の小プロジェクトとして始めましたが、想定以上に面白い結果が得られたため、開発を継続することにしました。技術的な制約、様々な黒魔術による不安定な挙動、LLMの劣化など、数多くの壁を乗り越えながら、約半年をかけてようやくリリースに至りました！！ 次のリンクから実際にAIが生成したTwitter風のAPIを試すことが出来ます！ また、会員登録すれば誰でもAP

Goで単体テストを実装する場合、動的な言語のように「テスト実行中に外部への依存を置き換える」といったことはできません。代わりに、 外部への依存を引数で渡す 外部への依存をインターフェイスで渡す のように、テスト対象をテスト可能な実装に変更しておき、テストの時は外部への依存をモック等に置き換えて実行する場合が多いのではないかと思います。 個人的な体験でいえば、テスト可能な実装に置き換えていく過程で設計が洗練されていく*1ことは度々あるので、面倒を強制されているというよりは設計を整理するための道具といった捉え方をしているのですが、そうは言っても動的な言語に比べると面倒だなと感じるときは少なからずあります。既存の実装がテスト可能になっておらず、変更するコストが高い場合は特にそうですね。 そんなとき、気軽にモンキーパッチできると嬉しいんじゃないかと思って、テストの時だけ関数を置き換えられるようなラ

スライド概要 ■ タイトル: すごすぎ！GPT-4oをPower Apps、Power Automateで楽しんでみよう！ - 日付: 2024年5月25日 - スピーカー: 出戻りガツオ（De’modori Gatsuo） - 主催: ビリビリ☆Power Apps 同好会 ### スピーカープロフィール - 名前: 出戻りガツオ（De’modori Gatsuo） - 役職: Microsoft 365 コンサルタント、インドの青鬼 語り隊 隊長 - スキル: Power Apps、Power Automate、Python、Excel VBA、Google Apps Script、RPA、Power BI、SharePoint #### セッション内容 1. テーマ紹介 - GPT-4o（オムニ）について - Azure OpenAI APIの使用方法とその事前準備 - 利用コストと

This project is on sale, contact me if you are interested. Contact Transform any screenshot into a fully functional, reusable component with just a single click.

太鼓屋P @taikoyaP 「快活CLUBの『鍵付き個室』では店で売っている飲食物を食べられない。持ち込みはOK」 という話を聞いたので理由を調べてみたら、 「鍵付き個室内で『飲食をさせる』と風営法3号営業に該当するが、客が持ち込んだ物を食べる分には該当しない」 というトンチみたいな理由らしいと判明して爆笑してる。 リンク 快活CLUB 快活CLUB｜ご利用ルール AOKIグループが運営する、コミック・インターネットカフェ(漫画喫茶)＆カラオケの快活CLUB。 ソフトクリーム食べ放題・ソフトドリンク飲み放題に、鍵付完全個室など、バリのリゾート空間を再現した安心・安全・清潔な店内で、極上のリラックスをお過ごしください。 5

おたま @okerokero 大阪市でちまちました日常を送っています 台湾 香港大好きだけど 今は台湾にしか行ってません　関西で台湾好きのコミュニティができたら良いなと思ってます　台湾 香港ネタで盛り上がれる方 繋がってください あと、周遊型謎解きにどっぷりハマり中！ おたま @okerokero 天満市場で買ってきた台湾パイナップルにQRコードがついてたので読み込んでみました 生産者情報くらいが出てくるのかなと思ったら、なんとなんと生産地の地図やら農作業の記録まで！2022年11月に植えた木から今年の5月3日に収穫されてました 張さんありがとう🙏✨ pic.twitter.com/98gAzrlHN1

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

結論 お手軽モノリスならAutoIncrementが効率的だしこれでいいよ アプリケーション側で主キーを生成したい場合はLUIDを作る必要があるよ。GUIDで大は小を兼ねよう 主キーでGUIDを使うならULIDよりもUUIDv7がおすすめだよ ただし分散されているエンジンによってはUUIDv4の方が効率的になる場合もあるよ 主キーは原則公開しない方がいいよ UUIDv7やULIDはユニーク性を持ったInstant(timestamp)としても使えるよ 分散されたシステムでは厳密な時系列性を担保することはできないよ、あきらめてロックをかけつつ連番を一か所で生成しよう RDBのPrimary Key(主キー)とは？ MySQL、PostgresQLなどのRDBでは各レコードを識別するために一意な値を必要とします。これをPrimary Key(主キー)と呼びます。別のカラムにUNIQUEなInd

50+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. Perfect companion for shadcn/ui.

近年、手間のかかる作業をPCに処理させる「自動化」が注目を集めている。Excelを自動化するために、VBAに挑戦してみた方もいるだろう。しかし、VBAはプログラミング言語の一種になるため、得手／不得手があるのも事実。そこで、この連載では「ノーコード」で自動化を実現できるPower Query（パワークエリ）の使い方を詳しく紹介していこう。

松沢直樹 Naoki Matsuzawa @naoki_ma @EtobicokeYm 威力業務妨害ほかでパクれそうですね 見留さんの隣に僕がいたら、けしてお客様に失礼にならず、かつ極めてこまかいご対応で 二度と電話をかけてこれなくなるお話をさせていただくのですが、残念です 中本アキノブ@eBayを使って越境EC @AkinobuNakamoto @EtobicokeYm ワシが現役のSVだったら即電話変わって録音して状況証拠だけ押さえて一方的に電話は終話してすぐに元大阪府警OBの法務部の担当にエスカレーションする。 当時勤めてた企業は大阪府警と京都府警OBを特殊クレーム対応に充ててた。 企業はコルセンのオペレーターさんを守るべき。

切り替える理由 自社の主力製品で利用している技術(WebRTC / WebTransport)がブラウザベースのため TypeScript を利用する Go を採用したのは sqlc が使いたかったという理由 sqlc-gen-typescript が出てきたのでもう Go を使う理由がなくなった 自社サービスチーム全員が Go にまったく興味が無い sqlc 自体は便利 そもそも自社に Go への興味がある人がいない 自社サービスの規模ではボトルネックになるのはデータベースであって言語ではない もしアプリでスケールが必要なときは Rust や Erlang/OTP に切り替えれば良い コネクションプールは PgBouncer を利用すればいい TypeScript からは 1 コネクション 1 接続で問題無い どうせフロントエンドでは TypeScript を書く 自社では React