パターンチックな模様を作るのが楽しいので作るときの基本的な方法２つを覚書き。
似た結果になることもあるので、たまに混同しますが別物です。
Notionの基本的な使い方
先日情報管理のためのカンバンツールを探して使い始めた Notion ですが、少し使ってみた感想と簡単な使い方をまとめておきます。
最初は出来ることが多くて混乱しましたが、使ってみるとシンプルにやりたいことが出来る感じで使いやすいです。
情報管理用のカンバン系ツールを探す
私は興味対象が頻繁に移ります。アプリ開発の途中で GLSL が気になり、試しにTwigl 書いてると不意に多項式補完の種類を調べ始めたり。
ワーキングメモリに収まっている内はいいんですが、はみ出した内容は頭とブラウザのタブをにぎわせて作業効率が大幅に落ちます。
一時的に整理した情報は Discord や Gmail、果てはローカルのテキストファイルにまで散らばっていました。
やりたいことがとっちらからないようにタスク管理したい。
カンバン系のツールでいいのがないか探してみます。
React-Markdownで見出しタグを変更する
react-markdown で 見出し要素 <h1> ~ <h6> を独自に編集したい。
具体的には Material UI の Typography にしたい。
javascript でも問題ないですが Typescript 前提で書いています。
Typescriptの型指定を無視する
gl-react でお絵描き的なことをしようとしてて、Typescript の型チェックが通らない値を設定する必要が出来た。
型設定を修正するのが正攻法ですが、直すのが面倒な事情もあっていくつかのプロパティーの型チェックを放棄したい。
考えてみれば必要な機能で基本的な事なんですが、やろうと思ったことがなかったので知らなかった。
React Native, Expoでのパスエイリアス設定
Expo ( react native ) で相対パスの代わりにエイリアスを使いたい。
import Ctx from "../../../contexts/main"; みたいなのは書いてられないです。
next.js で同様のことをしていたので設定自体は簡単だったのですが、思わぬ落とし穴があったのでメモしておきます。
【GLSL】バーテックスシェーダーに触れる
これまで GLSL（とほんの少しのHLSL）を書いてましたが、フラグメントシェーダーしか書いていないことに気づいた。
もう一つの頂点シェーダー（バーテックスシェーダー）にも触れてみたい。
サンプルは全然見つからないし情報自体が少ないので gl-react のソースを見ながらバーテックスシェーダーの動作を確認します。
今回は基本的な確認までです。
短縮URLの作成とAPI利用【Bitly】
URLは 2000 字程度まで使えるのでパラメータで色々渡すことが出来ます。
ただ共有に不便にはですし、ツイッターなどの文字制限があれば載せることが出来ません。よく見かける bitly を使ってみます。
アカウント作成から API で短縮 URL を作るまで。
Next.js＋Vercelでsitemap.xmlを用意する
前回 sitemap.xml を作成しましたが、Vercel（旧 Zeit / now）でうまく動かなかったので原因と解決方法を追記しておきます。
自サーバーで動かす分には問題ないです。
Next.jsでsitemap.xmlを用意する
Next.js でサイトマップを作る方法を探してみたけど、情報が全然出てこなかったので見つけた情報をつなぎ合わせてサイトマップを自動作成します。
sitemap.xml（サイトマップ）は検索エンジンにサイト内のクロールするWebページを教えるためのファイルです。なくても検索結果に出ないわけではないですが、現在だとあるに越したことはないくらいの印象。