ChatGPTとNotionの組み合わせ方は相変わらず頭をひねる要素でしょう。Notion上でChatGPTを使うか、ChatGPTからNotionに流し込むか、の2択にて、利便性を考えると個人的にはNotionAIとの相乗効果で前者を選びたいなぁと思っていました。ただNotionAPIでの以下の制約があって中々手間がかかります。 連続したブロック間に新規ブロックをはさみこめない 既存ブロック内テキストに追加する場合、追加テキストの判別をしたい場合は追加テキストを別途保存管理する必要がある もっとシンプルにできないかなと考えていたところ、NotionにChatGPTの結果を流し込む拡張がリリースされていました。 ChatGPTの結果を元にNotionAIで加工もありかと思い、触ってみました。 初期設定 まずはNotion上に保存用DBを作成しておきます。URL保存用にURLのプロパティが必

Stanford大学哲学博士修了後、同大学哲学部講師として論理学で教鞭をとりながら、Stanford Online High Schoolスタートアッププロジェクトに参加。2016年より校長に就任。 現職の傍ら、哲学、論理学、リーダーシップの講義活動や、米国、アジアにむけて、教育及び教育関連テクノロジー（EdTech）のコンサルティングにも取り組む。2001年、東京大学文学部思想文化学科哲学専修課程卒業。2002年より渡米し、2003年にTexas A&M大学哲学修士修了。著書に『全米トップ校が教える　自己肯定感の育て方』 （朝日新書）、『「ダメ子育て」を科学が変える！全米トップ校が親に教える57のこと』（SB新書）、『スタンフォードが中高生に教えていること』（SB新書）などがある。 スタンフォード式生き抜く力 全米トップ校の白熱授業を再現した『スタンフォード式生き抜く力』。 予測不可能な

MSX0の特性はBasicで簡単にIoTを制御できる点にあり 現在のIoT機器の弱点は、様々なセンサーを簡単に使えるようにする仕組みが存在しないところにあると西氏は考えています。 「MSX0は、MSXとSeeed studioの様々なセンサー（グローブセンサー）との連動が、非常に重要なテーマであると認識していました。BASICとグローブセンサーを結合するライブラリをホビイストの人に書いてもらって、いろんな人が勝手にオープン化していって、それでプラグ＆プレイで、簡単につなげられるようにする。グローブセンサーのプラグ＆プレイをどう実現するかが大きなチャレンジなわけ。グローブセンサーは外のセンサーだからそういう機能は基本的に持っていないので。（マイコンとセンサーの接続を担う）I/Oのライブラリを書いてやるのはチョチョイのチョイだという強者もいるけど、それは本当に一部であって、一般的な人にはできな

CSSにおけるマージンの相殺は何か、どういう条件で起こり、どのように相殺されるのか、また相殺を回避する方法などを紹介します。 下と上のマージンの相殺は単純ですが、マージン値が異なる場合、入れ子の場合、複数の場合、同方向の場合、負のマージンの場合、パディングやボーダーがある場合など、実装に伴うさまざまな例を解説します。 この記事を読むと、マージンの相殺がどのように機能するかがよく分かるようになり、悩むことはなくなります。 The Rules of Margin Collapse by Josh W. Comeau 下記は各ポイントを意訳したものです。 デモは元記事ではインタラクティブですが、Gifアニメにしています。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 垂直マージンのみが相殺される 隣接する要素のみが相殺される より大きなマージンが勝つ 入れ子は

Docusaurus: Documentation Made Easy​ In this presentation at Algolia Community Event, Meta Open Source team shared a brief walk-through of Docusaurus. They covered how to get started with the project, enable plugins, and set up functionalities like documentation and blogging. Migrating from v1​ Docusaurus v2+ has been a total rewrite from Docusaurus v1, taking advantage of a completely modernized

Hugo 0.81.0から、MarkdownでID、クラス属性の付与が可能になっています。 MarkdownでID、クラス属性を付与するための設定 必要な設定は「config.toml」で以下を記入するのみです。たったこれだけです。 [markup] [markup.goldmark] [markup.goldmark.parser] [markup.goldmark.parser.attribute] block = true #<== ここをtrueにする Hugoの公式サイトでは以下のように解説されています。 attribute Enable custom attribute support for titles and blocks by adding attribute lists inside single curly brackets ({.myclass class=“cl

HTML Living Standardとは、Apple・Mozilla・Operaの開発者によって設立されたWHATWGという組織が策定するHTMLの仕様のことです。 この仕様は、HTML5の廃止によって標準仕様となりました。 また、HTML Living Standardで不適切なマークアップをすれば、SEOへの影響が懸念されます。 一方、HTML Living Standardで適切なマークアップをすれば、コンテンツの品質が保てます。 具体的には、HTML Living Standardで定められてるHTMLの要素や属性を使ってマークアップしたり、HTMLの要素や属性の記述ミスをなくします。 そうなれば、クローラーが理解しやすいHTML構造になり、かつレイアウトの崩れがなくなります。 結果、コンテンツの品質が保たれて、検索順位の下落に繋がりづらいというわけです。 こうした良い状況にす

ダーク・モードへ適応するなら、フォーム関連要素の色も切り替えるよう、CSSを書くだろう。しかし、それだけでは、例えばテキストエリアで出てくるスクロールバーが明るいままなので、かなり浮いてしまう。meta要素でname=color-schemeを適切に設定すると、そういったスクロールバーの色も含めたあらゆるものの色を暗く(明るく)できる。 書き方は特に難しくない。ダーク・モードへ適応しようと、prefers-color-schemeメディア・クエリーを使って、明るい背景と暗い背景を切り替えるなら、以下のようにHTMLファイルのhead要素以下に書けばいい。viewportと似たようなものだ。 <meta name="color-scheme" content="light dark"> lightとdarkの順序は、逆でも意味は変わらない。これだけでユーザーのOSやブラウザーでのダーク・モー

なぜゲーム開発では lua がよく使われるのでしょうか？C++が一般的ですが、なぜ lua が選ばれるのか。歴史的な偶然か、ゲーム開発に特に使いやすい特徴があるのか おもち:確かにゲーム開発においては、C++が最も一般的に使われています。その一方で、Luaはゲーム開発においても非常によく使われるスクリプト言語です。 その理由としては、まずLuaが軽量であることが挙げられます。LuaはC++などの他の言語よりも非常に軽量であるため、ゲームの高速な動作を実現することができます。また、Luaは実行速度も非常に速く、高速な動作を実現することができます。 また、Luaは非常に柔軟であることが特徴です。他の言語に比べて、より多くの柔軟性を持ち、様々な種類のプログラムを実装することができます。そのため、ゲーム開発においても、柔軟性の高いプログラムを実装することができるため、よく使われています。 さらに、

先日プラグインを作成してみた記事を公開しましたが、その記事のコメントで tyruさん からご指摘いただいた(とてもありがたいです)、プラグインのインストール場所と方法について整理しておきます。 分類 そもそも自分で書いたVim スクリプトをVimに読んでもらうためには次の３つが考えられると思います。 プラグインとして配置する パッケージとして配置する プラグインマネージャーを使用して配置する ここではデバッグのことを考えて自力で配置する方法「1. プラグインとして配置する」「2. パッケージとして配置する」に限定して説明していきます。なので、「3. プラグインマネージャーを使用して配置する」に関しては書きません(プラグインマネージャーのリファレンスを読んだ方がわかると思います。私は dein.vim 使っています) 前提 プラグインのリポジトリは plugin と autoload の２つ

freee Developers Advent Calendar 2022 １日目の記事です！ ついに今年も始まりました freee Developers Advent Calendar、一日目は会計チームの hachi (@hachiblog) からお送りします。 エディタはソフトウェアエンジニアにとって毎日使う道具です。あなたはどんなエディタを使っていますか？そのエディタに満足していますか？ 自分は３年ぐらい VSCode を使っていて大方満足はしていたのですが、細かいところで不満が出てきていました。 そのため思い切って Neovim にエディタを移行しました。 移行して、超快適！という状態ではまだないのですが、VSCode と同等ぐらいまでには使いこなせるようになりました。 自分は今まで何度か VSCode から Vim/Neovim に移行しようとして何度か挫折していて今回始めて成

SmallSmaller images mean faster load times. Squoosh can reduce file size and maintain high quality. SimpleOpen your image, inspect the differences, then save instantly. Feeling adventurous? Adjust the settings for even smaller files. SecureWorried about privacy? Images never leave your device since Squoosh does all the work locally.

サンプルコードの例に当てはめると、if文の中の処理がtrueかfalseによって処理が変わっています。 このように、trueかfalseで値が返ってくるものがBoolean型になります。 １つ注意して欲しいのは、BooleanはString型で使うシングルクォーテーションやダブルクォーテーションを使いません。 Null（値が入ってない状態） Nullは値が存在しないことを表しています。 プログラムでは「null」を使います。 ディベロッパーツールのコンソール上でnullを入力すると、以下の画像のようにnullが返ってくることが分かります。 Undefined Undefinedは値が定義されていない（セットされていない）ことを表しています。 Nullのように値が存在しないわけではありません。 プログラムでは「undefined」を使います。 値が存在しないと言われてもピンと来ない人もいると