技術ブログ

プログラミング、IT関連の記事中心

React TypeScriptでCSS Modulesを使用したCSSの設定方法

目次 CSS Modulesを使用したCSSの設定方法 サンプル CSS Modulesを使用したCSSの設定方法 CSS Modulesを使用する際には、特別なライブラリをインストールするなどは必要ありません。 「index.tsx」と同じ階層に「index.module.css」のファイルを作成してくだ…

JavaScriptでUserAgent(ユーザーエージェント)を取得する方法

目次 UserAgentの取得方法 UserAgentの取得方法 以下を実行することで、UserAgentを取得する事ができます。 window.navigator.userAgent 以下の様にコンソール出力させると console.log(window.navigator.userAgent); 以下のようなUserAgentがコンソールに出…

React TypeScriptで自動横スクロールするスライダーの作成方法(react-slick)

目次 事前準備 ライブラリインストール ソースコード 事前準備 スライダーに表示したい任意の画像を3種類用意して、「img.png」「img1.png」「img2.png」として、ソースコードと同じディレクトリに格納する。 ライブラリインストール 以下のコマンドを実行…

Go言語でforeach文のようなループ処理を行う方法(for range)

目次 Go言語の環境構築 foreach文と同様のループ処理 Go言語の環境構築 以下の記事を参考に、Go言語の環境構築を完了させてください。 reigle.info foreach文と同様のループ処理 Go言語には「foreach文」は存在しません。 しかし、foreach文と同様の操作は「…

Go言語でwhile文のようなループ処理を行う方法

目次 Go言語の環境構築 while文と同様のループ処理 Go言語の環境構築 以下の記事を参考に、Go言語の環境構築を完了させてください。 reigle.info while文と同様のループ処理 Go言語には「while文」は存在しません。 しかし、while文と同様の操作は「for文」…

Go言語でfor文を使用したループ処理の方法

目次 Go言語の環境構築 for文の無限ループ for文の特定回数のループ Go言語の環境構築 以下の記事を参考に、Go言語の環境構築を完了させてください。 reigle.info for文の無限ループ 以下のようにfor文を記載することで、無限ループを行う事ができます。 for…

Go言語でswitchを使用した分岐処理の方法

目次 Go言語の環境構築 switchの分岐処理 switchのカンマ区切りの分岐処理 default Go言語の環境構築 以下の記事を参考に、Go言語の環境構築を完了させてください。 reigle.info switchの分岐処理 変数の値によって処理を分けるなどの使用が可能です。 以下…