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

わすれた.log

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

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

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コマンド「コピー編」

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/

Adobe illusutorator 、Adobe Photoshop を入れた

パソコンに入れた物

パソコンに入れたものをメモ

Adobe photoshop CS6
Adobe illusutorator CS6

を入れた。

illusutoratorを起動したら以下のメッセージが
「“Adobe Illustrator CS6.app”を開くには、以前のJava SE 6ランタイムをインストールする必要があります。」

解決策
Mac 用の Java を入手する - Apple サポート
を入れました。

ざっくりとした コンポーネント思考の覚書

CSS 覚書

コンポーネント思考とはパーツのこと。

・ボタンなど小さいパーツを作っていく。
 パズルに似ているかも?
 それをひとつのCSS(SASS)セットでまとめる。

・小→大
 小さいパーツを組み合わせて、大きいものを作る。

・いいこと
 使い回しができる
 わかりやすい

・動き
 クラスを指定すると、スタイルが適用できる。
 Bootstrapとかみたいなもの

・だが
 デザインがそのように作られていないと意味がない。
 使い回しができることが強いのに、使い回しができないとなると、CSSが結局重たくる。

コンポーネントのまとめ方
 どれをパーツとして、どれをパーツとしないかは自由。
 パーツをもうすこしボタンからフォームとボタンなど大きくしていってもよい。
 最近は、ヘッダーを右と左でわけてコンポーネントだとか。

私はそもそも コ ン ポ ー ネ ン ト という単語が覚えられない。
身近な単語にひもずけることにした、梱包ネントと覚えることにした。


以下「続きを読む」は本気のうろおぼえ

続きを読む

主にWEBサイトの情報収集ツールとかのまとめのまとめ

これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋

この記事の内容が使えそうだったので、自分の使いたいところだけ引き出してメモ
記事主様、ありがとうございます。

主に使うと思ったものは情報収集、サイトをまとめたりするのに利用できそう。
既存ページからリニューアルの案件はとりあえず収集しないと頭で理解できないので…。

ここにメモしてない情報
 ・サーバー情報を得る
 ・WEB集客、コピーライティングツール
まだ自分には使わなそうだ。
それが使いたいというより、使う機会がほしい。

作る

驚くほどカンタン!無料ホームページ作成 | ペライチ
1ページだけHPを作成
何度こんなのあればいいとおもったか・・・

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)
エクセル→

作業効率

Pomodoro timer
5分休んで、25分集中タイマー

勉強

Progate | プログラミングの入門なら基礎から学べるProgate\[プロゲート\]


ツールなんて「はぁ?」という感じだったが、時間に追い詰められて初めて大切だということを知るのでした。