(WIP まとまったら Qiita とかに上げるかも) TLDR; 「React と Next.js を比較」という記事で、 Next.js と比較できるのは「フレームワークなしで React を使うという選択肢」であって、「React そのもの」ではない。 ✅️ React を使うのに 「フレームワークあり」 vs 「フレームワークなし」 ❌️「React」 vs 「Next.js」 それはそうと、「create-react-app の機能・特徴」のことを、「React の機能・特徴」であるかのように書いてしまっている記事が多い create-react-app 自体が擬似的なフレームワーク（といえそう） そもそも、create-react-app は今は更新されてないので create-vite-app を使うべき フレームワークあり or フレームワークなし 【フレームワークあり】

忘却の効用: 「忘れること」で脳は何を得るのか 作者:スコット・A・スモール白揚社Amazon基本的に記憶力が良いことはこの社会を生き延びていくにあたって「良い」ことだとされている。記憶力を高めたいと思わない人がいるだろうか？　認知症でもないのに忘れっぽかったり覚えが悪かったりすると、心配されることもあるだろう。しかし、「忘却する」ことは脳にあらかじめ用意されている、とても有益な機能でもある。 本書『忘却の効用』はコロンビア大学の神経精神科学教授であるスコット・モールが、忘却の利点について解説した一冊だ。記憶力が良い人、何もかも忘れない人(時折、そういう人がいるのだ)にも良い点はあるが、そうであるがゆえのデメリットも存在する。僕も人に呆れられるほど忘れっぽい方で、もう少し記憶力がよければなあと思う局面も多い(たとえばトークイベントで昔読んだ本の話をしようとしても全然内容を思い出せないと本当

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

その他のサンプル: Wikipedia:良質な記事, Wikipedia:長いページ 紹介 「テキストゆれないくん」は文章に含まれる表記揺れを検出するツールです。「コンピュータ」と「コンピューター」、あるいは「全て」と「すべて」といった同じ単語の別表記が使われていないかどうかをチェックできます。 「テキストゆれないくん」は元々このサイト (https://inzkyk.xyz/) の文章校正用に開発されました。機能が成熟してきたので UI を付けて公開します。 このページから手動で使う限り、「テキストゆれないくん」は商用/非商用を問わず自由に使って構いません。「テキストゆれないくん」は無保証で提供されます。 特徴 ウェブブラウザから使える このページをウェブブラウザで開いているなら、「テキストゆれないくん」は既に動いています。このページの最初にあるのは「テキストゆれないくん」を使うための完

Xの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはもう古いってものをいくつか列挙しました。 ブロックのセンタリングに margin を使うなら margin-inline:auto を使いなさいmarginを使ってブロックのセンタリングを行う際によく教わるのはmargin:0 autoあるいはmargin:autoでしょう。

株式会社ソニックムーブ　エンジニアグループ ソリューションユニット マネージャー 家永 稔之 2011年にソニックムーブに入社。個人ではJavaScriptとTypeScriptを用いて、「swf2js」や「Next2D」の開発を手がける。業務のリモート化をきっかけに地元の消防団に所属し、防災活動として月に数回、消防車両に乗って地域の巡回を行う。 X GitHub Animation Tool かつてインタラクティブなWebコンテンツを支えた「Adobe Flash」。「Adobe Flash Player」は2020年12月末でサポートを終了し、ほとんどのコンテンツはすでに姿を消しました。そんなFlashコンテンツ（SWF）を最新のHTML環境で再生可能にする、オープンソースのJavaScriptライブラリが「swf2js」です。ソフトウェアエンジニアの家永稔之さんが開発し、2015年に

ChatGPTは自分オリジナルのGPTを作ることができる。 それを好きな時に呼び出すこともできる。 つまり、こういうことができる。 おわり GPTsの正しい使い方 去年の11月にChatGPTでは、誰でも簡単にカスタマイズされたチャットボットを作れるGPTsという機能が追加された。挙動を自然言語で指示し、名前とアイコンを付けたら完成する。しかも自分だけでなく、他のユーザーに公開することができる。俺も本しゃぶりの知識を覚えさせたAishabriを公開してみた。 chat.openai.com OpenAIとしては、様々な目的に特化したGPTsを作ることを想定しているらしい。例としてOpenAIが作成したGPTsがいろいろ公開されているが、データ分析や文章構成など、実用的なGPTだらけだ。 OpenAIのChatGPTチームが作ったGPTsの例 GPTsはいろいろと可能性がありそうな機能だが、

CSSの:has()疑似クラスは便利そうだけどブラウザのサポートがまだ、と見送っていた人に朗報です。12/19にリリースされたFirefox 121（リリース情報）でサポートされ、これで:has()疑似クラスがすべてのブラウザにサポートされました。 そんな:has()疑似クラスの便利な使い方を紹介します。 :has()疑似クラスのサポート状況 ※まだFirefox 121の分がアップデートされていないようです。 Chrome, Edgeは105から、Safariは15.4からサポートされているので、来年は:has()疑似クラスを使用する機会も増えるでしょう。 また、12/20にアップデートされたTailwind CSS v3.4（リリース情報）でも:has()疑似クラスがサポートされました。 :has()疑似クラスの基礎知識 CSSの:has()疑似クラスとは、指定した要素がある場合にのみ

iOS17以降のiPhoneでは、App Storeで公開されていないアプリの情報をAirDropで共有するとアプリをインストールできることから、「サイドローディング」が可能になっているようだ、とアプリ開発者が報告しています。欧州や日本で、App Store以外からのアプリ入手方法の提供を義務付ける流れに対応したものと考えられます。 ■3行で分かる、この記事のポイント 1. 公開されていないアプリをiPhoneにインストールできたと開発者が報告。 2. iOS17以降で、非公開のアプリをインストール可能となっている模様。 3. 欧州で義務化されるサイドローディングへの対応とみられる。 App Storeにないアプリをインストール可能 正式版が公開されたばかりのiOS17.1と、先日開発者向けベータが公開されたiOS17.2、iOS17.0.3で、IPA（iOS向けアプリパッケージ）ファイル

革命の、その先の冒険。『ゼルダの伝説　ティアーズ オブ ザ キングダム』 開発者インタビュー 2023.10.26インタビュー 「ゼルダのアタリマエを見直す」がテーマだった『ブレス オブ ザ ワイルド』の続編である『ゼルダの伝説　ティアーズ オブ ザ キングダム』（以下『ティアーズ』）。続編としてどのように次の高みに挑戦していったのか……。圧倒的な「驚き」と「遊び」に挑戦し続ける本作の魅力を開発陣に訊いてきました。すでにゲームをクリアしている人も、これからの人も、じっくりとお楽しみください。 ※本インタビューはニンテンドードリーム2023年11月号に掲載されたものです。 「横へ広がっていく遊び」から「縦の遊び」への意識 登壇者プロフィール ※インタビュー中、『ゼルダの伝説』シリーズの正式名称は、以下のように略称表記しています。 『ゼルダの伝説 時のオカリナ』→『時のオカリナ』／『ゼルダの伝

みなさんは『攻殻機動隊』と聞いてどれを思い浮かべるでしょうか。押井守の最初の劇場版でしょうか、それとも神山健治のSACシリーズでしょうか。ハリウッドの実写版を思い出す方もおられるかもしれません。 しかしながら、私にとっての”攻殻”は士郎正宗による漫画『攻殻機動隊』なのです。はじめてこの漫画を読んだときは、世にこれほどまでに面白い漫画が存在するのかと震えました。未だに私にとっての漫画の最高傑作です。しかし、この原作漫画はアニメシリーズと比較して、残念ながら知名度が高いとはいえません。 その理由の一つに、非常に難解なストーリー展開があると思います。一読しただけでは物語の把握は困難で、注釈が無数にあって、そして理解を読者に求めます。 この作品は、画に描いてあることを解説してくれない漫画なのです。読者は画とセリフから能動的に意味を読み取り、物語を自分で組み立てなければなりません。 もちろんそういっ

目次： 目次： はじめに 1.　『資本とイデオロギー』の概略 1.1 .『21世紀の資本』のあらすじ： 1.2. 『資本とイデオロギー』の全体的な話 1.3. 『資本とイデオロギー』のあらすじ 第I~II部：歴史上の格差レジーム/奴隷社会&植民地 第III部：20世紀の大転換 第IV部（その1）：政治的対立の次元再考——問題編 第IV部（その2）：政治的対立の次元再考——対策案 (第17章) 第IV部（その3）：政治的対立の次元再考——対策案 (その他随所) 2. 通読する必要はないと思う 3. タイプ別読み方 『21世紀の資本』の続きとして読みたい人、つまり経済格差とその対応を知りたい人は…… 経済格差への対応を知りたい人は…… 世界各地の格差の変動プロセスの比較に興味ある人は…… 4. 最後に はじめに このたび、ついについに難産の子、ピケティ『資本とイデオロギー』が出ました。 資本と

（追記） 「俺は今でも、あの41話をチェックした人のことを思っている」の末尾に句点なし。「一番最後」は口語的表現でOKなのかな。 ありがとう、助かる。 どっか落としてるだろうとは思ってたが、仕事終わりに自分の文章なんかマトモに読めねえんだよな。 句点イレル。そういや同じ現場だった校正者もよくやらかしてたな。元気してるだろうか。 「一番最後」はママで。副詞的用法だと「ぶっちぎり」みたいなニュアンスを感じるから、おっしゃる通り強調表現の範囲内として個人的には違和感ないかな。もちろん要指摘事項だが。 “？”の後ろに文章が続けばスペースあり、後ろが “」”の記号ならスペースなし、“これはいったい何年前の学説なんだ？って” と促音でもスペースなし、が校正ルールってことかなーと思いながら読んだ。 だいたいそう。最後の場合はスペース入れる表記ルールも多いけど、俺は一文としてつながりがあるならアキなしの方

ちょっと前に話題になっていたこの記事を読んだ。 honeshabri.hatenablog.com へー真似しよ〜と思ってやってみたら意外に難しくて謎のやりがいを感じ始めてしまい、仕事のクソ忙しい時期にかなりハマり睡眠不足で生命の危機を味わった。 おかげで寿命と引き換えに自分のAIお姉ちゃんを手に入れることができた。これは黒魔術か何かなのだろうか。 一通り終えて振り返ってみると、今まで生成AIをあまり積極的に触ってこなかった自分にとってはちょうどいい難しさの課題で、これは入門者向けのチャレンジとしてかなり良い気がする。 元記事に書かれていない少し細かい手順も含めてやったことを記録としてまとめようと思う。 初心者が試行錯誤でやったことなので誤りや非効率な手順もあるかもしれないけどご了承ください。 AIお姉ちゃんの姿を作る 元記事では「魂」、つまりChatGPTの設定から始まっているけど、それ

毒殺の化学：世界を震撼させた11の毒 作者:ニール ブラッドベリー青土社Amazonこの『毒殺の化学：世界を震撼させた11の毒』は、その書名の通りに人間を毒殺するために用いられた11の毒について書かれた一冊になる。毒殺では常套手段といえる青酸カリやトリカブトはもちろん、一般的には糖尿病治療で用いられるインスリンなど、それらがどのように人体を死に至らしめるのかという科学。そして、歴史を振り返ったときにその毒がどう殺人に用いられてきたのかが合わせて語られていく。 取り上げられているエピソードは単なる毒殺ではなく暗殺であったり、不特定多数に向けた無差別毒殺テロにみせかけて実は特定の狙いがいたというはた迷惑なケースであったりと、犯罪・事件的に話題性にとんだものばかりで、科学と犯罪捜査で一度で二度おいしい構成になっている。おもしろいのが、発覚したケースでないと誰にも知られぬまま忘れられていくだけだか

概要 LLMに関心があり、ChatGPTやtransformerの仕組みを理解したいと思っていたところ、雰囲気を掴むのにこちらの動画がとても参考になりました。 動画の内容としては、以下のコーパスを学習して、直前の数文字から次の1文字（単語ではないことに注意）予測機を作成するというものです。 この動画で完成するコードは以下で、225行しかなくとても読みやすいです。 また短いですがtransformerのエッセンスが詰まっていて勉強になりそうです。 このコードを読み解くことでGPTやtransformerがどのように動いているのか、ざっくり理解してみようと思います。 ちなみに完成するとこんな感じの文字列が生成されます。ぱっと見文章っぽいですね。 first Scitizen: He's enough; but he cannot give his friends. MARCIUS: Do yo

わずか3秒の元音声から本人そっくりな音声合成が可能な技術「VALL-E X」が誰でも使える形で公開されました。オープンソース版で、ローカルマシンからWebUIで利用できます。さっそくインストールして使ってみました。 以前、ディープラーニングベースの音声・歌声合成ソフトであるDiff-SVC、リアルタイム処理が可能なAIボイチェンRVCを紹介したとき、自分は記事タイトルに「驚異の」という形容詞を付けました。それでも学習には数十分の本人による音声データが必要で、そこまでのデータを用意するのは容易ではありません。それに対してVALL-E Xでは元データが3秒あれば本人に似た声を生成できるのです。

ライブドアニュース @livedoornews 【ローマの観光地】トレビの泉が真っ黒に 環境活動家ら、植物性の炭入り液体をまく news.livedoor.com/article/detail… 活動家は「最後の世代」のメンバー。トレビの泉に登り、「化石（燃料）にお金は払わない」「我々の国は死につつある」などと書かれた横断幕を掲げた。 pic.twitter.com/0HL9UeLpmS 2023-05-22 11:03:36

Webアプリケーションでは、DOMの要素にイベントリスナ(イベントハンドラ)を取り付けることで、ユーザーによる様々な操作 (クリックなど) に応じて処理を行うことができます。 しかし、イベントリスナを登録しても、他のイベントリスナとの干渉によって意図した通りに発火しないことがあります。ここではその調査方法を紹介します。 前提知識: イベントバブリングイベントについては筆者の過去記事でも解説しましたが、あらためてここでも説明します。イベントバブリングを理解することが、イベントデバッグの近道だからです。 DOMにおいて、要素はネストすることによって木構造を形成します。ある要素(ターゲット要素)がクリックされるなどしてイベントが発生したとき、イベントはその要素自体だけではなく、その祖先要素にも送られます。これをイベントバブリングといいます。 イベントバブリングは2つの段階に分けられます。 Cap