読者です 読者をやめる 読者になる 読者になる

わすれた.log

忘れては検索して、そしてまた忘れるその過ちを繰り返さない為に…

Autmatorで右クリックでiTerm起動するサービスを作った

フォルダかファイルを右クリックでその場所のカレントでiTermが開いて欲しかったので
Autmatorで設定。

for f in "$@"
do
    #ファイル名の場合ディレクトリーのみ取得
    if [ -f $f ]; then
      #ディレクトリーだけにする
      f="${f%/*}"
    fi
    #iTerm起動
    open -a "/Applications/iTerm.app" $f
    done

フォルダー右クリックならカレントディレクトリーにフォルダが来るが、ファイルからの起動の場合はファイルがカレントディレクトリー(?)になってしまうので条件分岐した

サービスの保存場所は忘れる思うのでメモ
/Users/moriyachiharu/Library/Services/

参考サイト
Macでフォルダの中身を全部取り出すサービスをAutomator作る
https://rcmdnk.com/blog/2015/08/24/computer-mac-bash/

パス文字列からファイル名などを抜き出す - Qiita
http://qiita.com/ktr_type23/items/94747a4b27e8a630ce48

nodebrewの使い方

nodebrewを久しぶりに使う
なぜか自分は、homebrewから入れてないようだ
めんどくさいから、あとで困ったらなおそ

入っているバージョン確認

何が入っているのだっけ?と
インストール済みのバージョンを確認します。

$ nodebrew list

インストールできるバージョンを探す

なんか違うバージョンを入れたいなと思った時、インストールできるバージョンの一覧を出してくれます。

$ nodebrew ls-remote

指定したバージョンを入れる

このバージョン入れたいと思ったら、指定して入れます。
「-binary」というの付いてないと、インストールが遅いらしいです。
つけなかったら30分以上かかりました;;

$ nodebrew install-binary バージョン

このバージョンで使う

このバージョン使うよ〜って設定する。

$ nodebrew use バージョン

参考サイト様
【Mac】nodebrewのインストールとコマンドなど使い方まとめ - TASK NOTES

あれこれのパッケージマネージャーからインストールしている物を確認する

何かインストールしようとする時に

(以前に入れたかも?二回入れるのはやだな)

とか思い何度も何が入っているのか確認するためにググるのでいい加減メモる

・HomeBrew

brew list

・gem(ruby)

gem list

・npm(node)
グローバル

npm ls  --depth=0 -g

使える!だが、よく忘れるlinuxコマンド「ファイル検索編」

findは下層ディレクトリーまで検索して、ファイルまたはフォルダーをさがしてきてくれます。

サンプル

ファイルを検索

現在のカレントディレクトリー(.)以下のディレクトリーから
ファイル名(-name)が「 *.html」(*.html)を、ファイルを対象に検索(-type f)

$find . -name *.html -type f

フォルダーを検索

ホームディレクトリー(~/)以下のディレクトリーから
フォルダ名(-name)を folder( folder)フォルダ名を対象に検索(-type f)

$find ~/ -name folder -type d

find

find [対象ディレクトリ] -name [検索対象文字列] -type [検索対象ファイルまたはフォルダ]

検索対象ディレクト

・カウントディレクトリー
find .

・HOMEディレクトリー
find ~/

ディレクトリー指定
find ~/Documents/FOLDER/

検索対象ファイルまたはフォルダ

省略可能
・ファイル
-type f
・フォルダ
-type d
・両方
なし(多分)

検索対象文字列

-name 検索対象文字列
・拡張子を検索
-name *.txt
ワイルドカードなどが使える

☆参考サイト様
Linuxコマンド集 - 【 find 】 ファイルやディレクトリを検索する:ITpro

使える!だが、よく忘れるlinuxコマンド「コピー編」

クリップボード→ファイルに保存

クリップボードの中をファイルに保存。

pbpaste > ファイル名

ファイル→クリップボード

ファイルの内容をコピー。

pbcopy < ファイル名

windowsのコマンドプロントでもできる、忘れたが

背景がTransitionで変わるボタン

読み:トランジション
翻訳:移り変り, 推移, 変遷

トランジションで背景が変わるボタンを作った。
よく見るやつだ。
ものすごく読み方を忘れるので、ここではあえてカタカナでしか書かない。
トランジションはまだ少し使いなれてない。

allについて

  transition: all .3s ease-out;

allというのは「その要素のすべての変化に対して」というような意味らしい。

変化させる対象の物が特定している場合は、background(背景を変化させる)とかcolor(文字色を変化させる)とか入れる。
ちなみになんにも入れなかった場合はallになるらしい、つまり書かなくてもよいということかな。

transitionって…?

transitionは「その要素の変化」を対象としている。
classを別名の追加しても、それも監視対象に入る。
CSSの上書きに対して動きをつけるという感じかなぁ
以前のこの記事jQueryとか使ってるんだけどなんだか意味わかんねぇぞとか書いたがなんとなくわかった。

See the Pen 背景がtrandisionで変わるボタン by yachiru (@yachiru) on CodePen.

☆参考サイト
すごく使くいい感じにまとめてあるサイトがあったのでブクマ。
CSS3 アニメーション(Transitions)の使用方法 | CSS Lecture

ローカル内でのgitを作成してコミット

1.ローカルのフォルダーをgitで管理するのをスタート

git init

読み:イニット
単語訳:初期設定
説明:gitで監視を開始する
カウントディレクトリーを管理したいフォルダに行って、「git init」と入力するだけ!
現時点ではフォルダの中のファイルは空です。

$ git init
Initialized empty Git repository in /Users/MACのユーザー名/Documents/20170305git_portforio/.git/

☆確認
「git status」と入力すれば、gitとかファイルの状態を確認できる。
nothing to commit...今はと表示されています。
ファイルないよ〜という意味のメッセージ

$ git status
On branch master

Initial commit


nothing to commit (create/copy files and use "git add" to track)

2.ステージングする

アドするだとか、ステージングとか、インデクスへ移動など色んな言い方するようだ。。。

まず、現時点ではフォルダ内が空なので、gitで管理するファイルがないので、適当になんか作ります。
とりあえず「index.html」というファイルを作りました。

git add -A

「git add -A」と入力
全ての変更ファイルをadd(ステーンジグ、インデックス)に持っていく、コミットに持っていくという意味らしい。
細かく分けると
git add(インデックスへ) -A(すべての)
まだ、コミットはしてないよ。
成功の場合は特にメッセージは出ないようだ。

$ gitt add -A

☆確認

$ git status
On branch master

Initial commit

Changes to be committed:
  (use "git rm --cached <file>..." to unstage)
#↑ステージングエリアから戻す場合はこっち入力してね

       	new file:   index.html

3.commitする

さっきほどステージングしたものをcommitする。
いろいろな書き方があるが、今回はこれでやる。
「commit -m “メッセージ”」

$ git commit -m "はじめてのこみっと"
[master (root-commit) b93dd08] はじめてのこみっと
 1 file changed, 10 insertions(+)
 create mode 100644 index.html

☆確認
無事に入っているようだ。

$ git log
commit b93dd08650bf0a306ad6ca94d5f8010827d15494
Author: MACユーザ名 <MACユーザ名@MACユーザ名-no-MacBook-Pro.local>
Date:   Sun Mar 5 21:37:43 2017 +0900

    はじめてのこみっと

入れたフォント

今日入れた日本語のフリーフォント

g_いろりフォント(太手書き丸)-プレビュー版 [よく訓練された素材屋]
http://material.animehack.jp/font_groundbold.html

丸文字「ニコ角フォント」のダウンロード|丸文字フォント(ニコ文字)配布所
http://nicofont.pupu.jp/nicokaku-plus.html

フリーフォントのMODI工場
http://modi.jpn.org/font_irohamaru.php

ショウワノニヲイ | ふわふわフォント
http://huwahuwa.ff-design.net/archives/86

タロ子フォント|35歳独身女、4畳半で犬を飼う。
http://ameblo.jp/kotaro610/entry-11044671530.html

「仕事メモ書き」フォントDL(遊びメモ書きフォントとの比較)
http://font.sumomo.ne.jp/shigoto.html

ふい字置き場
http://hp.vector.co.jp/authors/VA039499/

MINAKAMI | 2BYTE OPEN TYPE FONT | Maniackers Design | Design Font
http://mksd.jp/minakami.html

手書き風総合書体「きろ字」 - Ola Kae Tode Tai
http://ola.kironono.com/entry/fonts-kiloji#ライセンスについて

えり字
http://v7.mine.nu/pysco/gallery/font/06.html

飴鞭ラノベPOP
http://slimedaisuki.blog9.fc2.com/blog-entry-3376.html

フリーフォント『たぬき油性マジック』を公開しました。 - たぬきフォント
http://tanukifont.com/tanuki-permanent-marker/