ライブラリ– tag –
-
Reactでコンポーネントの活性・非活性を切り替える方法
Reactアプリケーション開発では、ユーザーの操作に応じてコンポーネントを活性(有効)または非活性(無効)にすることがよくあります。本記事では、具体的なコード例を交えながら、この機能を実現する方法を紹介します。 活性・非活性の基本的な考え方 Re... -
【React】Luxonを活用したNode.jsでの効率的な日時操作
Node.jsを使った開発において、日時の操作は頻繁に必要となります。従来、Moment.jsが日時操作の定番ライブラリでしたが、軽量かつモダンな設計のLuxonが登場し、多くのプロジェクトで採用されています。本記事では、Luxonを使用した基本的な日時操作から... -
Reactで確認ダイアログ(confirm)を表示させる3つの方法
ある画面でボタンを押した時や、現在のページから離脱する場合に「本当によろしいですか?」みたいなアラート(警告)表示をよく見かけることがあると思います。今回は、そんな確認ダイアログをReactで表示させる方法をご紹介します! Reactで確認ダイアロ... -
PHPでExcel(Spreadsheet)ファイルを作成する方法
PHP等のプログラミングから、CSVファイルに出力する方法はよく見かけますが、今回はPHPでExcelファイルを作成する方法をご紹介します。ここでは、PhpSpreadsheet(スプレッドシート)を利用したExcelファイルの基本的な使い方と、作成したExcelファイルの... -
Zabbix API用のPHPライブラリと基本的な使い方
初めてZabbixを導入する際、もしくは、大量に設定の変更があった場合、1つ1つ手作業で行うには多くの時間と労力がかかってしまいますが、Zabbix APIを使えばそんな悩みも解決します!今回は特にZabbix API用のPHPライブラリを利用した基本的な使い方をご紹... -
Chart.js 3系でグラフのY軸(縦軸)の目盛りを逆順にする方法
以前、JavaScriptのライブラリ「Chart.js」で、作成したグラフの上下を逆さまにする方法をご紹介しましたが、今回はChart.jsの3.x系で、グラフのY軸(縦軸)の目盛を逆順にする方法です!旧バージョンと少し書き方が違って苦戦したのでメモしたいと思いま... -
Ubuntuで自宅サーバー構築!【Zabbixサーバー編】
今回で「Ubuntuで自宅サーバーを構築」連載の最後を飾る、Zabbixサーバー6.0を構築していきます。せっかくZabbix公式の認定資格まで取ったので、公式の手順に則って丁寧に解説していきます! Zabbixのインストール要件 公式サイトに掲載されているZabbixを... -
Laravelの画像加工用パッケージ「Intervention Image」が素敵すぎる!
今回ご紹介するのは、画像編集ソフトを使わずに、プログラムだけで簡単に画像の加工ができるようになるLaravelのパッケージ「Intervention Image」です!なぜ、これを使おうと思ったかと言うと、以前紹介したPWAのアイコンやスプラッシュ画像を一括で作成... -
JavaScriptで画像アップロード時にサムネイルを表示させる方法
<input type="file">で画像をアップロードする際、特に複数ある場合にサムネイルがないと、正直何をアップロードしようとしているのか確認できません。そこで、JavaScriptとWeb APIのFileReaderオブジェクトを使用して、画像をBase64エンコードして... -
【Ratchet】WEB上で簡単にiOSやAndroidライクなSPAが実現できるフレームワーク
SPA(シングルページアプリケーション)のフレームワークと聞くと、どうしてもReactやAngular等のJavaScriptのライブラリを想像すると思いますが、今回は学習コストがかかるような複雑なものでなく、iOSやAndroidのネイティブアプリのようなUIを実現するた...
12