hackpopoのブックマーク - はてなブックマーク

Next.js って App Router が出てきて平和じゃなくなったよね

背景 Next.js に App Router が導入されてから1年近くが経ちました。しかし、未だに App Router を前提として設計のベストプラクティスが定まっておらず、身近なフロントエンドエンジニアはみな﹁まだプロダクトに取り入れるには考えることが多いよね﹂という共通認識のまま止まっているような気がしています。また、App Router が導入されるまでは、技術選定の無難な選択肢として Next.js が最有力でした。しかし、現在は App Router の設計のプラクティスが未発達なことや、オーバースペックであるという見方が出てきており、検討しなければならないことが多くなったように感じます。そうした中で、ではその懸念というのはどのようなものがあり、導入しずらい要因に何があるのか、というところが、今回執筆を行う上での背景になります。 App Router導入で考えないといけな

hackpopo 2024/07/23

リンク

雑談が苦手なら「聞く」に徹する。ビジネスで使える実践的なコツと聞くスキルを伸ばす方法｜いしかわゆき #コミュニケーション - りっすん by イーアイデム

撮影‥岩下周平親しい友人であれば平気なのに、上司や部下、取引先など“あまり親しくない人”との雑談やアイスブレイクに﹁何を話せばいいんだっけ……？﹂と、戸惑った経験はありませんか。ライター・インタビュアーのいしかわゆきさんも、かつては﹁親しくない人との雑談﹂に強い苦手意識を抱いていたそう。しかし、﹁聞くスキル﹂を磨いたことで、どんな相手とでも会話をすることが苦痛ではなくなったといいます。今回はそんないしかわさんに﹁聞くスキル﹂を中心とした、明日から使える具体的な会話のコツを教えてもらいました。雑談が苦手でも﹁話を聞く﹂ことはできるいしかわさんは現在インタビューライターとして、さまざまな人に話を聞くお仕事をされています。ですがもともとは﹁他人に興味が持てず、人と関わるのが苦手﹂という悩みがあったそうですね。いしかわゆきさん︵以下、いしかわ︶‥はい。私は昔から﹁人と話したい﹂という気

hackpopo 2024/07/17

リンク

「プッチンプリン出荷停止」はなぜ起きた？　“ベンダーのせい”にできない根深き問題

﹁プッチンプリン出荷停止﹂はなぜ起きた？　“ベンダーのせい”にできない根深き問題‥有識者に聞く︵1/6 ページ︶近年、大手企業のERP導入失敗事例として注目を集めたのが﹁プッチンプリン問題﹂である。 2024年4月、江崎グリコは基幹システムを独SAPのERPパッケージ﹁SAP S/4HANA﹂に刷新する切り替えを実施した。ところが、この切り替えをきっかけにシステム障害が発生。乳製品、洋生菓子、果汁、清涼飲料といった﹁チルド食品﹂の受発注や出荷業務に影響が出た。その結果、看板商品であるカフェオーレやプッチンプリンなどが出荷できない事態に陥ったのだ。多くの人は、この問題の原因をベンダーの能力不足や、企業のIT 投資に対する姿勢の問題だと捉えているようだ。しかし、ERPのエキスパートである廣原亜樹氏の話を聞くと、実際はそれほど単純ではないらしい。そもそもERPとは何なのだろうか。なぜ企業はE

hackpopo 2024/07/03

日本にあったERPを作っても海外では使えないし、海外のERPを使っても商習慣が合わないというどうにもならない問題だな。

リンク

顔まわりがキュッとしてくる「舌トレ」を続けてみてどうなったか？→舌の位置は正面はもちろん、横からの変化がすごかったよ「やってみたい」「顎ラインがすっきりする」

いしかわひろこ📖限界ズボラゆるトレ大全発売中！ @kumainunews 【再掲・アゴ下がキュッ⤴️舌トレ】(1/2) 連休に美味しいものた〜くさん食べたら顔まわりがモタついてる⁉️ そんな時にちょこちょこ試したいのがこの舌トレ👅普段使わないアゴ下の筋肉が動くから顔まわりがキュッとしてくるんです✨ぜひお試しあーれ！ pic.twitter.com/0pmOWaO5fA

hackpopo 2024/07/03

、

リンク

PostgreSQLを生成AIの情報源として使える高速ベクトルデータベース化拡張「Pgvectorscale」がオープンソースで公開。Pgvectorをさらに高性能化

PostgreSQLのマネージドサービスなどを提供しているTimescaleは、PostgreSQLで高速なベクトルデータベース機能を実現する拡張機能「Pgvectorcale」をオープンソースとして公開したことを発表しました。大規模言語モデルを用いた生成AIの注目度が高まる中で、文章や画像、音声といったデータの特徴を数値で表現するベクトル化（もしくはエンベディング）により、大規模言語モデルで扱えるようにすることへの注目も高まってきています。ベクトルデータベースは、このベクトル化された膨大なデータの保存や類似度の検索などが可能です。例えば、RAG（Retrieval Augmented Generation）と呼ばれる手法により大規模言語モデルの回答に外部のデータベースから取得したデータを組み込むことができます。こうした場面でベクトルデータベースが活用されます。高速ベクトルデータベ

hackpopo 2024/06/21

あとで読む

リンク

「海外映画の日本版ポスター、文字多くて微妙になりがち問題」について、案件を手掛けるデザイナーが語る背景が勉強になる「なんなら本国が説明を要求してくる場合もある」

困助(こますけ)@デザイナー @komasuke_design この手のお仕事をするので、気持ちは凄く解るのですが、様々な理由が関係して文字が多くなる事が多いです。理由としては、 ●予算の関係上、多くの宣伝物を作れない場合、配給会社が保険をかける意味でも、あらすじ等多くの文言を入れる傾向がある。 ●文言の確認に本国確認を入れる場合、確認に非常に時間がかかる為︵一文字変えただけで、ざらに10営業日はかかる︶過不足なく説明しようとする。 ※さらに、国内で確認が各部署で発生する場合も多い。 ●なんなら、その説明を本国側が要求してくる場合がある。 ●そもそも、ポスター自体の芸術性が売上に直結しにくいためか、説明的になりやすい。以上の理由から、文言が多くなりやすいですし、他にもかなり制約がある上でデザインをします。あくまで、私が関わった仕事における話ですが。 2024-06-09 22:59:5

hackpopo 2024/06/11

日本は識字率が高く多民族じゃないから文字が多くて読んでくれるということを聞いたことある。つまり他の国では文字数多くても読まれないからビジュアル重視になったのでは

リンク

ひとり会社の起業について学んだ10のこと - GoTheDistance

note.com 僕の間違いじゃなければ、時々はてなのブログでコメントを頂いた方のように思う。Python関係で。大変お世話になりました！法人の設立にあたっての事務処理と、会社運営のお気持ち編を、自分の体験からまとめてみます。2016年6月にノリ︵そうだ独立しよう︶だけで起業して7年ほどひとり。今は2人体制になった。会社を大きくする方法はなんもわからんので、そういう内容を期待される方はすいません！沿わないと思う！ 1. 決算処理は専門家に任せたほうが良い自分は前職の会計事務所でお世話になったため、起業当初から会計事務所を利用させてもらっている。年間30万弱。決算処理込み。6月1日に創業したけど、タイミング的に6月になっただけで、深い意味はなかった。会計事務所的に3末はGW進行と重なるので避けたほうがいいかも。決算処理は確認しないといけない事項が多すぎて、素人がいくら確認しても漏れ

hackpopo 2024/05/11

リンク

ひとり会社を起業したときにわからなかったこと｜Tetsuya Morimoto

ひとり会社を経営してこの4月から第6期になる。期間として次の12月で創業5年になる。先日、その5年近くの経営の中での失敗からのふりかえりについて書いたところ、多くの人たちに読んでいただいたので嬉しい。この記事で引用した次の経理の書籍についても多くの人たちが読んでくれているようにみえる。それ自体は素直に嬉しいものの、約4年前の記事であるため、当時の私が起業に関して無知だったり、よくわかっていなかった内容もいくつかある。そこで現時点でのアップデートを含め、いま私が起業するならこうした方がよかったと、自身の経験からわかったことを整理してみる。起業時に夢も希望もない私自身、先にあげた過去の記事を読み返していて、よい大人がひどい理由で会社を辞めたものだと思う。一方で世の中には既存の社会構造や組織に馴染めない人もいる。自分で会社を経営することは自己責任ではあるが、社会に対して馴染めないなにかを少し

hackpopo 2024/05/06

リンク

引き受けないお仕事の基準｜Tetsuya Morimoto

たまたまお仕事の断り方という記事を読んだ。ひとり会社を経営してもうすぐ5年が経とうとしている。うちの会社では過去に1度、大きな失敗を経験してふりかえりを行った。その際に引き受けないお仕事の基準というものを社内で作成した。その失敗に至った原因の1つとして、本来引き受けるべきではないお仕事を受けてしまったと後になって反省した。時代の流れや人手不足もあり、システム開発やプログラミングのお仕事はまだまだ好況にみえる。うちのような零細企業でも、実際に引き受けられるお仕事より依頼の方がずっと多い。そして残念ながらせっかくいただいた依頼をお断りすることもまた多い。引き受けないお仕事の概要経理の本に書いてあったやるべきではない取引起業したばかりの頃に読んだ次の経理の本にも﹁やるべきではない取引﹂として次のリストを提案していた。報酬が魅力的でも信用できない相手や嫌いな相手との取引入金が遅い取引自分

hackpopo 2024/05/05

リンク

ジョージア大使「京都は歴史が長すぎて和菓子は何を試せば良いのか分からず途方に暮れます」→京都人の返答が強者すぎる

ティムラズ・レジャバ駐日ジョージア大使 @TeimurazLezhava 徒然なるままに本国ジョージアに関して発信していきます🇬🇪🇯🇵 大使館アカウントもよろしくお願いします@GeorgiainJapan გაუმარჯოს ガウマルジョス🍷 著『大使が語るジョージア観光・歴史・文化・グルメ』 mfa.gov.ge/en/diplomats/6…

hackpopo 2024/04/29

リンク

Node.js + TypeScriptのモジュールを整理してみる

はじめにlink 最近受けるNode.js + TypeScript環境の相談の中で、CommonJSやECMAScript Modulesのあたりで落とし穴にはまっている人が多いという事に気づいた。 Node.jsは歴史的にCommonJSとECMAScript Modules（以後ESMと表記）がどうしても入り乱れる環境にあり、これにTypeScriptのモジュールが加わると組み合わせでさらに複雑度が増すのが現状である。説明する際に口頭より整理した文章が欲しいと思ったので記事にする。以下のリポジトリで検証コードを管理している。 https://github.com/koh110/module_test Node.jsモジュールチェックシートlink まず最初にNode.jsにおけるCommonJSとESMの挙動について整理する。いきなり書かれても把握できないかもしれないが、一旦こ

hackpopo 2024/04/24

リンク

Hotwireとは何なのか？

はじめに HotwireはBasecampが発表した、モダンなWebアプリケーションを作るための新しいアプローチです。名前もHTML OVER THE WIREから来ているように、HotwireではHTMLをサーバーから送ります。﹁それ普通のWebアプリケーションでは？﹂と思う方もいるかもしれませんが、SPA + APIサーバでJSONが使われるのに対し、SPAと同様の体験をHTMLを中心に置いて作るアプローチであることを示す表現です。僕個人は、最初は﹁ふ〜ん﹂という感じだったんですが turbo-railsを読みつつHotwireのデモアプリをPhoenixに移植してみたり WebSocketではないTurbo Streamsのsourceを作ってみて遊んだりと、ある程度触ってみて良さが理解できてきたので、Hotwireを使うと何が嬉しいのか、Hotwireの各要素の紹介を記事として

hackpopo 2024/04/19

リンク

個人開発サービスを軌道に乗せるまでに行ったすべてのこと　UU数28万人の「席替えメーカー」、元教師の開発者が語る

株式会社YOUTRUSTの寺井氏は、個人開発でリリースした﹁席替えメーカー﹂について、ユーザー数を獲得するまでに実施したことについて話しました。教師からエンジニアになった寺井氏寺井省吾氏‥﹁サービスを軌道に乗せるまで一人でやったすべてのこと﹂というタイトルで発表したいと思います。よろしくお願いします。まず簡単に自己紹介ですが、寺井省吾といいます。今、株式会社YOUTRUSTでエンジニアをしています。僕はもともと教師をやっていて、教師からWebエンジニアに転職しました。趣味で将棋とかバドミントンとかサッカーをやっています。個人開発がけっこう好きで、今までいろいろなサービスを作ってきました。人のペインを解決するようなツール系のサービスだったり、あとはクスッと笑ってもらうためにおもしろ系のアプリだったりをいくつか作ってきました。今日は、自分が今まで作ってきた中で一番ユーザー数が伸びたと

hackpopo 2024/04/09

リンク

React Application Architecture for Production〜これ一冊で全てが網羅〜

はじめにこの記事は、Alan Alickovicさんの著書﹁React Application Architecture for Production﹂をまとめたものになります。Alanさんと言えばZennで最も人気のある記事﹁bulletproof-react﹂の作者であり、彼のprojectから学ぶことはとても多い印象です。今回紹介する本は2023年1月に公開されたため、bulletproof-react以後のReactアプリケーションにおけるベストプラクティスの宝庫となっています。また、本で扱われているアプリケーションのProjectがGitHubで公開されていることから、Projectを眺めるだけでも勉強になる点があるかと思います。想定読者 Reactのアーキテクチャを模索している方テスト手法やCI/CDなどのアプリケーション設計に関心がある方使用される技術と本の構成言

hackpopo 2024/03/31

リンク

Next.js + TypeScript + Tailwind CSS の開発環境をできるだけ丁寧に構築する【2024年】

はじめに最近、Next.js、TypeScript、Tailwind CSSを使って技術ブログを立ち上げました。︵まだあまり更新は進んでいませんが…︶このプロジェクトを通じて構築した開発環境がわりと快適だったので、誰かの参考になるかもしれないと記事を書いてみることにしました。できる限りわかりやすく詳細な説明を心がけましたが、その結果、記事のボリュームが大きくなってしまいました。長文ですが、興味のある方はぜひ読んでみてください🙏 また、この記事内で紹介した内容をセットアップしたリポジトリを公開しています。 Next.jsのボイラープレートとして活用可能ですので、興味のある方はぜひ覗いてみてください。

hackpopo 2024/03/31

リンク

LLMの現在 - Speaker Deck

今のLLMを取り巻く状況について紹介します。

hackpopo 2024/03/30

リンク

WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport | RxDB - JavaScript Database

For modern real-time web applications, the ability to send events from the server to the client is indispensable. This necessity has led to the development of several methods over the years, each with its own set of advantages and drawbacks. Initially, long-polling was the only option available. It was then succeeded by WebSockets, which offered a more robust solution for bidirectional communicati

hackpopo 2024/03/20

リンク

中学生の息子に勉強を教えるときにやった内容

小学校小6～中学1年まで極度に勉強ができなかった。テストの問題文の理解ができなかったり、問題文の日本語は読めるが表現が気になってその所を何度も確認して先に進めず1問目以降白紙などもあった。このような状態だと学校や集団塾では改善はしないだろうと感じたので、自分が勉強につきっきりになることにした。幸い、私はある程度勉強はでき、中学レベルなら英国数ならほぼ満点はとれる。まず、問題文を読んで頭がパンクしてしまうことに関しては、深く考えるとパンクしてしまうということなので、そのパンクの兆候がでたらその問題から離れる訓練をした。日々の家庭学習で問題集をとかせ、それが発生しそうなら知らせてスキップする。テストのときでも、損切して0点を防ぐ効果がでた。そのあと、問題文でパンクする問題を一緒に説いて、問題文は何を求めているのか2人でじっくり考えるようにした。そうすることで、問題文の表現のパタ

hackpopo 2024/03/05

リンク

RAGの性能を改善するための8つの戦略 | Fintan

近年、OpenAIのGPT-4やGoogleのGemini、MetaのLLaMAをはじめとする大規模言語モデル︵Large Language Model‥LLM︶の能力が大幅に向上し、自然言語処理において優れた結果を収めています[1][2][3]。これらのLLMは、膨大な量のテキストデータで学習されており、さまざまな自然言語処理タスクにおいて、タスクに固有なデータを用いてモデルをファインチューニングすることなく、より正確で自然なテキスト生成や、複雑な質問への回答が可能となっています。 LLM-jp-eval[4]およびMT-bench-jp[5]を用いた日本語LLMの評価結果。Nejumi LLMリーダーボード Neoより取得。大規模言語モデルは近年急速な進歩を遂げていますが、これらの進歩にもかかわらず、裏付けのない情報や矛盾した内容を生成する点においては依然として課題があります。たとえ

hackpopo 2024/02/09

リンク

その状態のデザイン考えてなかった！　UI Stackってナニ｜kana

アプリの画面をデザインする際、エンジニアさんに﹁なにも登録データがない場合、どう表示しますか﹂﹁選択したときの状態ってどんなデザインですか﹂などと聞かれて﹁ウワア考えてなかったすみません、今作ります。。﹂︵なんて自分はポンコツなんだ、、ウウウ︶と、なりたくないですよね。 UIStackは👆のような状況を回避するのに便利で大事な考え方だと思ったので、言葉の意味を知らない方はぜひ読んでってください！ UIStack アメリカのプロダクトデザイナー Scott Hurff さんが世に出した﹁UIの考慮すべき5つの状態﹂という考え方です5つの状態・Blank State︵空っぽの状態︶・Loading State︵ローディング状態︶・Partial State︵部分達成状態︶・Error State︵エラー状態︶・Ideal State︵理想状態︶一つ一つ参考を交えな

hackpopo 2024/02/05

マッチングアプリの中の人だった時期があって、マッチング率とプロフィールを埋める率はある程度まで相関あるよ。100にする必要は確かにないけど、80ぐらいまでは相関する。だいだいモテない人はプロフィールが適当

リンク

はてなブックマーク

タグ

hackpopoのブックマーク (553)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス