初心者のWEBデザイン

HTML,CSS、その他WEBデザインに関する事を記述していきます.

Linuxソフトウェアの概要

プロセス 実行するプログラムの単位 一つのプロセつは1つのメモリ空間を持つ(別のプロセスとの間の変数アクセスは不可) PID(Process ID)・task_struct構造体(task_t型)で管理される 親プロセスが存在する プロセス作成の仕組み プロセスはシステムコー…

Raspberry Pi 初期設定 健忘録 ログインループ回避

ユーザーpiを別のユーザー名にスムーズに変更する方法 まずはpi以外のユーザーを追加 adduser ユーザー名(ex. tmp)#useraddは使用しない gpasswd -a tmp sudo passwd tmp #任意のパスワードを設定 sudo vi /etc/lightdm/lightdm.conf autologin-user=piを…

Raspberry Piではまったこと健忘録

sshで操作する為、GPUなど不要なものを排除して 最小構成でインストールした場合、GPIOを操作するツールなども インストールされていません。 WiringPi git clone git://git.drogon.net/wiringPi cd wiringPi ./build これでGPIOが確認できます。参考にさせ…

Shell Script デバッグ コマンドbashdbを使用する

bashdbを使用する bashdbを使用すると1行1行ソースコードを読み込んだり カレント行の変数の値を確認したりすることができます。 ブレイクポイントを設定したりそこまで処理を進めたりもできます。 コマンド名 別名 内容 step s 1ステップ実行する print $変…

Shell Script デバッグ コマンドbatsを使用する

Shell Scriptの静的コード解析でデバックするには bashのオプションnoexecで行います。静的コード解析は動作をさせるソースコードを実行せずに 問題があるか確認するデバック方法です。 #!/bin/bash #noexec シェルオプションを有効にする set -o noexec She…

bash 補完機能強化 Bash Completion設定方法

まずは各OSのパッケージ管理ソフトでインストールしましょう Mac:brew install bash-completion Red-Hat系:yum install bash-completion Debian系:apt-get install bash-completion .bash_profile if [ -f /etc/bash_completion ]; then . /etc/bash_comp…

Shell Script デバッグの方法

デバック時に使用するコマンドを詳細します。 set -oオプション 1文字のオプション 内容 verbose set -v コマンドを実行する前にコマンドラインの内容を出力する xtrace set -x コマンドラインを展開した後の内容を出力する nounset set -u 未定義の変数を参…

Vim ショートカット 健忘録

カーソル移動 コマンド 動作 行頭に移動 ctrl + a 行末に移動 ctrl + e 次の単語に移動 w 前の単語に移動 b スクロール移動 コマンド スクロール方向 スクロール量 覚え方 上方向 半画面分 up 下方向 半画面分 down 上方向 一画面分 back 下方向 一画面分 fo…

Javascript オブジェクト

Javascriptのオブジェクトとは、連想配列と機能的には同意義である。 その使用する場面や前後の文脈で呼び方を変えているだけ。捉え方の違い 連想配列:各要素が一つ一つがメインである。 オブジェクト:そのものがメインであり各要素はオブジェクトを形成す…

Vim .vimrcの設定方法

設定を何もしないVim カスタマイズしたVim $ mkdir -p ~/.vim/bundle $ git clone git://github.com/Shougo/neobundle.vim ~/.vim/bundle/neobundle.vim "---------------------------------------------------------- " Color Scheme Setting "------------…

Atom パッケージのバックアップ方法 別環境での設定

Atomをメイン環境と別環境を同じようにするために パッケージのバックアップが必要になります。 apmコマンドを使ってAtomのパッケージを管理する #パッケージリストを作成する apm list --installed --bare > ~/任意のパス #リストにあるパッケージをインス…

Shell Script 正規表現でマッチした文字列を変数に代入する

$BASH_REMATCH変数の使用方法について記述します。 #!/bin/bash url="https://www.google.com" if [[ $url =~ ^(http|https)://(.+)\.(.+) ]]; then echo "${BASH_REMATCH[0]}" echo "${BASH_REMATCH[1]}" echo "${BASH_REMATCH[2]}" echo "${BASH_REMATCH[3…

Shell Script [[ ]] を用いた比較方法

testコマンド [] よりも での比較はShellScript以外のプログラム言語と 似たような記述が可能になります。[ ]だとAND演算やOR演算は【-a】や【-o】を用いますが、 では&&・||が使用できます。 x=30 if [[ $x -gt 10 && $x -lt 50 ]]; then echo 'x > 10 AND …

PHP XMLの@attributes要素のアクセス方法

下記のようなRSSなどのXMLを受け取ってごにょごにょしたい場合のアクセス方法は var_dump($rss->link); //object(SimpleXMLElement)#2 (1) { ["@attributes"]=> array(1) { ["href"]=> string(34) "http://example.com/" } } こうするのだそうですよ〜 var_d…

Shell Script 関数の呼び出し確認

関数内で関数名を参照したい場合にはFUNCNAME変数を確認します。 この変数は呼び出した関数を実行している間のみ存在します。FUNCNAME変数は主にどの関数で処理を実行したかを表示するときや、 デバッグ時に利用されます。 function print() { echo Hello Wo…

Atom Settingファイルをgistと同期する

Atom Editorをどの環境でも同じ設定にしたい場合の同期方法を記載します。 必要なもの Atom:sync-settings(パッケージ) GitHub:アクセストークン Gist:GistID パッケージを同期する「sync-settings」をインストール terminal上から下記を入力 apm insta…

ShellScript コマンドのグループ化・サブシェル

複数のコマンドを実行した出力をまとめて、1つのファイルに リダイレクトする方法を記述します。 コマンドのグループ化 {}カールブラケットを使用 { date +%Y-%m-%d echo ‘Documents List’ ls ~/Documents } > DirectoryList.txt サブシェルによるコマンドの…

bash ShellScript リダイレクト まとめ

bashでコマンドを実行するときに標準入出力の入力元と出力先を 置換することをリダイレクトと言います。 ファイルディスクリプタ プロセスから開かれた全てのファイルには、ファイルディスクリプタと 呼ばれる番号が割り当てられます。 プロセスからファイル…

ShellScript パターン指定

Shellには変数に対して、削除するパターンが指定できます。前方・後方からの検索があり、最短マッチと最長マッチで動作が変わります。dirname・basenameと同じ動きをする記述です。 前方一致(前から検索) # ${変数名##パターン} # 前方からの最長マッチを…

Linux Ubuntu Macにデュアルブートした際の初期設定

Mac OSXでディスクユーティリティでLinuxの容量をパーティションを作成(Swap領域も作成) OSをアップデート 日本語環境を設定 かなと英数にIMEのOn・Offを割り当てる ⌘とCtrlを交換する 設定 1.iBusからFcitxに切り替える 2. 次の,前のソースへ切り替えを…

bash grep 拡張子の指定・除外

特定の拡張子のみ対象にする # 複数指定 grep -r "^<\!DOCTYPE html>" --include='*.html' --include='*.php' 特定の拡張子を除外する # 複数指定 grep -r "cat" --exclude='*.class' --exclude='*.js' 便利なオプション i:検索文字列の大文字小文字を区別…

bash sedコマンド 健忘録

動作確認に使用するファイルは下記になります。 1 animal cat dog bird 2 animal cat dog bird 3 animal cat dog bird s/ 検索文字 / 置換文字 /で正規表現も使用できます。 マッチした文字を置換する echo 'animal dog' | sed 's/dog/cat/' # 出力 # animal…

C言語 ポインタの増減

C言語のポインター指定の()の有無で動作的にハマったので メモしておきます。下記のソースコードをコンパイルして実行します。 引数は【./pointer.c】【cat】【dog】【bird】です。 #include <stdio.h> int main(int argc, char *argv[]) { printf(" 要素数は%dつで</stdio.h>…

Shell Script 比較一覧

testコマンドで使用する比較の一覧を記述します。 文字列の比較 演算子 内容 str1 = str2 str1とstr2が等しい str1 == str2 str1とstr2が等しい str1 != str2 str1とstr2が等しくない -n str1 str1が空文字列ではない -z str1 = str2 str1が空文字列であ…

ShellScript たまに使用するコマンド 健忘録

完全に個人的な健忘録です。 普段あまり使用しないけど、たまに使用したいコマンド一覧を記述します。 # ファイルタイプを判定する file ファイル名(*と指定するとカレントディレクトリにあるファイル全て) #ファイルのディスク使用量を推定する du #EA(メ…

HTML シンタックスハイライトを使用する方法

htmlに凄く簡単にシンタックスハイライトを実装できます。highlight.js highlightjs.org <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/default.min.css"> </link></meta></head></html>

記号の名称

括弧の名称 括弧 名称 日本語名称 その他の名称 () パーレン(parenthesis) 丸括弧 [] ブラケット(bracket) 角括弧 {} ブレイス(brace) 波括弧 カーリーブラケット(curly bracket)、カール(curl) その他の記号の名称 記号 読み 意味(例) ! エクスクラメーシ…

ShellScript 配列・連想配列

配列のあれこれ 配列宣言 配列の要素を追加 配列の要素数を調べる 要素の削除 全ての要素の参照 配列に存在する要素のインデックスの取得 #!/bin/bash # 配列宣言 animals=(Cat Dog Bird [4]=Lion) # 配列の要素を追加 animals[6]=Elephant # 配列の要素数を…

Shell Script 位置パラメータ・特殊パラメータ

位置パラメータ シェルスクリプトを実行した時の引数を参照するための変数のこと位置パラメータは$+引数のindexで参照できます。 また10以上の位置パラメータは${10}とカールブラケットで囲う必要があります。 #!/bin/bash echo $0 echo arg1:$1 echo arg2…

bash シェルの仕組

LinuxやUnix系のOSには切っても切れないシェル。コマンドラインにコマンドを打った時に実行が終わるまでの 流れを記述します。 コマンドラインにユーザーかコマンドを記述 シェルがコマンドを解釈し展開する コマンド実行前にシェルはforkする 子プロセスがe…