チェ・ゲバムラの日記

脱犬の道を目指す男のブログ

個人用お役立ち

Dockerを使ってローカル開発環境にお手軽にLAMP、Wordpress環境を作った

今更だが掲題の通りDockerをローカル環境として導入してGithubにもリポジトリを作った。きっかけとしては下記がしたかったから。 ・モダンな環境作り ・開発環境作る時間短縮化 ・PC端末に依存しない開発環境作り 結論から言うとめちゃめちゃいい。 なんで今…

【タスクランナー】もうキャッシュのせいなんて言わせない。CSS・JavaScript・画像・PDFなど全ての読み込みファイルにパラメータをつけてファイル出力する方法

前回の記事でタスクランナーのススメを書いたが、少しアップデートしたので紹介する。前回のタスクランナーの記事 hiromode.hatenablog.com 内容としては ・PUG削除 ・HTMLのパラメータ付与の上出力 を追加した。 理由はPUGの書き方を習得するのが面倒だし、…

【node.js】Gulp.js+Sass+PugでWEB制作を自動化する

Web制作では様々な仕事があり、毎回やるのが面倒だから自動化できるところは自動化して楽しちゃいましょうっていう話。ざっくり説明すると下記3つを使う。 Gulp.js(タスクランナー) ・Sass→CSS変換 ・CSS,JS,画像圧縮 などをJSで作成して自動化させる。 Sa…

【Git】まだ環境構築で消耗してるの?

まだ●●で消耗してるの?っていうタイトル多いね。 イケハヤさんのネーミングセンスすげーわ。てことであちこちで言われてるGithubにvimrcとかいろいろ置いておいて、 転職やPCが変わっても簡単に便利に環境構築しましょうという話。とはいえ大体下記を見ても…

【保存版】WEBサイト制作における便利なチェックツール一覧 ※随時更新中

WEBサイトをつくってると脆弱性のチェックやコードのチェックなどやらないといけないことが沢山ある。 とてもじゃないが手を動かしてチェックなんてしてる暇はないので下記にあげたツールを使うことはむしろ必須といえる。なぜこんな記事を書くかというと、…

【JS】良く使うJSメモ(全体をふわっと表示してその間はスクロール禁止、ワンホイールでスルスルスクロール)

ソース的に分かるかと。 CSS省略するけど、body初期値をopacity:0にしておくくらい。 JS function Animation() { "use strict"; this.initialize(); } Animation.prototype.initialize = function() { this.$window = $(window); this.$document = $(documen…

初めてのMySQL最新版のインストール、コマンド一覧

webkaru.net ■Mysql centos6.7 apache2.2 最新のDLとインストールについて順次読み替えるが、基本の考え方は同じはずで、サイトにいってリポジトリ→rpmを5つ落とす。その後shared以外インスト→sharedインストで終わり。wget ●●http://dev.mysql.com/get/Down…