Reigle 技術ブログ

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

cdコマンド

目次 コマンドの実行方法 ディレクトリ名に関して cdコマンド 一階層前のディレクトリへ移動 ホーム(home)ディレクトリへ移動 コマンドの実行方法 Macの場合には、「ターミナル」アプリを起動することで、コマンドを実行する事ができます。 LinuxやCentOS…

lsコマンド

目次 コマンドの実行方法 lsコマンド 隠しファイル表示 権限や所有者名などの詳細情報表示 コマンドの実行方法 Macの場合には、「ターミナル」アプリを起動することで、コマンドを実行する事ができます。 LinuxやCentOSなどの場合は、それぞれのCUIにて実行…

CSSで変数を使用する方法

目次 変数を使用する方法 サンプル 変数を使用する方法 以下の様に変数定義を行います。 ※「:root」はお作法だと思ってください。(実際は擬似クラスというものですが、詳しくは割愛します) :root { --sample-color: red; } 上記で用意した変数は以下の様に…

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文と同様の操作は「…