weblog

WEB全般の忘備録(HTML・CSS・JavaScript・PHPなど)

gulpfile 設定例

var gulp = require('gulp'); var browserSync = require('browser-sync'); var compass = require('gulp-compass'); var reload = browserSync.reload;// Start the server gulp.task('browser-sync', function() { browserSync.init({ server: { baseDir: …

reactjs 備忘録

$ /projects/react-test/ $ react -v bash: react: command not found$ /projects/react-test/ $ npm install react --save npm WARN ts@1.0.0 No description npm WARN ts@1.0.0 No repository field.$ /projects/react-test/ $ npm install react --save-d…

VagrantとVirtualBoxでローカル開発環境を構築

VirtualBox https://www.virtualbox.org/wiki/DownloadsVagrant http://downloads.vagrantup.com/ VirtualBoxは既にインストールされていたバージョン4.3.6を使用。 Vgrantは現時点での最新版1.3.5をダウンロード。その他基本的なことは下記が詳しい(丸投げ…

Windows環境でgccコンパイラを使用する(メモ)

忘れそうなのでメモ。コンパイルするには下記コマンドを実行。 $ cd /work_directory $ gcc -o hello hello.c意味は、hello.cというファイルをhelloという実行ファイルに コンパイルして出力するということらしい。gccのオプションについてはここが参考にな…

HTML・CSS コーティング規約参考サイト

HTML・CSS コーティング規約参考サイト 【参考】 google(英語) http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xmlapple(英語) http://www.apple.com/html5/google(和訳) http://re-dzine.net/2012/05/google-htmlcss-style-guide/C…

jQueryによるスクロール距離の取得方法

jQueryによるスクロール距離の取得方法。パララックスサイトの作成、ページトップリンクを表示制御、グローバルナビの表示制御など使いドコロがいろいろあると思うのでメモ。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>スクロール位置の取得</title> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> </head> <body> <script> $(function() { $(window).scroll(fun…</body></html>

JavaScriptでグローバル変数の定義を最小限にする

グローバル変数にvar cnf = {}と定義したあと、 それをアプリケーションのコンテナとして利用することで、 グローバル変数がぶつかる危険性を最小限にする。下記はブラウザに「Hello World」と出力するスクリプト。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Hello world</title> <script> window.onload = functi</meta></head></html>…

Windows環境にSCSS環境を構築する手順

WindowsにCSSプリプロセッサのSCSSを導入する手順メモです。 Rubyインストール Macでは標準でインストールされているらしいですが、Windowsには入っていないので 公式サイトよりダウンロードします。インストールの時、パスを通すことを忘れずに。(後でもで…

GW中にCakePHPでブログつくる。

もうすぐGWなので何を作ろうか考えていたのだけど、 とりあえず今はPHPを重点的に勉強しているので、CakePHPでブログを作ろうかと。機能要件としては、【必須】 ・カテゴリー設定が出来るようにする。 ・記事に画像が投稿出来るようにする。 ・記事にコメ…

GitHubを使うときに一番初めにやる事

git

GitHubにかぎらず、リモートリポジトリにpushするまでの手順の忘備録。 最初しかやらないことってすぐ忘れてしまうので。。メールアドレスと名前を設定 git init git config --global user.name "名前" git config --global user.email "メールアドレス"リポ…

wordpressで企業サイトを構築する際に入れるべきプラグイン12個

このまえwordpressの構築の際にいろいろなプラグインを試してはボツりました。 その中でこれは使えるなと判断した12個のプラグインを紹介します。 必ず入れておくべきプラグイン Adminimize http://wordpress.org/extend/plugins/adminimize/ 各権限ででき…

windows環境にNode.jsをインストールする手順

- インストールするもの node.js本体 http://nodejs.jp/nodejs.org_ja/download/ モジュール ・express MVCフレームワーク http://expressjs.com/ ・mongoose MongoDB アクセスライブラリ http://mongoosejs.com/ ・socket.io http://socket.io/ - Node.jsの…