人気のあるUIサンプル

• laravel よく使うコマンド
• Laravelの開発で自分がよく使うコマンドを記載していきます。 Laravlバージョンの確認 [[php artisan -V ]] config配下の設定を変更したときのキャッシュクリア [[php artisan config:cache]] コンテンツを更新...
• 2023-01-28 04:02:20

• AI OpenAIのChatGPTを使ってみた
• OpenAIを使ってみた。そして、ChatGPTのAPIをトライアルで利用し、CSSで整形してみました。 OpenAIのアカウントを作って、ChatGPTを使ってみました。 Image: Open AI そうするとこんな感じでAIとチャットができます。 Image: Open AI...
• 2023-04-10 22:45:13

• grepのメモ
• しばらく使わないと忘れてしまうgrepのコマンドのメモです。 文字列をファイルから探す時のgrepのサンプルです。 [[grep -r 「検索したい文字列」 「検索するフォルダ」]] スピードをアップさせるためにfindコマンド...
• 2023-11-12 18:21:18

• jQuery アンド条件で要素を表示する
• タグのようにいくつかのキーワードが紐づく要素があり、それぞれ複数のタグを持つ可能性があるとき、ボタンを複数選択することで絞り込むUIのサンプルです。 例えばボタンが５つあり、要素が８こあるとします。 ボタンを押すと、押したキーワードに紐づく要素だけが表示されるようにします。 複数のキーワードを...
• 2023-11-29 23:04:02

• blade デバッグのプリント
• PHPのテンプレートのデバッグ時のメモです。 変数を表示する時の関数の備忘録です。 Laravel　の環境の場合 [[{{ dump($var) }}]] 変数の出力 [[{{ dd($var) }}]] 変数を出力してその後の処理をe...
• 2024-02-16 16:30:51

• webpack CSSをJSに取り込みまとめる
• Node Package Managerがインストールされていることが前提です。 初期設定をする [[npm init]] webpackをインストール [[npm install webpack webpa...
• 2024-02-23 14:59:53

• webpack エントリーポイントを変更する
• src/index.jsではなく違うファイルをエントリーポイントにしたいときの設定箇所の備忘録です。 webpack.config.jsの下記の部分を追記して、変更できます。...
• 2024-02-23 15:56:29

• webpack SCSSをバンドルする
• SCSSを使いたい場合は、ローカルでコンパイルする方法もあるが、webpackで変換する方法もある。 まずはCSSをバンドルを実装する。 webpack.config.jsの...
• 2024-03-09 14:52:44

• SCSS 編集しやすいようコメントを残す
• SCSSの開発環境は人それぞれのケースが多いので、共同で編集したりするときはコメントを残した方がよいです。 SCSSの場合は、コンパイル時に削除されるコメ...
• 2024-03-21 14:44:02

• JS テキストと画像を入力してプレビューする
• テキストを入力すると自動でそのテキストを解析し、プレビュー表示するサンプルです。 入力欄 （入力と同時にページ下部に変換して表示） テキストの入力 改行はbrタグに変換する https://で始まるとリンクを生成する...
• 2024-04-22 01:04:01