Webアプリ React(Next.js)でAPIを活用するコンポーネント作成する【JSONPlaceholder】
Reactなどでフロントエンド開発をしているときに、試しにAPIを含む処理を実装したいと思うことは多々あります。しかし都合よくAPIが用意できるとは限りません。そんな時に活躍するフリーのAPIが「JSONPlaceholder」です。
今回はそのAPIを使って、受け取った情報を表示するコンポーネントを試作しました。
GUI
Webアプリ 
Android 【Android】動的に追加した要素をIDから特定・更新する方法【Kotlin】
Androidアプリで動的に追加されたボタンにクリックイベントを実装する方法を紹介します。主に何かしらの要素の数だけボタンを追加して操作するような機能で使えます。
Android 【Android】Kotlinで動的にUIを追加する方法
今回はAndroidアプリにおいて、コード側(Kotlin)からUIを動的に追加する方法を紹介します。ただ追加するだけなら簡単です。
Webアプリ 【JavaScript】カメラをブラウザ上で動かす方法【再生・停止・一時停止】
本記事ではHTMLとJavaScriptを使用して、USBカメラからの映像をブラウザに画面表示する方法を紹介します。映像表示だけでなく再生・停止・一時停止ボタンも実装します。
Android 【Flutter】Riverpodでの最も簡単なサンプル【Slider】
Flutterで値の変化に応じて表示を自動で更新する(状態管理する)のに使用するRiverpodをなるべく簡単な方法で紹介します。様々な場所で使用されるパラメータを表示する場合に活躍するパッケージです
Android 【Flutter】アイコン付きDrawer(サイドメニュー)を実装する方法
FlutterでサイドメニューをDrawerウィジェットで実装する方法を紹介します。常時表示しないけれど、よく使う機能をリスト化して畳んでおくことでユーザビリティを向上させることができます。今回は見た目の分かりやすさ重視で、リストにはアイコンも表示させます。
Android 【Android】CameraXの分析画像を表示する方法【OpenCV】
Androidアプリ開発において、自分でカメラ機能を作成しようとした際に使用されるCameraX。プレビュー(見せる用)とは別に画像分析用の画像が取得できます。今回は、それを画面に表示する方法をOpenCVを用いて紹介します。
Android 【Android】チャート(グラフ)を動的に更新する【Kotlin】
androidアプリ上に表示したグラフを動的に更新する方法を紹介します。グラフの情報がリアルタイムに変化するアプリなどで活用できます。
Android 【Android】チャート(グラフ)を描画する方法【Kotlin】
Androidでチャート(グラフ)を描画する方法を紹介します。なるべく簡単にしたサンプルを作成しましたので参考になればと思います。
Android 【Android】ListViewの行をカスタマイズする方法【サンプル】
Androidでリストを表示するリストビュー(ListView)の行のレイアウトをカスタマイズする方法を紹介します。1行に多くの情報を表示させることができるので、画面領域を有効に活用できます。