What's New Qiita

20200630のMacに関する記事は5件です。

  • 投稿日：2020-06-30T22:54:36+09:00

MacでJMeterの環境を構築

概要

MacでJMeterの環境を用意してみます。
Javaのインストールなども必要ですが、Homebrewを使うと簡単です。
(注: Homebrewは用意されている前提です。)

環境

  • macOS Catalina 10.15.5
  • Homebrew 2.4.1
  • Java openjdk 14.0.1 2020-04-14
  • JMeter 5.3

手順

Javaのインストール

Homebrewを使ってインストールします。

# brewの更新
% brew update

# javaインストール
% brew cask install java

バージョン確認

% /usr/libexec/java_home -V
Matching Java Virtual Machines (1):
    14.0.1, x86_64: "OpenJDK 14.0.1"    /Library/Java/JavaVirtualMachines/openjdk-14.0.1.jdk/Contents/Home

/Library/Java/JavaVirtualMachines/openjdk-14.0.1.jdk/Contents/Home

パスを通す

# .bash_profileがない場合のみでOK
% touch ~/.bash_profile

% export PATH=$PATH:/Library/Java/JavaVirtualMachines/openjdk-14.0.1.jdk/Contents/Home/bin
% export JAVA_HOME=/Library/Java/JavaVirtualMachines/openjdk-14.0.1.jdk/Contents/Home

# bash_profileの更新を反映
% source ~/.bash_profile

確認

% java --version
openjdk 14.0.1 2020-04-14
OpenJDK Runtime Environment (build 14.0.1+7)
OpenJDK 64-Bit Server VM (build 14.0.1+7, mixed mode, sharing)

JMeter

ダウンロード

Apache JMeterからダウンロードします。
mirrorsはそのままでも問題なければ問題なさそうです。(笑)
今回はsourceのzipをダウンロードしてみました。

スクリーンショット 2020-06-23 18.13.37.png

起動

ダウンロードzipを解凍して、jmeterを実行するとJMeterが起動します。
スクリーンショット 2020-06-23 18.20.32.png

以下のような画面が開けばOKです。
スクリーンショット 2020-06-23 18.23.19.png

参考

  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む
  • 投稿日：2020-06-30T17:27:18+09:00

【Javascript】 メソッド　まとめ　基礎基本コード　メモ

【ゴール】

JSのメソッド、あれこれ

【メリット】

■　javascript理解度向上

【開発環境】

■ Mac OS catalina
■ Ruby on Rails (5.2.4.2)
■ Virtual Box:6.1
■ Vagrant: 2.2.7

【コード】

console.log

＊括弧内()出力
＊括弧内()には、変数、定数も突っ込める
＊数字は""不要

hoge.js
console.log ("hoge"); //hoge出力

console.log(2); //2出力

①getElementById

＊idタグの値を取得

②addEventListner

＊処理を追加

③classList

＊括弧内()指定したクラスを追加

hoge.html
<style>
  .font-color{
    color: red;
  }
</style>

<div id="target">pppp</div>


<script>
const id = document.getElementById('taregt');　//①

id.addEventListner(click, () =>{   // ②  クリックしたら
  id.classList(font-color);       //  ③ 上述のfont-colorというクラスを追加しますよ-
});
</script>

toggle

＊クラスがあれば排除、なければ追加

hoge.html
<style>
  .font-color{
    color: red;
  }
</style>

<div id="target">pppp</div>


<script>
const id = document.getElementById('taregt');

id.addEventListner(click, () =>{   //  クリックしたら
  id.toggle(font-color);       // 上述のfont-colorというクラスをつけたり消したり-
});
</script>

【留意点】

＊末尾の「；」つけ忘れるべからず
＊変数、定数の違いをしっかりと理解する
＊時間かけてでもスペルミス撲滅、記述が他ファイルにまたがる為

【合わせて読みたい】

■ 【Javascript】JS　変数　定数　違い 　一言でまとめました
https://qiita.com/tanaka-yu3/items/51b8b0630a1e4e2d52c8

■ 【JavaScript】 js　繰り返し文　for / while
https://qiita.com/tanaka-yu3/items/942d9d4838ebe14be1c2

■ 【jQuery】初心者でもよく理解できたやつ
https://qiita.com/tanaka-yu3/items/a03734b248c3f2ee8461

  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む
  • 投稿日：2020-06-30T16:02:49+09:00

WindowsからMacへの移行で立ちはだかった壁

Macへの移行で不便に思った点は以下の2通りに分類されます．

  1. MacとWindowsで操作方法が違う
  2. Windowsにあった機能がMacにない

1に関して：なるべくMacでの操作方法に慣れる
2に関して：サードパーティのソフトウェアなどを用いて積極的にWindowsの操作を輸入する

という方針でこれらの壁を乗り越えています．

1. MacとWindowsで操作方法が違う場合

ファイルのカット＆ペースト

cmd+cでコピー，cmd+option+vで元ファイルを削除し，ペースト

パワポのスライドショー開始

cmd+enterで現在のスライドから
cmd+shift+enterで最初のスライドから開始

ファイルの名前変更

ファイルを選択下状態でEnter

ファイルの削除

cmd+backspace

ドラッグ

アクセシビリティから三本指ドラッグをオンに

Screen Shot 2020-06-30 at 15.50.08.png

  • スクリーンショット

    cmd+shift+4 で範囲選択
    cmd+shift+3 でウィンドウ全体を撮影

  • 隠しファイルの表示非表示
    cmd＋shift+,

2. Windowsにあった機能がMaxにない場合

マウス使用時だけスクロール方向を逆転

Windowsではタッチパッド使用時とマウス使用時でスクロール方向が逆転します．
これをMacで行うにはScrollReverserをインストールし，マウス以外のチェックを外します．
詳細は下記Weｂサイトに載っています．
参考：【macOS】マウスのスクロールのみ逆にする方法

ウィンドウのスナップ

ディスプレイの上端や左右端にウィンドウをドラッグアンドドロップするとウィンドウのサイズが変化する機能です．
Better Touch Toolをインストールし，ウィンドウスナップを有効化する．
Screen Shot 2020-06-30 at 15.56.56.png
ちなみにライセンス購入のために，Better Snap Toolを予めApple store経由でインストールしておくと，無料で認証可能
詳細はこのWebサイトに乗っています．

参考：【Mac】BetterTouchToolのライセンス登録をBetterSnapToolで行う

  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む
  • 投稿日：2020-06-30T14:40:54+09:00

MacにGitをインストールする

最終更新日

2020年6月30日

検証を行ったmacOSのバージョンは下記です。

  • macOS Catalina 10.15.5

インストールするもののバージョンは下記です。

  • Git 2.24.3

この記事が古くなった場合、下記の手順は最新のインストール手順とは異なっている可能性があります。

インストール方法は2つ

  1. App StoreからXcodeをインストールすれば、Gitが付属しています
  2. Homebrewを使う brew install git

お好きな方を選んでください。

  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む
  • 投稿日：2020-06-30T14:35:51+09:00

MacにGo言語開発環境をインストールする

最終更新日

2020年6月30日

検証を行ったmacOSのバージョンは下記です。

  • macOS Catalina 10.15.5

インストールするもののバージョンは下記です。

この記事が古くなった場合、下記の手順は最新のインストール手順とは異なっている可能性があります。

Go SDK

インストール

(1) https://golang.org/dl/ にアクセスしてください。

(2) go1.14.4.darwin-amd64.pkg をダウンロードしてください。
スクリーンショット 2020-06-30 14.22.35.png

(3) ダウンロードしたPKGファイルをダブルクリックしてください。

(4) [続ける]をクリックしてください。

スクリーンショット 2020-06-30 14.24.59.png

(5) [このコンピュータのすべてのユーザ用にインストール]を選択して、[続ける]をクリックしてください。

スクリーンショット 2020-06-30 14.26.04.png

(6) [インストール]をクリックしてください。パスワード入力を求められたら、macOSアカウントのパスワードを入力してください。

スクリーンショット 2020-06-30 14.26.16.png

(7) [閉じる]をクリックしてください。

スクリーンショット 2020-06-30 14.27.19.png

(8) [ゴミ箱に入れる]をクリックしてください。

スクリーンショット 2020-06-30 14.28.00.png

確認

(1) ターミナルで go version コマンドを実行してください。インストールしたGoのバージョンが表示されれば成功です。

スクリーンショット 2020-06-30 14.28.54.png

Visual Studio CodeのGo Extension

Visual Studio Code自体のインストールは別記事にて → MacにVisual Studio Code（VSCode）をインストールする

インストール

(1) Visual Studio Codeを起動してください。

(2) Extensionの検索画面を開いて「go」で検索→[Go Team at Google]のGoエクステンションをInstallしてください。

スクリーンショット 2020-06-30 14.15.32.png

動作確認

(1) 適当なフォルダにhello.goというファイルを作成して、Visual Studio Codeで下記のように編集してください。

package main

import "fmt"

func main() {
    fmt.Println("Hello!");
}

(2) ターミナルで先ほどのフォルダに移動して、 go run hello.go コマンドを実行してください。「Hello!」と表示されれば成功です。

スクリーンショット 2020-06-30 14.29.59.png

Git

Gitのインストール

別記事にて → MacにGitをインストールする

動作確認

(1) 適当なフォルダ（先ほどのhello.goのフォルダとは別にしてください）に、go.modというファイルを作成して、Visual Studio Codeで下記のように編集してください。

module sample

go 1.14

(2) ターミナルで先ほどのフォルダに移動して、 go get github.com/labstack/echo/v4@v4.1.16 コマンドを実行してください。下記のように表示されれば成功です。

スクリーンショット 2020-06-30 14.32.45.png

(3) go.modを確認してください。 require github.com/labstack/echo/v4 v4.1.16 // indirect という記述が追加されています。

module sample

go 1.14

require github.com/labstack/echo/v4 v4.1.16 // indirect

(4) go.modと同じフォルダにserver.goというファイルを作成して、Visual Studio Codeで下記のように編集してください。

package main

import (
  "net/http"
  "github.com/labstack/echo/v4"
)

func main() {
  e := echo.New()

  e.GET("/", hello)

  e.Logger.Fatal(e.Start(":1323"))
}

func hello(c echo.Context) error {
  return c.String(http.StatusOK, "Hello!")
}

(5) ターミナルで先ほどのフォルダに移動して、 go run server.go コマンドを実行してください。次のように表示されれば成功です。

スクリーンショット 2020-06-30 14.33.34.png

(6) ブラウザで http://localhost:1323 にアクセスしてください。「Hello!」と表示されれば成功です。

スクリーンショット 2020-06-30 14.34.38.png

(7) 先ほどのターミナルでCtrl + Cを押下してください。Echoが停止します。

スクリーンショット 2020-06-30 14.34.57.png

  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

日付別

タグ一覧