javascript[javascript入門] showDirectoryPickerを使ってファイルシステムにアクセスする方法 今回はブラウザ上からユーザのデバイス上のファイルやフォルダに対して読み書きを行うことができるshowDirectoryPickerについて紹介します。Window.showDirectoryPicker()についてWindows.showD...2022.11.01javascriptプログラミング
javascript[javascript入門] Turndownを利用してHTML文字列をMarkdown形式に変換する方法 今回は、HTML形式の文字列をMarkdown形式に変換する方法の紹介となります。Markdown形式に変換するためには「Turndown」と呼ばれるライブラリを利用します。HTML文字列をmarkdown形式に変換まずはnpmにてturn...2022.11.01javascriptプログラミング
javascriptNPMによるインストール推奨!開発時によく利用するjavascriptライブラリ5選 今回は、javascript開発時に特に入れておくと便利なパッケージを紹介します。ここで紹介するパッケージは開発時にほぼ使う可能性が高いパッケージとなります。自身の環境にあったパッケージをインストールすること推奨します。npmのインストール...2022.11.01javascriptプログラミング
javascriptWarning: To load an ES module, set “type”: “module” in the package.json or use the .mjs extension. が発生した時の対処法 Node.js開発で以下のようなエラーが発生しました(node:21253)Warning:ToloadanESmodule,set"type":"module"inthepackage.jsonorusethe.mjsextension....2022.11.01javascriptプログラミング
PHPLaravel9環境でマルチ認証を実装する方法まとめ 今回は、Laravel9の環境にマルチ認証を実装する方法のまとめとなります。実装環境Laravelversion9.3.2httpdversion2.4.54MySQLversion5.7composerversion2.3.10larav...2022.11.02PHPプログラミング
javascript[javascript入門] 文字列が空かどうかチェックする方法まとめ javascriptでの文字列に対する空チェックは、C#やPHPなどと異なり、「undefined」「null」「''(空)」など対象がさまざまです。今回は、文字列の空チェックの方法を、状態含めてまとめておきたいと思います。文字列が「空」で...2023.08.07javascriptプログラミング
javascript[javascript入門] 数値の長さ(桁数)を取得する方法まとめ 本投稿では、数値の長さを取得する方法の備忘録となります。今回は2パターンの取得方法をご紹介します。数値の長さを取得する方法toString()を使ってlengthで取得するMath.ceil()とMath.log10()を組み合わせて使うt...2022.11.01javascriptプログラミング
javascript[javascript入門] URL文字列かどうかをチェックする方法まとめ 今回は、URL文字列かどうかをチェックする方法の紹介です。今回紹介する方法は3つとなります。ヘルパー関数を作成するメリットURL()を利用したチェック方法正規表現を利用したチェック方法npmパッケージの「is-url」を利用したチェック方法...2023.06.22javascriptプログラミング
PowerShell[Posershell] WMICを利用したQFEのリストとIUpdateSearcherを使った場合の結果の違い 今回はWindowsUpdateのKB情報を取得する方法として「WMIC(QFE)」を利用した場合と「IUpdateSearcher(WUA)」を利用した場合の違いについてまとめておきます。まずは実行してみる今回はWindows11環境にて...2022.07.25PowerShell
javascript[javascript入門] 3Dコンテンツを作成できるThree.jsを実際に使ってみた 今回は簡単に3Dコンテンツを作成することができるjavascriptライブラリ「Three.js」について導入方法から使い方までをまとめておきたいと思います。Three.jsとは?Three.jsは「WebGL」と呼ばれるWebブラウザで3...2022.07.22javascriptプログラミング
PowerShellWindows11にアップデート後のPowershellの文字化けを直す Windows10からWindows11にアップグレード後にPowershellを起動すると下記のように文字化けをしました。ということで、今回は、この文字化けを直す方法をまとめておきます。文字コードの問題今回のケースでは□□□〜〜□□のよう...2022.07.21PowerShellWindowsプログラミング
HTML/CSSHTMLやCSS、JavaScriptを利用したおすすめツールチップライブラリ10選 ツールチップとは、Webサイト上のオブジェクト(はてなマークやボタンなど)にマウスオーバーした際に注釈が表示する要素のことを刺します。特に問い合わせフォームなどに多くみられますが、ツールチップを使うことでより機能を明確に理解させることができ...2022.07.20HTML/CSSjavascriptプログラミング
javascriptJavaScriptでスケジューラーを簡単に作成するおすすめライブラリ5選 アプリケーション開発にてカレンダーを作成することがあると思います。現在では、様々なライブラリが世の中に出回っていますので、今回は有料/無料問わず、おすすめのスケジューラ(カレンダー)フレームワーク、ライブラリを紹介します。おすすめスケジュー...2023.05.08javascriptプログラミング
javascript[JavaScript入門] definePropertyを使ってGetterおよびSetterを作成する 今回は、JavaScriptでGetterとSetterを表現していきます。Getterとは、「フィールドの値を取り出すだけのメソッド」であり、Setterというのは「フィールドに値を代入するためのメソッド」となります。Object.def...2022.07.14javascriptプログラミング
HTML/CSS[CSS入門] よく利用するCSS関数まとめ15選 CSSはホームページを作成する上で欠かせません。基本的にCSSの書き方としてはプロパティに対して値を設定して記述しますが、「CSS関数」と呼ばれるものが存在します。このCSS関数では、javascriptのように計算したり条件に対して値を変...2022.07.14HTML/CSSプログラミング
PowerShellPowershellを使って円グラフを作成する方法 今回は、Windows標準で用意されているPowershellを使って円グラフの作成方法を紹介します。結構簡単に作れてしまいますので、是非お試しくださいグラフ作成用のアセンブリを参照円グラフを作成するためにあらかじめ用意されているアセンブリ...2022.07.07PowerShellプログラミング
Webサービス/ツール系バックエンド開発でよく使うおすすめフレームワーク5選 バックエンド処理はサーバーサイドでおこなわれる処理の開発であり、よく利用される言語としてはPythonやPHPなどが挙げられます。フロントエンドは逆にユーザからみたUIを構成する処理部分と考えて良いでしょう。今回は、重要なバックエンド開発で...2022.07.06Webサービス/ツール系プログラミング
PHPPHP言語を使った開発でよく利用するおすすめフレームワーク5選 今の時代フレームワークを取り入れる開発がデフォルト化していますが、フレームワークを取り入れることでのメリットはかなり大きいです。今回はPHP言語による開発において、お勧めするフレームワークを紹介します。フレームワークとは共通するコードを用意...2022.07.05PHPプログラミング
HTML/CSSTailwind CSSをベースとしたおすすめダッシュボードテンプレート3選 TailwindCSSはユーティリティファーストをコンセプトに設計されているCSSのフレームワークとなります。コンポーネントの代わりにユーティリティクラスを利用するため作成したデザインをカスタマイズするのに優れています。今回はこのTailw...2022.07.04HTML/CSSプログラミング
PowerShell[Powershell入門] JSONオブジェクトを簡単に作成する方法まとめ 今回は、Powershellを利用してJSONオブジェクトを作成する方法をいくつかまとめた備忘録となります。JSONはRestAPIなどでよく利用されるデータであり、Web系開発では必須のデータ形式かと思います。クラウド化が進むにつれて、A...2022.06.30PowerShellプログラミング