JS テキストと画像を入力してプレビューする テキストを入力すると自動でそのテキストを解析し、プレビュー表示するサンプルです。 入力欄 (入力と同時にページ下部に変換して表示) テキストの入力 改行はbrタグに変換する https://で始まるとリンクを生成する... 2024-04-22 01:04:01
SCSS 編集しやすいようコメントを残す SCSSの開発環境は人それぞれのケースが多いので、共同で編集したりするときはコメントを残した方がよいです。 SCSSの場合は、コンパイル時に削除されるコメ... 2024-03-21 14:44:02
webpack SCSSをバンドルする SCSSを使いたい場合は、ローカルでコンパイルする方法もあるが、webpackで変換する方法もある。 まずはCSSをバンドルを実装する。 webpack.config.jsの... 2024-03-09 14:52:44
webpack エントリーポイントを変更する src/index.jsではなく違うファイルをエントリーポイントにしたいときの設定箇所の備忘録です。 webpack.config.jsの下記の部分を追記して、変更できます。... 2024-02-23 15:56:29
webpack CSSをJSに取り込みまとめる Node Package Managerがインストールされていることが前提です。 初期設定をする [[npm init]] webpackをインストール [[npm install webpack webpa... 2024-02-23 14:59:53
blade デバッグのプリント PHPのテンプレートのデバッグ時のメモです。 変数を表示する時の関数の備忘録です。 Laravel の環境の場合 [[{{ dump($var) }}]] 変数の出力 [[{{ dd($var) }}]] 変数を出力してその後の処理をe... 2024-02-16 16:30:51
jQuery アンド条件で要素を表示する タグのようにいくつかのキーワードが紐づく要素があり、それぞれ複数のタグを持つ可能性があるとき、ボタンを複数選択することで絞り込むUIのサンプルです。 例えばボタンが5つあり、要素が8こあるとします。 ボタンを押すと、押したキーワードに紐づく要素だけが表示されるようにします。 複数のキーワードを... 2023-11-29 23:04:02
grepのメモ しばらく使わないと忘れてしまうgrepのコマンドのメモです。 文字列をファイルから探す時のgrepのサンプルです。 [[grep -r 「検索したい文字列」 「検索するフォルダ」]] スピードをアップさせるためにfindコマンド... 2023-11-12 18:21:18
AI OpenAIのChatGPTを使ってみた OpenAIを使ってみた。そして、ChatGPTのAPIをトライアルで利用し、CSSで整形してみました。 OpenAIのアカウントを作って、ChatGPTを使ってみました。 Image: Open AI そうするとこんな感じでAIとチャットができます。 Image: Open AI... 2023-04-10 22:45:13
laravel よく使うコマンド Laravelの開発で自分がよく使うコマンドを記載していきます。 Laravlバージョンの確認 [[php artisan -V ]] config配下の設定を変更したときのキャッシュクリア [[php artisan config:cache]] コンテンツを更新... 2023-01-28 04:02:20