初心者のWEBデザイン

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

20150411143621

健忘録

Python 図形描写 健忘録

from PIL import Image, ImageDraw,ImageFont #描写するオブジェクトを作成 #第一引数から色・キャンパスの大きさ、塗りつぶしの色 drawCanvas = Image.new("RGB",(100,100),(255,255,255)) draw = ImageDraw.Draw(drawCanvas) draw.rectangle((x軸の始点,y…

ShellScript インクリメント 健忘録

他の言語だと++が使えますがbashだといつも どうやるんだけ?っとなるんで健忘録で書いときます。 exprコマンド ループ中に使用すると下記の$(())やletより 処理がすごく遅いです。 count=1 count=$(expr $count + 1) # => 2 $(()) count=1 count=$((++count…

Mac launchd 設定方法 健忘録

定期的にシェルを動かしたい際にはOSXでは launchデーモンに登録する方法があります。任意のユーザーで動かしたい場合には設定ファイルを下記に作成します。 /Users/ユーザー名/Library/LaunchAgents/ ~/Library/LaunchAgents/.plist ユーザーごと設定できる…

Git Github 健忘録

Gitのリポジトリの管理方法 作業ディレクトリ 作業中のファイルがあるディレクトリ ステージングエリア git addで追加したファイルがあるディレクトリ Gitディレクトリ git commitで追加したファイルがあるディレクトリ コマンド レポジトリ作成 $ git init …

Atom テーマカスタマイズ

メインスタイルシート index.less styles/base.lessを読み込むメインの設定ファイル ベーススタイルシート styles/base.less 要素や変数、クォーテションや属性などの設定ファイル colors.lessで設定した色を取り出して設定していきます。 カラースタイルシ…

Bash ln シンボリックリンクの使い方

シンボリックリンク 特定のファイルやディレクトリを指し示す別のファイルを作成し、 それを通じて元のファイルを参照できるようにする仕組み $ ln -s [シンボリックリンクを作成したいファイルのパス] [シンボリックリンクを置くフォルダのパス] $ ln -s […

bash renameコマンドの使い方 健忘録

$ rename s/キーワード/置換したいキーワード/ ファイル名 検索したファイル名を置換する $ find . -name "*txt" -print0| xargs -0 rename s/ /" "/

bash sed 使い方

概要 コマンド キーワードの前に挿入 sed -e '/検索ワード/i 追加ワード' ファイル名 キーワードの後に挿入 sed -e '/検索ワード/a 追加ワード' ファイル名 指定した行に挿入 sed -e '数字i 追加ワード' ファイル名 指定した行の後に挿入 sed -e '数字a 追加…

各言語 参考サイト 健忘録

shellscript bash 正規表現 http://www.kt.rim.or.jp/~kbk/regex/regex.html#CLASSNAMEhttp://shellscript.sunone.me/http://tldp.org/LDP/Bash-Beginners-Guide/html/index.html

ShellScript 健忘録

if [ -e パス ]; then # 存在する場合 else # 存在しない場合 fi 特殊変数 $0 現在実行しているシェルスクリプトのファイルパスが格納 dirname 引数 絶対パスからディレクトリパスを取得 basename 引数 絶対パスからファイル名を取得 #!/bin/sh current=$(cd…

findで検索したものをmvで移動する

$ find ./ -name '*.拡張子' | xargs -I% mv % ディレクトリ

Debian系 Apache ディレクトリ構成 健忘録

/etc/apache2/apache2.conf 主要なApache2設定ファイル /etc/apache2/mods-enabled/ 現在有効なApache2のモジュールを置くディレクトリ 普通は、mod-available/ディレクトリにリンクを貼ることで有効にする /etc/apache2/mods-available/ Apache2のインスト…

Linux Ubuntu CUI・GUIモードの設定

現在のターゲットを確認 $ sudo systemctl get-default graphical.target #こう表示されたらGUIログインが有効になっています。 CUIログインに切り替え $ sudo systemctl set-default multi-user.target GUIログインに切り替え $ sudo systemctl set-default…

sshfs リモートのファイルをローカルにマウント

osxfuseとsshfsをインストールしておく コマンド sshfs -p ポート番号 -o IdentityFile=任意のパス User@HostName:(マウントしたいパス) ローカルでマウントするパス マウント解除 umount マウントしたパス

Apache2 Ubuntu 設定2 健忘録

/etc/apache2設定ファイル apache2.confhttpd.confの代わりにapache2.confが読み込まれます。 ports.conf通信ポートの設定です。デフォはもちろん80で。 Listen 80 <IfModule mod_ssl.c> Listen 443 </IfModule>sites-available/ 仮想ホストの設定ファイルの置き場mods-available/ モジュー…

Apache2 Linux 設定 健忘録

Apacheの設定方法を忘れない為に記載しときます。ドキュメントルートの変更 デフォルトでは下記に設定されています $ /var/www/htmlこのドキュメントルートを変更するには2つのファイルを 変更する必要があります。 /etc/apache2/apche2.conf /etc/apache2/…

Linux samba ファイルサーバーを構築 健忘録

sambaをインストール sudo apt-get install samba 設定ファイルを編集 sudo nano /etc/samba/smb.conf sambaの再起動 sudo /etc/init.d/samba restarttestparmで設定項目・構文エラーチェックufwなどでファイアウォールを最低限のポートしか開いていない場合…

Linux sshのセキュリティ設定 健忘録

sshのセキュリティ設定 健忘録 /etc/ssh/sshd_config #ポート番号の指定 Port ***** #rootでのログインを禁止 PermitRootLogin no #RSA公開鍵認証の有効化 RSAAuthentication yes PubkeyAuthentication yes #rhostでの接続不許可 RhostsRSAAuthentication no…

Mac Finderなどのアイコンを変更する

アイコンにする画像を用意 背景を透過させる:いらない背景を削除しておく アイコンとして認識させる:PNG>iconに拡張子を変更 変更したいFinderにコピー&ペースト

localhostをiphoneなどでアクセスする

Mac・PCで立てたlocalhostにiPhoneなどでアクセスする方法を記載します。http:xxx.xxx.x.x:8000Macでteminalを起動 ↓ ifconfigでIPアドレスを確認 ↓ 調べたIPをiPhoneのブラウザに入力

bash UNIXコマンド 検索結果から文字列を検索する grep

grepは指定したファイルに記述されている検索したい文字列を含む行を表示するのに便利です。findやxargsを応用すればもっと便利な使い方ができます。 検索したファイル名に検索したい文字列が含まれるファイルを表示する find . -name '*.txt' | grep abc ./…

bash Terminal treeコマンド ツリー構造を表示する

treeコマンドを使うと下記のようにツリー構造を簡単に表示できます。 . ├── Templates │ └── index.dwt ├── about │ └── index.html ├── about.html ├── contact │ └── index.html ├── css │ └── style.css ├── img │ ├── photo01.jpg │ └── photo02.jpg ├──…

Terminal UNIXコマンド 検索結果を削除する find rm xargs

Terminalで検索した結果を削除する方法を忘れるので健忘録で残しときます。 find ./ type f -name '*.txt' | xargs rm TerminalはGUIと違って削除するとファイルはゴミ箱には移動せず、 そのまま完全に削除されるので下記の方法を取るといいでしょう。 1.fin…

初心者のwebデザイン 正規表現 健忘録

最近業務で正規表現とシェルスクリプトを使うことが増えてきました。 正規表現は、ファイルの中身を検索するときに本当に便利です。忘れてしますので健忘録として残りしときます。 検索したい文字列 ※クリックで詳細説明に移動 正規表現※赤い字がメタ文字、…

Atom パッケージリスト

今年の5月くらいからAtomを使っておりまして、パッケージが徐々に増えてきたので忘れないように自分の設定を記述しておきます。 pigments CSSのcolorやbackgroudの設定を実際に色で表示してくれます。 open-recent 開いたことのあるプロジェクトを開くことが…

Python ターミナルでPythonで簡易サーバーを構築する

Python のみでWebサーバを提供できるのでその動作確認。今回は下記SimpleHTTPServerモジュールを使用する。Terminalを起動 ↓ サーバーを構築したいドキュメントルーツに移動する ↓ Python2系 $ python -m SimpleHTTPServer Python3系 $ python -m http.serve…

健忘録

これからの「標準」を学ぶ マルチデバイス対応サイト構築 http://www.amazon.co.jp/%E3%81%93%E3%82%8C%E3%81%8B%E3%82%89%E3%81%AE%E3%80%8C%E6%A8%99%E6%BA%96%E3%80%8D%E3%82%92%E5%AD%A6%E3%81%B6-%E3%83%9E%E3%83%AB%E3%83%81%E3%83%87%E3%83%90%E3%82%…

グリッドシステム計算ツール 「Gridpx」

グリッドシステム計算ツール「Gridpx」 Webデザイングリッドデザインを作る際の面倒な計算がとっても簡単に出来てしまう、便利なグリッドシステム計算ツール「Gridpx」www.kenjisugimoto.com

Mac フォルダのアイコンを変更する方法

フォルダのアイコンを手軽に変更できる方法を記述します。PNG・icons形式のファイルをプレビューというソフトで開きます。 画像をコピーしてプレビューは終了します。 貼付けたいフォルダなりファイルを右クリック→「情報を見る」を選択します。 ウインドウ…

参考資料の健忘録

忘れそうなのでメモです。頼られるWeb担当者になる! Googleウェブマスターツールの教科書 Amazon.co.jp: 頼られるWeb担当者になる! Googleウェブマスターツールの教科書: 大本 あかね, 菊池 崇: 本 Photoshop 10年使える逆引き手帖 Amazon.co.jp: Photosho…

topへ戻る