- AI OpenAIのChatGPTを使ってみた
- OpenAIを使ってみた。そして、ChatGPTのAPIをトライアルで利用し、CSSで整形してみました。 OpenAIのアカウントを作って、ChatGPTを使ってみました。 Image: Open AI そうするとこんな感じでAIとチャットができます。 Image: Open AI...
- 2023-04-10 22:45:13
UIサンプルギャラリー「キプレ」
jQuery
close
MENU
用途
新着
履歴
分類
★
人気のあるUIサンプル
1
CSS 左右に行き来するアニメーション
2
jQuery 使ってしまいそうな非推奨のメソッド
3
JS メーラー起動
4
HTML5 ダウンロードボタン
5
SVG 円のサンプル
6
JS 通信速度の検知
7
JS aタグを使わないリンクいろいろ
8
SVG 三角形のサンプル
9
jQuery iframeを後から読み込み
10
laravel 配列のログ出力
11
CSS 湯気の表現
12
SVG 矢印のサンプル
13
PWA ホーム画面に追加するボタン
14
CSS tableを使わないgridの表
15
JavaScript 画像をクリックして色を抽出
16
NodeJS 画像をHTMLで表示する
17
SVG 文字の輪郭のアニメーション
18
JS ブラウザでQRコード読み込み
19
HTML 幅やズームのviewportの設定
20
CSS アニメーション付きモーダル作成
11〜20
更新されたサンプル
-
AI OpenAIのChatGPTを使ってみた投稿：2023-04-10
更新：2023-04-10![]()
-
JS 配列要素の読み込みと表示投稿：2023-01-15
更新：2023-02-14![]()
-
laravel よく使うコマンド投稿：2023-01-28
更新：2023-01-28![]()
-
JS Ajaxをプレーンで実装投稿：2023-01-06
更新：2023-01-15![]()
新着サンプル
- laravel よく使うコマンド
- Laravelの開発で自分がよく使うコマンドを記載していきます。 Laravlバージョンの確認 [[php artisan -V ]] configは以下の設定を変更したときのキャッシュクリア [[php artisan config:cache]]
- 2023-01-28 04:02:20
- JS 配列要素の読み込みと表示
- プレーンJavaScriptでJSONを非同期通信（AJAX）で読み込み表示するサンプルです。 jQueryなどのライブラリを使うともっと記述は減らせますが、あえて使いたくないときは以下のように書きます。 XMLHttpRequestはJSONも対応しているため、JS...
- 2023-01-15 17:46:25
- JS Ajaxをプレーンで実装
- プラグインを使わずにプレーンのJavaScriptで非同期通信Ajaxを実装するサンプルです。 XMLHttpRequestの関数を利用します。 XMLとありますが、JSONを使うケースが多いためJSONの例を掲載します。 [[ const xhr = new XMLHttpRequest();...
- 2023-01-06 00:12:08
- JS タブボタンで要素切り替え
- プレーンJSでタブの表現を実装するサンプルです。 jQueryなどを使わずにボタンを押すと、コンテンツを入れ替える表現を実装しました。 一つ目の要素がデフォルトで表示されます。 ボタン1...
- 2023-01-04 00:15:20
- laravel JS,CSSをまとめる
- laravel-mixを利用して、複数のJSやCSSをそれぞれ一つにまとめるサンプル。 laravelをインストールするとpackage.jsonにあれば、laravel-mixもインストールされる。 repository直下にあるwebpack.mix.jsを開く。 CSSを束ねたい場...
- 2022-11-11 06:41:01
- CSS スタイルの非同期の外部参照
- 重要なCSSと、後から読み込んでもよいCSSを分けて実装するサンプルです。 昨今、表示の速さは検索エンジンが細かく評価するようになりました。 ページを表示する際に必要なスタイルだけ読み込み、重要でないスタイルは後で読み込むよ...
- 2022-11-06 10:07:47
- SVG カンマのサンプル
- カンマ（コンマ）マークをSVGで描くサンプルです。 引用するときのマークやちょっとした用途で大きなカンマを使うときのSVGを用意しました。 ３つの大きさがあるので、調整してお使いください。 大きなカン...
- 2022-09-18 16:43:48
- HTML 文章の引用
- 文章を引用するときのサンプルです。 別のサイトや本など、制作物から引用するときのコードとスタイルのサンプルです。 引用マークはCSSなどで文字を追加するのではなく、SVGで記述しています。...
- 2022-09-18 09:52:27
- HTML 文字を小さくする
- 文字を小さくしたいときのコーディングの記述のサンプルです。 デフォルトの文字が少し大きい時、いろいろな方法で文字を小さくできます。 普通のサイズの文字 [[<p>普通のサイズの文字</p>]] こ...
- 2022-09-15 16:23:08
Top