人気のあるUIサンプル

• JS ツアーガイドUIのサンプル
• 最初にアクセスしたユーザに対して、サイトの魅力を伝えるために、最初にやってほしいアクションへ誘導をするサンプルです。 以下がサンプルです。...
• 2024-09-29 16:11:46

• JSとTSの変数
• JSの変数のセットの基礎とタイプスクリプトでの型の指定でよく使うもののサンプルです。 初期値任意、代入あり、同名変数不可 [[ let x; //初期値なし l...
• 2024-12-31 15:17:48

• TS オブジェクトと配列
• typescriptでは変数の型の指定があるので、配列でも型の指定がある以下のようになる。 JSと比較しながらこれだけは押さえたいところを書いておきます。 js...
• 2025-01-10 17:42:01

• TypeScriptの開発準備
• 開発するためのローカルサーバにnode.jsが必要。 node.jsのバージョンを確認 [[node -v]] ない場合Homebrewをインストールしてnode.jsをインストールし...
• 2025-02-14 10:39:08

• React Next.jsを新規作成
• Next.jsの最新版を作成を初めてやってみましょう。 開発したいディレクトを準備して、コマンドラインを準備しましょう。 [[npx create-next-app@latest]] 上記のコマンドをnodejsが動く環境で実行。GoGo。...
• 2025-03-12 15:50:51

• CSS スタイルの重要指定
• なくなりそうでなくならないCSSの強制的なCSSの指定。 複雑なCSSの中で、どうしてもこのスタイルだけは変えたくない時に使う記述です。 例えば下記は、!im...
• 2025-03-12 17:46:36

• PHP XのAPIをtwitteroauthで使う
• PHPでX(Twitter)のAPIを使いたく調べていました。 v2にも対応している必要があります。 twitteroauthがgitのstarも多く採用しました。 twitteroauthの...
• 2025-03-18 23:58:53

• CSS 画像のトリミング
• 画像の編集はもうほとんどしなくていい時代かもしれません。 横幅を200pxに指定しただけの場合 よく使いますが、高さがバラバラになるので、加工をしないと綺麗に配置できません。 [[<img width="200&quo...
• 2025-07-23 08:27:30

• pythonをmacにインストール
• 今回はターミナルを使った方法で実行する。 まずは、pythonがインストールされていないことを確認する。 [[python --version]] あるいは [[python3...
• 2025-08-12 11:49:13

• pythonのバージョンを変える
• pythonをインストールすると最新版になるため、pyenvを使って好きなバージョンに変えられるようにする。 linux環境でpythonがインストールされていることが前...
• 2025-08-12 12:21:21