タブレットアプリというのは、例えば、iPhoneやiPadなどの端末上で稼働しているアプリを指します。Webプロジェクトというのは、Webブラウザーで見ているウェブサイトを指します。 タブレットアプリの特徴は、随時にバックエンドのサーバに繋がりをしなくて、ネットワークがない場合はタブレットが独立に動いておいて、ネットワーク例えばWi-Fiが繋がった場合にはサーバに接続してタブレットのデータをサーバに同期しようとすることがあります。 ウェブサイトのほうも、頻繁にサーバへ接続することを下げる期待を持っていることがあります。 こういうことを実現するために、JavaScriptをメインにしているプロジェクトを作りたいです。 本章では、JavaScriptプロジェクトを作成する前の準備の一つとして、Node.jsをインストルします。 npmインストル npmとは、Node.js用に作られたライブラリやパッケージを管理する為のパッケージ管理ツールです。 nnpmをインストルする前に、Nodebrewをインストルすることが必要です。 Nodebrewは、Node.jsのバージョン管理ツールにあたります。 #npmをインストル brew install nodebrew #Node.jsとnpmのインストール nodebrew install-binary latest もし、以下のエラーが出たら、下記のコマンドを実行して、ディレクトリを作成して、npmインストルを再度行います。 curl: (23) Failed writing body (0 != 941) download failed: https://nodejs.org/dist/v7.10.0/node-v7.10.0-darwin-x64.tar.gz mkdir -p ~/.nodebrew/src nodebrew install-binary latest #以下が表示 Fetching: https://nodejs.org/dist/v11.12.0/node-v11.12.0-darwin-x64.tar.gz ######################################################################## 100.0% Installed successfully 上記のコマンドで最新版がインストールされます。 Node.jsを有効にします。 #バージョンの一覧を確認 nodebrew list #バージョンの一覧が表示 v11.12.0 current: none #current: noneとなっているため、必要なバージョンを有効化する。 nodebrew use v11.12.0 #バージョンの一覧を再確認 nodebrew list #以下が表示 v11.12.0 current: v11.12.0 nodebrewが使いやすいように環境パスを通します。 echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile source ~/.bash_profile #node.jsがインストル済かどうかを確認 node -v #以下が表示 v11.12.0 #npmがインストル済かどうかを確認 npm -v #以下が表示 6.7.0 上記ような各バージョーンが表示されたらNode.jsのインストールが終わりします。
タブレットアプリというのは、例えば、iPhoneやiPadなどの端末上で稼働しているアプリを指します。Webプロジェクトというのは、Webブラウザーで見ているウェブサイトを指します。 タブレットアプリの特徴は、随時にバックエンドのサーバに繋がりをしなくて、ネットワークがない場合はタブレットが独立に動いておいて、ネットワーク例えばWi-Fiが繋がった場合にはサーバに接続してタブレットのデータをサーバに同期しようとすることがあります。 ウェブサイトのほうも、頻繁にサーバへ接続することを下げる期待を持っていることがあります。 こういうことを実現するために、JavaScriptをメインにしているプロジェクトを作りたいです。 本章では、JavaScriptプロジェクトを作成する前の準備の一つとして、Node.jsをインストルします。
npmとは、Node.js用に作られたライブラリやパッケージを管理する為のパッケージ管理ツールです。 nnpmをインストルする前に、Nodebrewをインストルすることが必要です。 Nodebrewは、Node.jsのバージョン管理ツールにあたります。
#npmをインストル brew install nodebrew #Node.jsとnpmのインストール nodebrew install-binary latest
もし、以下のエラーが出たら、下記のコマンドを実行して、ディレクトリを作成して、npmインストルを再度行います。 curl: (23) Failed writing body (0 != 941) download failed: https://nodejs.org/dist/v7.10.0/node-v7.10.0-darwin-x64.tar.gz
mkdir -p ~/.nodebrew/src nodebrew install-binary latest #以下が表示 Fetching: https://nodejs.org/dist/v11.12.0/node-v11.12.0-darwin-x64.tar.gz ######################################################################## 100.0% Installed successfully
上記のコマンドで最新版がインストールされます。 Node.jsを有効にします。
#バージョンの一覧を確認 nodebrew list #バージョンの一覧が表示 v11.12.0 current: none #current: noneとなっているため、必要なバージョンを有効化する。 nodebrew use v11.12.0 #バージョンの一覧を再確認 nodebrew list #以下が表示 v11.12.0 current: v11.12.0
nodebrewが使いやすいように環境パスを通します。
echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile source ~/.bash_profile #node.jsがインストル済かどうかを確認 node -v #以下が表示 v11.12.0 #npmがインストル済かどうかを確認 npm -v #以下が表示 6.7.0
上記ような各バージョーンが表示されたらNode.jsのインストールが終わりします。
タブレットプロジェクトというのは、例えば、iPhoneやiPadなどの端末上で稼働しているアプリを指します。Webプロジェクトというのは、Webブラウザーで見ているウェブサイトを指します。 タブレットアプリの特徴は、随時にバックエンドのサーバに繋がりをしなくて、ネットワークがない場合はタブレットが独立に動いておいて、ネットワーク例えばWi-Fiが繋がった場合にはサーバに接続してタブレットのデータをサーバに同期しようとすることがあります。 ウェブサイトのほうも、頻繁にサーバへ接続することを下げる期待を持っていることがあります。 こういうことを実現するために、JavaScriptをメインにしているプロジェクトを作りたいです。 本章では、JavaScriptプロジェクトを作成する前の準備の一つとして、Node.jsをインストルします。 npmインストル npmとは、Node.jsに作られたライブラリやパッケージを管理する為のパッケージ管理ツールです。 npmをインストルする前に、Nodebrewをインストルすることが必要です。 Nodebrewは、Node.jsのバージョン管理ツールにあたります。 #nodebrewをインストル brew install nodebrew #Node.jsとnpmのインストール nodebrew install-binary latest もし、以下のエラーが出たら、下記のコマンドを実行して、ディレクトリを作成して、npmインストルを再度行います。 curl: (23) Failed writing body (0 != 941) download failed: https://nodejs.org/dist/v7.10.0/node-v7.10.0-darwin-x64.tar.gz mkdir -p ~/.nodebrew/src nodebrew install-binary latest #以下が表示 Fetching: https://nodejs.org/dist/v11.12.0/node-v11.12.0-darwin-x64.tar.gz ######################################################################## 100.0% Installed successfully 上記のコマンドで最新版がインストールされます。 Node.jsを有効にします。 #バージョンの一覧を確認 nodebrew list #バージョンの一覧が表示 v11.12.0 current: none #current: noneとなっているため、必要なバージョンを有効化する。 nodebrew use v11.12.0 #バージョンの一覧を再確認 nodebrew list #以下が表示 v11.12.0 current: v11.12.0 nodebrewが使いやすいように環境パスを通します。 インストルした結果を確認します。 echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile source ~/.bash_profile #node.jsがインストル済かどうかを確認 node -v #以下が表示 v11.12.0 #npmがインストル済かどうかを確認 npm -v #以下が表示 6.7.0 上記ような各バージョーンが表示されたらNode.jsのインストールが終わりします。
タブレットプロジェクトというのは、例えば、iPhoneやiPadなどの端末上で稼働しているアプリを指します。Webプロジェクトというのは、Webブラウザーで見ているウェブサイトを指します。 タブレットアプリの特徴は、随時にバックエンドのサーバに繋がりをしなくて、ネットワークがない場合はタブレットが独立に動いておいて、ネットワーク例えばWi-Fiが繋がった場合にはサーバに接続してタブレットのデータをサーバに同期しようとすることがあります。 ウェブサイトのほうも、頻繁にサーバへ接続することを下げる期待を持っていることがあります。 こういうことを実現するために、JavaScriptをメインにしているプロジェクトを作りたいです。 本章では、JavaScriptプロジェクトを作成する前の準備の一つとして、Node.jsをインストルします。
npmとは、Node.jsに作られたライブラリやパッケージを管理する為のパッケージ管理ツールです。 npmをインストルする前に、Nodebrewをインストルすることが必要です。 Nodebrewは、Node.jsのバージョン管理ツールにあたります。
#nodebrewをインストル brew install nodebrew #Node.jsとnpmのインストール nodebrew install-binary latest
nodebrewが使いやすいように環境パスを通します。 インストルした結果を確認します。
macのカーソル移動のショートカット 最近知ったのですが、macではctrl+f or bで前後にカーソル移動できます。 コマンド 動作 ctrl + f カーソル右に移動 ctrl + b カーソル左に移動 ctrl + e カーソル行の末尾に移動 ctrl + a カーソル行の戦闘に移動 今まではキーボード右下の矢印キーを使って移動していたのですが、このショートカットを知ってから全く矢印キーを使わなくなりました。 理由はたったひとつ・・・ ホームポジションから手を動かさなくて済む！！！ これに尽きます。 矢印キーでのカーソル移動だとどうしてもホームポジションから手を動かさなくてはならないんですよね。しかも意外とこれがストレスだったりします。 このショートカットを知ってからタイピングでのカーソル移動のストレスがかなり減りました！ VSCodeでもこのカーソル移動がしたい やはりコーディングの時にこのカーソル移動がしたいので、vscodeのキーバインディングの設定をしました。 単なるカーソル移動はキーボードショートカットの設定から行うことができました。しかし、shit+このカーソル移動による文字選択の設定項目が見つかりませんでした。 これを設定するには、vscodeのkeybindings.jsonファイルに直接書き込む必要があります。 設定はとても簡単。以下のjson形式の記述をkeybindings.jsonに追記するだけ。 keybindings.json { "key": "ctrl+shift+n", "command": "cursorDownSelect", "when": "editorTextFocus" }, { "key": "ctrl+shift+p", "command": "cursorUpSelect", "when": "editorTextFocus" }, { "key": "ctrl+shift+f", "command": "cursorRightSelect", "when": "editorTextFocus" }, { "key": "ctrl+shift+b", "command": "cursorLeftSelect", "when": "editorTextFocus" }, { "key": "ctrl+shift+a", "command": "cursorHomeSelect", "when": "editorTextFocus" }, { "key": "ctrl+shift+e", "command": "cursorEndSelect", "when": "editorTextFocus" } これでshit+ctrl + f or b or e or aでの選択が可能となりました。 べんり〜〜 会社のwinのpcでも同じようなショートカットでカーソル移動できると捗りそうだけどなーー
最近知ったのですが、macではctrl+f or bで前後にカーソル移動できます。
ctrl
f
b
今まではキーボード右下の矢印キーを使って移動していたのですが、このショートカットを知ってから全く矢印キーを使わなくなりました。
理由はたったひとつ・・・
ホームポジションから手を動かさなくて済む！！！
これに尽きます。
矢印キーでのカーソル移動だとどうしてもホームポジションから手を動かさなくてはならないんですよね。しかも意外とこれがストレスだったりします。
このショートカットを知ってからタイピングでのカーソル移動のストレスがかなり減りました！
やはりコーディングの時にこのカーソル移動がしたいので、vscodeのキーバインディングの設定をしました。
単なるカーソル移動はキーボードショートカットの設定から行うことができました。しかし、shit+このカーソル移動による文字選択の設定項目が見つかりませんでした。
shit
これを設定するには、vscodeのkeybindings.jsonファイルに直接書き込む必要があります。
keybindings.json
設定はとても簡単。以下のjson形式の記述をkeybindings.jsonに追記するだけ。
{ "key": "ctrl+shift+n", "command": "cursorDownSelect", "when": "editorTextFocus" }, { "key": "ctrl+shift+p", "command": "cursorUpSelect", "when": "editorTextFocus" }, { "key": "ctrl+shift+f", "command": "cursorRightSelect", "when": "editorTextFocus" }, { "key": "ctrl+shift+b", "command": "cursorLeftSelect", "when": "editorTextFocus" }, { "key": "ctrl+shift+a", "command": "cursorHomeSelect", "when": "editorTextFocus" }, { "key": "ctrl+shift+e", "command": "cursorEndSelect", "when": "editorTextFocus" }
これでshit+ctrl + f or b or e or aでの選択が可能となりました。
f or b or e or a
べんり〜〜
会社のwinのpcでも同じようなショートカットでカーソル移動できると捗りそうだけどなーー
VS Code でUnity のScript を書く際に、クラス名を入力しても補完されず、Using System.Collections; などにも赤いアンダーラインが引かれていた。 以下のサイトで紹介されているpkg をインストールしたら直った。 http://tsubakit1.hateblo.jp/entry/2018/07/10/230752 最初にUnity をインストールした時にミスったのかな。
VS Code でUnity のScript を書く際に、クラス名を入力しても補完されず、Using System.Collections; などにも赤いアンダーラインが引かれていた。
以下のサイトで紹介されているpkg をインストールしたら直った。 http://tsubakit1.hateblo.jp/entry/2018/07/10/230752
最初にUnity をインストールした時にミスったのかな。
Homebrewのインストール コマンドラインを開いて下記を実行する。 $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 実行できなければ、下記の公式ページを開いてコマンドを確認してください。 https://brew.sh/index_ja PHP7.2をインストール $ brew search php72 ==> Formulae php@7.2 パッケージ名がわかったので、インストールを実行 $ brew install php@7.2 インストールが終わったらパスを通します $ echo 'export PATH="/usr/local/opt/php@7.2/bin:$PATH"' >> ~/.bash_profile $ echo 'export PATH="/usr/local/opt/php@7.2/sbin:$PATH"' >> ~/.bash_profile $ source ~/.bash_profile $ php -v PHP 7.2.16 (cli) (built: Mar 22 2019 08:49:28) ( NTS ) Copyright (c) 1997-2018 The PHP Group Zend Engine v3.2.0, Copyright (c) 1998-2018 Zend Technologies with Zend OPcache v7.2.16, Copyright (c) 1999-2018, by Zend Technologies 以上になります。
コマンドラインを開いて下記を実行する。
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
実行できなければ、下記の公式ページを開いてコマンドを確認してください。 https://brew.sh/index_ja
$ brew search php72 ==> Formulae php@7.2
パッケージ名がわかったので、インストールを実行
$ brew install php@7.2
インストールが終わったらパスを通します
$ echo 'export PATH="/usr/local/opt/php@7.2/bin:$PATH"' >> ~/.bash_profile $ echo 'export PATH="/usr/local/opt/php@7.2/sbin:$PATH"' >> ~/.bash_profile $ source ~/.bash_profile $ php -v PHP 7.2.16 (cli) (built: Mar 22 2019 08:49:28) ( NTS ) Copyright (c) 1997-2018 The PHP Group Zend Engine v3.2.0, Copyright (c) 1998-2018 Zend Technologies with Zend OPcache v7.2.16, Copyright (c) 1999-2018, by Zend Technologies
以上になります。
