初心者のWEBデザイン

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

mysql いつもハマること

|bash| sudo mysql.server start mysql -u root ||

Linux ファイルスタンプ find 時間指定検索オプション

Linuxファイルのタイムスタンプは3種類あります。 mtime(Modify time):最終変更日時 ctime(Change time):inodeの変更日時 atime(Access time):最終アクセス日時 findコマンドで時間指定の概念は下記の画像です。(下手くそですいません。。。) min…

rsync フォルダ毎の差分だけを同期させる

rsync -auv コピー元フォルダ コピー先フォルダ オプション -u 同期先のファイルの方が新しい場合はスキップする -v 冗長メッセージの表示の有無 コピー元フォルダの指定に【/】スラッシュの有無で動きが違いますので注意してください。 今回は下記のディレ…

wgetかcurlでHTTPステータスコード確認

wgetでの確認 wget --spider URL --spider ファイルをダウンロードしません。 curlでの確認 #プロトコルを付けること curl -I http://www.example.org #httpステータスだけを出力 curl -s -o /dev/null -w "%{http_code}" https://www.example.org/ curlの参…

Atom スニペット登録 チートシート

スニペット登録方法 ファイル形式の確認方法 該当ファイルを開いて[⌘]+[alt]+[P] meta文字を使用する場合には【\】でエスケープ処理 複数行 -> 【"""】(ダブルクォーテーション) * 3 で囲う 'ファイル形式': 'スニペット名': 'prefix': 'スニペットを呼び…

Webサイトのあれこれをダウンロードしたい時に見るメモ

興味があるWebサイトを閲覧しているときに、気になったテキストをメモがてらローカルに引っ張りたいことがあるかと思います。 そんな時にデベロッパーツールから引っ張る方法を書いておいておきます。 // テキストのオブジェクトを入れたい時 txt = document…

正規表現 URL 1度だけ最短で後方一致させる方法

正規表現は少し使っていないとすぐ忘れてしまいます。 困ったものです。。。。 いつもこんなパターンです。。複数組み合わせるパターンも。。。 ・複数出てくるメタ文字を1度だけヒットさせたい ・URLの後ろから数えて最初のスラッシュまでヒットさせたい こ…

Shell Script 配列を【同時】に複数ループさせる方法

配列を複数同時に回したい時にたまに遭遇します。 ループのネストパターンではなく、同じ階層でのパターンです。 そんな時にいつも調べているのでメモしておきます。 要素数を合わせとかないとズレるので注意です。 animal=( "cat" "dog" "bird" "lion" ) ka…

MYSQL MAMPを久しぶりに触ったらハマったこと

ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)stackoverflow.com

grep URL抽出 正規表現パターン

忘れてしまうので残しておきます。grep ワンライナー o only Maching E 正規表現使用宣言 grep -oE 'http(s?)://[0-9a-zA-Z?=#+_&:/.%]+'

MAMPを入れずにApacheでサーバーを構築する

PHPで動かしているWebサーバーのメンテナンスをしたい時に ローカルサーバーで簡単にチェックする時の構築方法を残しておきます。 Apatchを停止させる ドキュメントルートの設定(/private/etc/apache2/httpd.conf) Apatchを動作させる Apatchを停止させる …

Selenium メソット一覧

タイトル表示 driver.title ページ遷移 driver.("URL") ページのソースを取得 driver.page_source ウインドウを閉じたいとき driver.close() ブラウザを終了したい場合 driver.quit() object対象のオブジェクト化済み テキストを取得したいとき object.text …

Python Selenium 自動入力 手順 健忘録

忘れるのでメモ書き。 これを参考にあれやこれややれば解決できるはず。 from selenium import webdriver URL = "対象URL" # 取得したURLをseleniumでインスタンス化 foxDriver = webdriver.Firefox() chromeDriver = webdriver.Chrome() safariDriver = web…

Bash バックグラウンド処理 健忘録

Bash バックグラウンド処理 Ctrl + z コマンド実行中処理サスペンド フォアグラウンド処理(サスペンド中の処理を再度処理実行) fg ジョブ番号 バックグラウンド処理 bg ジョブ番号 コマンド &

公開鍵暗号 RSA方式 デジタル署名 実践

GNUが提供してるgpgでコマンドで簡単に実験できます。 鍵の生成 gpg --gen-key 鍵の生成 gpg --gen-key 公開鍵の表示 gpg --export -armor "bellsmarket" -----BEGIN PGP PUBLIC KEY BLOCK----- mQENBF2MmjYBCAC/111Z67eGApWWqie9u0gOTMjJ3HM7J68fDIN4+g1W8H…

Linuxでアカウントを追加した際の設定 健忘録

visudoに追加したアカウントを記述するqiita.com

Java Script DOMについて 健忘録

DOM = Document Object Model Objectの集合(tree構造)がHTMLやXMLのDocumentであると考える。 ObjectをNodeと呼ぶ。 DOMはNodeを操作(追加・削除・置換・抽出)をする為のAPIである 要素の集合 両方とも要素の集合 NodeList = Static HTMLCollection Obje…

Atom JavaScript 自動補完パッケージ ternjs

凄く便利。。。!公式パッケージサイト atom.ioJSを管理するディレクトリに.tern-projectを作成しましょう〜 Libsの配列の中に補完したい項目を記述して保存すれば 自動で補完されます。補完される項目がElemなのかHTMLCollectionなのか・NodeListなのかも …

Linux ディレクトリ構成 簡略図

Linux ディレクトリ一覧 |--- bin (Binary):一般ユーザーでも実行可能な基本的なコマンドがある。コマンドのバイナリファイルを表す。 | |--- sbin (System Binary):rootユーザーのみが実行可能なシステム管理コマンドがある。 | |--- etc (Et Cetera):シ…

Javascript DOM操作でハマったこと

参考にさせていただきました。 tridentwebdesign.blog.fc2.com

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 "------------…