Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Next.js の App Router が安定版となり、React Server Components (以下 RSC) を実際に試す環境が整ってきた。 実際、今年はやれどこそこのプロダクトが Next.js を採用しただのやっぱり捨てだのといった話題が尽きなかったように思う。 かくいう自分自身も、今年は App Router の案件に取り組んで RSC と格闘する日々を送っていた。 その過程で、こんなようなことを考えるようになったので、今回はこの辺りの話を書き残しておこうと思う(何回か X に同じ旨の POST は上げていたけど、一回もちゃんとまとめてなかったので)。 RSC がない頃の、別の言い方をすると getServerSideProps を使っていた頃の、Next.js におけるアプリケーションの設計は、トラディショナルな MVC にかなり近しい。 ここでいう MVC は、Sp
identify株式会社は、個人が販売した動画素材を企業が購入して、マーケティングへ活用することを支援する「DeLMO」というクリエイタープラットフォームを運営しています。その「DeLMO」では、クリエイターがスキマ時間に動画を撮影・販売し、報酬を得ることができる複業支援サービス「DeLMO for creator」と、企業が縦型ショート動画素材を簡単に収集し、クリエイティブ制作に活用できるサービス「DeLMO for advertiser」の2つを提供しているのです。 同社の取締役CTOを務めるのが岩崎 裕馬さん。彼は水天宮前(茅場町、人形町、日本橋)にあるレストラン「ワインと鍋」のオーナーでもあるという変わった経歴の持ち主です。これまで岩崎さんは、CTOとしてどのような技術選定を行ってきたのでしょうか。 GoやNext.jsを採用。“攻めた”技術選定をした意図とは――このインタビューで
はじめに 初めまして。ZENKIGENデータサイエンスチームのはまなすです。正式な所属はDeNAデータ本部AI技術開発部なのですが[1]、業務委託という形で今年度から深層学習系の開発等に携わっています。 深層学習界隈では、2017年に衝撃的なタイトル(Attention Is All You Need)の論文が発表されてから早5年半、元出自の機械翻訳タスクを大きく越えて、Transformer関連の技術が様々な領域で用いられる汎用アーキテクチャとして目覚ましく発展し続けています。 今回はそんなTransformerが現時点までにどのように活用されてきたか、また、どのように工夫されてきたかをざっくりと俯瞰し、流れをおさらいする目的の記事になります。本記事の大枠は、2021年時点でのサーベイ論文である A Survey of Transformers に倣いつつ、適宜、2023年2月上旬現在ま
とくろう@柏の演劇活動家 @stageguildWAM 居抜きの店ってさ、いくら設備が新品同様でも当然看板工事くらいはするのね。店名とか前のままだし。 ところが、 『あー、工事何もしないっす。看板も変更なし。前の店名で良いっすよ。腕あれば関係ないんで』 って本当に何もせず引渡し当日に開店した若い料理人。 (普通引渡して1ヶ月は開店にかかる) 2023-10-20 17:24:58 とくろう@柏の演劇活動家 @stageguildWAM 若いのに料理人として華々しい経歴の人で、某有名洋食店のシェフから始まってブランド監修、コンサル、アドバイザーとしても活躍中。 そんな人が『家賃安い』って理由でラーメン屋の居抜き借りて、遊びでラーメン屋やるって。しかも潰れた店の名前で。 そら、そんな自信あるの?って期待するじゃん? 2023-10-20 17:24:58 とくろう@柏の演劇活動家 @stage
事業再構築補助金を受けてサービスを開発したんだけど相談に乗ってほしい という話を最近数件受けているのでどうしてうまくいかないのかをまとめてみようと思います。 ※全ての関係者から直接話を聞いているわけではないのでだいぶ憶測が入ります https://twitter.com/suthio_/status/1709385560006316540 最近、事業再構築補助金を受けてサービス開発したんだけど全然うまくいってなくて助けて的な相談を何件も受けるんですが共通する失敗をしている気がする。 — 今別府すてぃお (@suthio_) October 4, 2023 事業再構築補助金とは経済産業省が実施している補助金制度で最大1.5億円の補助金が受けれる制度となります。 私自身、相談をしていただいたや元々の知り合い含めて複数人が数千万以上で採択を受けているのを観測しています。 この補助金は枠ややること
https://github.com/Songmu/gotesplit gotesplitというかなり便利なツールを書いた。Goのテストをいい感じのサブセットに分割して、それを実行するものです。このアプローチで、社内のテストを15分から3分くらいまでに短縮しました。 これを使えばCI環境での高速なテストの並列実行を簡単に実現できます。 実例 CircleCIやGitHub Actions上で簡単に導入できます。 CircleCIの場合 parallelism: 5 docker: - image: golang:1.15.3 steps: - checkout - run: command: | curl -sfL raw.githubusercontent.com/Songmu/gotesplit/main/install.sh | sh -s bin/gotesplit ./... -
技術選定の話題がX(Twitter)で盛り上がっていたので僕の考えを書いていこうと思います。 想定読者エンジニアリング領域に対してあまり詳しくない経営者 結論からエンジニアと経営者が一緒に話し合って決めるべきだと考えています。 場合によっては外部からアドバイスを受けながら意思決定をしていかなければならない重要項目です。 理由を書いていきます。 技術選定のプロセスの重要性技術選定は中長期的なプロジェクトの品質、効率、成功に直結するプロセスであり、経営者とエンジニアが共同で検討すべき重要な課題だと考えています。適切な選定することによって短期的にも長期的にも多岐にわたる利点をもたらし、企業全体の戦略的な成功に貢献します。 要求を満たすことができるかの確認そもそも選んだ技術がシステムに必要な要件を満たしていない可能性が考えられます。 必要な要件を満たしていないのであれば採用を見送るべきです。 ※広
日本のPMとシリコンバレーのPM日本の大企業やスタートアップを支援させていただくことが多くなり、プロダクトマネジメントを日本語で行う機会が増えた。一方普段自分が働いているLinkedIn社内では英語100%の環境でPMを行う中で、違いを感じことがある。この違和感の正体はどこから湧き上がるのかと、考えていた。最近ふと、日米のプロダクトマネージャー(PM)が発する言葉に、違いがあるのではないかと感じるようになった。(もちろん、言語の違いではなく。)この記事では、何気なく発しているPMの言葉がプロダクトに及ぼす影響について深ぼってみる。 例1: 「二兎追う者は一兎も得ず」か"Kill two birds with one stone"か日本のことわざに「二兎追う者は一兎も得ず」というのがある。日本で教育を受けたのなら、誰しも「欲張ればその分何も得られない」と教えられてきたはずだ。日本で生まれ育っ
2024年以降、NISAの抜本的拡充・恒久化が図られ、新しいNISAが導入される予定です。 まだあまり盛り上がっていないように筆者は感じるのですが、新NISAは個人が資産運用を行うにあたって是非とも取り組むべき制度です。 恐らく銀行や証券会社は新NISAではほとんど儲からないでしょうから、案内が微妙かもしれません。今回は、この新NISAが、特に定期的に収入がある個人にとって、いかに良い制度であるかを見ていこうと思います。 新NISAの特徴 新NISAがあればほとんどの世帯にとっては十分 所見 新NISAの特徴 とにかく新NISAの特徴はどのようなものかをまずは確認しておきましょう。以下が新NISAのポイントです。 非課税保有期間の無期限化 口座開設期間の恒久化 つみたて投資枠と、成長投資枠の併用が可能 年間投資枠の拡大(つみたて投資枠:年間120万円、成長投資枠:年間240万円、合計最大年
先日、次女がやっている国語のドリルの答え合わせをした時のこと。 本来であれば、文中にある表現を用いて 「郵便局のドアをあけた」 と解答しなければならないところ、次女は 「郵便局に行った」 と書いていた。不正解である。 そこで、これは間違いだと指摘したところ、「なんで?」と返された。 そこで、想像してみて「おうちのドアを開けた」と「おうちに行った」とは、そもそも意味自体が違うでしょう、と説明する。 ところが娘は「おんなじようなものじゃない?」と首をひねる。 なるほど、娘の認識の中では、「ドアを開けること」と、その場所に「行くこと」は同一視されていたということだ。 そこで、娘には「わずかでも言葉が違う、ということはそもそも、意味が違うということ、文中に使われている表現を、そのまま使わないと意味が変わってしまうので、不正解になる」といい含めた。 * 上の話を「いちいち細かいなあ」と思う方もいるか
マネするだけで一気にChatGPTの上級者になれる! 「オレはChatGPTを仕事でこう使っている!!」に続き今回の特集では、初心者でもわかるデビュー方法と、すぐに使える超基本的な指示文を厳選して紹介しているので、ぜひ参考にしてほしい! * * * ■秒でわかるChatGPTの使い方ひと言で言うと............自然な会話形式で質問ができるAIサービス!! Q.どうすれば使える? 公式サイトからメールアドレスを登録すればOK! Q.いくらかかる? 基本無料だが、有料版(月額20ドル)も。応答が早かったり、回答の精度が上がったりするので、ガッツリ使うなら有料版がオススメ。ある程度のことなら無料版でも十分賄える。 Q.使い方は? メイン画面のメッセージ欄に、日本語で質問をするだけ。しばらく待てば回答が返ってくる。 Q.どういったことが頼める? 文章を作るAIなので、文書作成や要約、アイ
www.hageatama.org 【追記】続編を書いたつもりが何の参考にもならないので読まなくても支障はありません。 先日、引越し先のインターネット契約で困ってたリアル友人にSNS上で細かくアドバイスしたら大変感謝されたので、今後は「まずこれ読んでおいて」と言えるような記事を書き残しておきます。 直近3年で3回引越し、プロバイダ利用4種の経験をまとめた素人記事でして、気になる点があればどんどんとフィードバックして充実させていきたいのでご指摘お願いします。 6/21(更新翌朝):光コンセントがある前提で動くのは厳しくない?と言われて、確かにそう思ったので改訂。LANケーブルについての記述追加。 6/21(夜追記): 不動産屋さんと光コラボについて追記 【主張の概要】 光コンセントが元からある物件を選べ フレッツ光回線でプロバイダをいつでも切り替えられるようにしろ IPv6 (IPv4 ov
この記事は、Merpay Tech Openness Month 2020 の6日目の記事です。 メルペイでBackendエンジニアをしている柴田(@yoshiki_shibata)です。この記事では、Go言語のtestingパッケージに用意されている並列化の機能について説明します。 Go言語では、テストコードを作成するためのtestingパッケージが用意されています。一般に開発するソフトウェアの規模が大きくなるに従って、作成されるテストコードの量も多くなり、すべてのテストが終了するまでの時間も長くなっていきます。特に、データベースへアクセスするようなテストでは、データベースへの通信時間がテスト時間の多く占めますので、テストコードを逐次実行するよりは並列実行することで、テスト時間を短縮できます(厳密には用語「並行」ですが、t.Parallel()メソッドの説明なので、この記事では用語「並列
これは何 今回モノレポ管理ツールを Nx から Turborepo へと移行したのですが、ポリレポからモノレポへの移行に関する記事はあっても管理ツールのリプレイスというのはあまり見当たらなかったため、その知見を共有したいと思います。 弊社サービスとフロントエンドの構成について identify株式会社で副業エンジニアとして主にフロントエンドをお手伝いしている @uekenu です。 弊社identify株式会社では動画素材サービスDeLMOの運営を行っています。DeLMOは動画をダウンロードする広告主様/代理店様と動画提供者のクリエイターに利用いただいており、そこに特権管理者である弊社のスタッフを加えるとユーザーの属性としては3種類に分けることができます。そして3種のユーザーにそれぞれ別々の環境の画面を用意しています。 アーキテクチャとしては、バックエンドに GraphQL サーバーがあり
今年の頭にうちの会社にやってきたエンジニアの話。 彼は実装がめちゃくちゃ速く、コードもきれい。テストもちゃんと書く。 とてもできるエンジニアなのだが、一つだけ困っていることがある。 実装完了した機能をすぐに本番環境にデプロイできないと、とても不機嫌になるのだ。 うちの会社が開発しているのはtoBのシステムで、実装内容によっては営業やカスタマーサポートからお客さんにアナウンスがされてからでないとデプロイができないものがある。 急にUIが変わったり新機能が追加されるとお客さんが混乱するしカスタマーサポートに問い合わせが殺到するので、デプロイ前に調整が発生するのは致し方ないことなのだが、こうした背景を説明しても彼は納得してくれない。 「とにかく早くデプロイをさせろ」の一点張りで、彼が勝手にPRをリリースブランチにマージして、機能が出てしまったこともある。 それによってカスタマーサポートへの問い合
この記事について 今回、Google CloudのBatchを利用した動画変換処理を実装したので、どのようにしたのか、どこにハマったのか(ハマっているのか)、その効果についてまとめました。端的に現状を3行でまとめると、以下のようになります。 動画変換処理にGoogle CloudのBatchを使いました GPUを利用することで処理時間を短くできました コンテナでGPUをうまく使えずシェルスクリプトとGoで作ったバイナリを活用しています(コンテナ化の知見募集中です) はじめに はじめまして。identify株式会社 CTOの@suthioです。 弊社、identify株式会社では動画素材サービスDeLMOの運営を行っています。 service.delm0.jp 簡単に言うと、動画素材を提供するサービスとなります。 課題 弊社ではGoogle Cloud Platformをインフラとして利用し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く