javascript[React] 開発者ツールなどでソースコードを隠す方法まとめ Google ChromeやSafari などのブラウザ開発者ツールでは、作ったReactのコードが参照できてしまいます。 しかし、セキュリティ上ソースコードを見せたくない場合があるかと思います。 今回は、このソースコードを見えなくする... 2022.11.01javascriptReactプログラミング
javascript[javascript入門] 文字列の中に数字が入っているかどうかチェックする方法まとめ javascriptを利用して、文字列の中に数値が入っているかどうかをチェックする方法の備忘録となります 今回は下記の方法をご紹介します 文字列の中に数値があるかどうかチェック Regex.test()を利用する ... 2022.11.01javascriptプログラミング
javascript[javascript入門] クリップボードにアクセスし、コピー&ペーストをする方法まとめ コピー(Ctrl + C)やペースト(Ctrl + V)をjavascriptを利用して実装する方法の備忘録となります。 クリップボードとは、テキストや画像などを一時的に保存する場所のことで、基本的には次のコピーを行うとデータは消えてしま... 2022.11.01javascriptプログラミング
javascript[typescript] typeとinterfaceの違いと使い方についてのまとめ 業務でよく見かける「type」と「interface」ですが、実際どう違うのか、とういうときに使えばいいのかがわからず、なんとなく使っている方も多いかと思います。 今回は、この「type」と「interface」についての違いと使い方につ... 2022.11.01javascripttypescriptプログラミング
その他bikke polar e(ブリヂストン)2017年モデルの互換バッテリー bikke POLAR e -2017モデル-(BP0D37)について ブリヂストンが提供する1~4歳未満のお子様を乗せられる子乗せ電動自転車。バッテリーはpanasonic製のバッテリーを利用しており、乗りやすさが評判の前子乗せモデルが... 2022.09.03その他
javascript[javascript入門] JSONデータをCSVデータに変換する方法まとめ 今回はjsonオブジェクトをcsvデータに変換する方法の備忘録となります。 下記2パターンをご紹介します。 Json → CSV変換方法 mapを利用した変換 json2csv(npm)を利用 ma... 2022.11.01javascriptプログラミング
javascript[javascript入門] showDirectoryPickerを使ってファイルシステムにアクセスする方法 今回はブラウザ上からユーザのデバイス上のファイルやフォルダに対して読み書きを行うことができるshowDirectoryPickerについて紹介します。 Window.showDirectoryPicker()について Win... 2022.11.01javascriptプログラミング
javascript[javascript入門] Turndownを利用してHTML文字列をMarkdown形式に変換する方法 今回は、HTML形式の文字列をMarkdown形式に変換する方法の紹介となります。 Markdown形式に変換するためには「Turndown」と呼ばれるライブラリを利用します。 HTML文字列をmarkdown形式に変換 ... 2022.11.01javascriptプログラミング
javascriptNPMによるインストール推奨!開発時によく利用するjavascriptライブラリ5選 今回は、javascript開発時に特に入れておくと便利なパッケージを紹介します。 ここで紹介するパッケージは開発時にほぼ使う可能性が高いパッケージとなります。 自身の環境にあったパッケージをインストールすること推奨します。 ... 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: To load an ES module, set "type": "module" in the package.json or use ... 2022.11.01javascriptプログラミング
PHPLaravel9環境でマルチ認証を実装する方法まとめ 今回は、Laravel 9の環境にマルチ認証を実装する方法のまとめとなります。 実装環境 Laravel version 9.3.2 httpd version 2.4.54 MySQL vers... 2022.11.02PHPプログラミング
javascript[javascript入門] 文字列が空かどうかチェックする方法まとめ javascriptでの文字列に対する空チェックは、C#やPHPなどと異なり、「undefined」「null」「' ' (空)」など対象がさまざまです。 今回は、文字列の空チェックの方法を、状態含めてまとめておきたいと思います。 ... 2022.11.02javascriptプログラミング
javascript[javascript入門] 数値の長さ(桁数)を取得する方法まとめ 本投稿では、数値の長さを取得する方法の備忘録となります。今回は2パターンの取得方法をご紹介します。 数値の長さを取得する方法 toString()を使ってlengthで取得する Math.ceil()とMath.log... 2022.11.01javascriptプログラミング
javascript[javascript入門] URL文字列かどうかをチェックする方法まとめ 今回は、URL文字列かどうかをチェックする方法の紹介です。今回紹介する方法は3つとなります。 ヘルパー関数を作成するメリット URL()を利用したチェック方法 正規表現を利用したチェック方法 npmパッケージの... 2022.11.02javascriptプログラミング
Webサービス/ツール系開発者が必ず知っておくべきVSCodeのショートカット10選(Windows & Mac共通) VSCode(Visual Studio Code)は開発者のほとんどが利用しているコードエディタの一つです。マウス操作だと効率が悪いですが、うまくショートカットを利用し、自身のタスクを素早く実行する必要があります。 今回は、このVSCo... 2022.11.02Webサービス/ツール系
転職・副業・学習関連ウェブデザイン技能検定って必要?勉強法からおすすめ学習サイトを紹介 フロントエンドエンジニアを目指す方やWeb制作を仕事にしている方なら一度は聞いたことがあるウェブデザイン技能検定という資格。 今回はウェブデザイン技能検定とはどういう資格なのか、そもそも必要性があるのかといったことから、効率よく学習... 2023.03.23転職・副業・学習関連
PowerShell[Posershell] WMICを利用したQFEのリストとIUpdateSearcherを使った場合の結果の違い 今回は Windows UpdateのKB情報を取得する方法として「WMIC (QFE)」を利用した場合と「IUpdateSearcher (WUA)」を利用した場合の違いについてまとめておきます。 まずは実行してみる 今回... 2022.07.25PowerShell
javascript[javascript入門] 3Dコンテンツを作成できるThree.jsを実際に使ってみた 今回は簡単に3Dコンテンツを作成することができるjavascriptライブラリ「Three.js」について導入方法から使い方までをまとめておきたいと思います。 Three.js とは? Three.jsは「Web... 2022.07.22javascriptプログラミング
PowerShellWindows11にアップデート後のPowershellの文字化けを直す Windows 10 からWindows 11にアップグレード後にPowershellを起動すると下記のように文字化けをしました。 ということで、今回は、この文字化けを直す方法をまとめておきます。 文字コードの問... 2022.07.21PowerShellWindowsプログラミング
HTML/CSSHTMLやCSS、JavaScriptを利用したおすすめツールチップライブラリ10選 ツールチップとは、Webサイト上のオブジェクト(はてなマークやボタンなど)にマウスオーバーした際に注釈が表示する要素のことを刺します。 特に問い合わせフォームなどに多くみられますが、ツールチップを使うことでより機能を明確に理解させることが... 2022.07.20HTML/CSSjavascriptプログラミング