flabaka.com

JavaScriptからPHPにデータを送る

JavaScriptからPHPにデータを送る場合、どんな方法があるんだろう? ってなったので、いくつか試してみることに… axiosやasync、awaitを使っても出来るみたいですが、まずはjQuryとfetchを使ってみました。

dnfコマンドが使えない…

「そういえば、前回 dnf upgrade(update)を行ったのって、何時だったっけ?」となったので、久しぶりに実行してみると、強制終了や connection closeになってしまい、upgrade(update)が出来ない。その他のdnfコマンドを試してみるも、同様に実行不可。以前はそんなことなかったのに何で? となり、調べてみることに…

viエディタのショートカットキーあれこれ

vi エディタを使っていて、「あれっ、ショートカットキー何だったっけ?」となったので、調べてみました。行番号の表示やカーソルの移動、nginxのシンタックスチェックやバージョンチェックを行う際、(オプションで)ほぼほぼ使ったことがなかったものがあったので、メモしておくことに…

AstroでPandaCSSを使ってみる

Astroを触ってみようかな? と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。

LaravelでjQueryを使ってみる

データベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色々調べてみると、@viteで作成されるjavascriptにはtype='module'が付き、その有無により実行順が異なるようです。

Laravel・以前のバージョンとの差異あれこれ

久しぶりにLaravelを触る機会があったのですが、以前Laravelでブログを作ろうとして触っていた時のバージョンは確か、5.8とかだった様な。随分と時間が経ってしまい、あれ、どうするんだっけ? とか、今はこう書くのか…とか色々出てきました。where&getとfindを使った時の違いや、モデル作成時のオプションの指定、カラムのデータ型の変更方法、バージョンによって異なるlangディレクトリの扱い、ヘルパ関数であるto_routeや、Bladeコンポーネント等を触ってみました。

zenn-markdown-htmlを使ってみる

前回 rehype-sanitize の記事を書いたんですが、その際色々と調べていたら、zenn-markdown-html というものを知りました。機能も色々充実しているみたいなので、ちょっと試してみることに。scriptタグを使ったら、Synchronous scripts should not be used.のエラーが。next/scriptかasync・deferを使ったコードに変更すれば、エラーは出なくなりました。

rehype-sanitizeを使ってみたら、コードがハイライト表示されなくなった

NextJSでrehype-sanitizeを使ってみようかなと思って試してみたら、ソースコードがハイライト表示されなくなってしまいました。rehypeSanitize と rehypeHighlightの記述位置を入れ替えてみても変化なし。ドキュメントを見てみると、rehypeSanitizeとrehypeHighlightを一緒に使う際には、defaultSchemaの設定を追加しないと駄目みたいです。defaultSchemaの設定を追加すると、きちんとハイライト表示されました。attributesのcodeに言語の設定を行う際にも、注意点が…

InferGetStaticPropsTypeを使ってみる

getStaticProps で取得したデータに型を付与したいって場合、色々方法はあるかと思います。markdownファイルを読み込み、記事に変換しているので、予めtitleやsummaryなどにデータ型を設定しておきます。それをpropsに適用していたんですが、NextJSのドキュメントを見ていたら、InferGetStaticPropsTypeなるものが… これを使えばpropsで渡ってくるデータの型を類推してくれるみたいです。

markdownファイルの読み込みで、ENOENTエラーになる

NextJSで記事(markdownファイル)を読み込もうとしてyarn devしたら、ENOENTエラーが発生。以前もこんな事あったなぁ…と思い出し、その対処法をメモっておくことに。調べてみたら、ENOENTはError NO ENTry の略らしい。markdownファイルを置いてあるディレクトリに移動して、ls -aコマンドを実行。すると作成した覚えがない.DS_Store.mdファイルが… こいつが悪さをしているっぽいので、rmコマンドで削除。再度yarn devしてみると、ちゃんと記事を読み込めました。