shadcn/uiライブラリを使いこなすための基礎 | アールエフェクト
本文書では初めて shadcn/ui を利用したい人向けの入門的な内容になっています。shadcn/uiは再利用可能なコンポーネントを一括ですべてインストールして利用していくのではなく利用したいコンポーネントを選択して個別にインストールを行い利用することができます。さらにインストールしたコンポーネントは各自の環境に合わせてカスタマイズすることを前提にしているためコピー&ペーストでも利用することができます。 インストールして利用できるコンポーネントの中から Button, DropDownMenu, Form, Table の 4 つのコンポーネントに注目して shadcn/ui の使い方を確認しています。Next.jsの環境で動作確認を行っていますがReact用のコンポーネントライブラリなのでNext.jsに関する知識がなくても利用できます。 shadcn/ui とは shadcn/uiは
GUIチュートリアル
AndroidでのGUIの表現方法 AndroidではjavaからGUIクラスを操作してGUIの表現も可能だが、動的にGUIを生成するので無い限りXMLで宣言的にGUIを表現する方が好まれる。そのため、このチュートリアルではXMLを使用して宣言的にGUIを表現する。(EclipseのAndroid向けプラグインでもデフォルトはそうなっている) また、Androidアプリケーションが起動した直後に表示されるオープニング画面はres/layout/main.xmlに記述されている。以下の章ではGUIのレイアウト方法を説明し、その後GUIからのイベントハンドリング方法を説明する。 レイアウト要素 レイアウト要素は下記の様に使用して子要素のguiアイテム(ボタンやテキスト、画像等)のレイアウト配置ルールを決める。また、レイアウト同士をネストさせて複雑なレイアウトも表現できる 直線レイアウト 垂直方
JavaScriptで作られた、見たことないUIデザインのWebサイト
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
v0 by Vercel
Google、「Flutter for Windows」を発表／人気のモバイルUIキット「Flutter」でWindowsデスクトップアプリを開発
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
