git で画像も管理してて、多数の人（多数の環境）の間で編集しあってると、 編集してない画像ファイルが modifiy 済みみたいな挙動をして、git reset --hard しても元に戻らないみたいなことがある。さくっと！.gitattributes # Autodetect text files * tex…

NOW() した際に UTC になっていたので、JST にしようとしたところはまった。まず MySQL のタイムゾーンは複数ある。 mysql> SELECT @@system_time_zone, @@global.time_zone, @@session.time_zone;をするとわかります。@@system_time_zone はシステムタイム…

前回うまくいかなかった vagrant 上の PHP のアップグレード作業に再チャレンジしました。結果！ そして！ できた〜！！！手順！準備。古い php は消しておく yum remove php-*remi リポジトリの追加まずそもそも（前回から） remi ってなんやねん…って思っ…

ejs は embeddedjavascript というテンプレートエンジン。 gulp 用のパッケージもあるよ。www.npmjs.comHTML に組み込むような書き方なので、デザイナーさんなどと共有しやすいし、学習コストが低くて気に入っています。 外部ファイルの include や 変数の呼…

今更ってかんじですが… css 風の書き方で json みたいなデータを作れるようです。 書き方のサンプルはこんなかんじ $map: ( key1: value1, key2: value2, key3: value3, ); <|| 以下はマップを使ったカラーパレットの管理の例です。 >|| $colors: ( black: #…

隣り合う 2 つの配列要素に対して（左から右へ）同時に関数を適用し、単一の値にします。 by MDN以下の様な感じで、 配列の総計を出したりするのに使えます var sum =function(arr){ var value = arr.reduce(function(a,b){ return a+b; }); return value; }…

普通に作った .gitignore はリポジトリ内で共有されてしまいます。 自分専用の環境設定ファイルなど、ローカル環境では使いたいけど、 リポジトリ全体では共有したくないものなどは .git/info/exclude に記述することで、管理から除外されます。 ただし、 so…

以前の記事の通り、 $ sudo yum -y install phpと、 yum で 引っ張ってくると php 5.3系がインストールされてしまいますね。これを参考にして5.5系をインストールしてみようとしたところ、どうもうまくいかない。 $ php --versionするとちゃんと5.5系が入っ…

facebook ogp のキャッシュが何を試しても消えない。試したこと debugger POST する ページ自体を削除してみたけどキャッシュは残ってる og:url 末尾に / ついてる というか、 debugger では正しく meta 情報が拾われてるような表示をされてるんだが、 share…

前に書いた browserify の記事、これで $ は使えるようになるんですが、 plug-in を使おうとするとこのままだとできない。 そこで必要になるのが "browserify-shim" というもので、こいつを npm install したのち、 package.json に以下を追加。 { ~略~ "bro…

gulp-ruby-sass は src 部分に配列とかグローバル(*)を使うことが出来ないので、異なる scss ファイルを出力したい場合は複数のタスクを作るしかないと思っていたが、 以下のような方法で source をわけてあげることで複数の scss をコンパイル出来る。 //so…

ちょっと前から話題の browserify を導入してみました。 browserify とは？ javascript で require ができるようになる。 jquery だとか、その他いろいろなライブラリを使っていると、その依存関係を考慮して html 順番に読み込ませたり、 あるいは順番に co…

というわけなのでgulp-run-sequenceを使っていたところは、run-sequenceに移行しましょう。run-sequencewww.npmjs.comgulpfile.jsの書き方は全く一緒。

この記事は主に以下の記事を参考にしています。bitsofco.de viewportとは？ viewportを基本にした相対的な単位です。 vw, vh, vmin, vmax の4つがあります。 名前 単位 意味 viewport width vw ブラウザのviewportの横幅の1/100 viewport height vh ブラウザ…

条件 シングルページ ビジュアル重視 スクロールアクション Goodmoods | Where inspiration meets e-shopping Phases Magazine 条件 シングルページ width: 100%; Lunar Gravity | We craft unique digital experiences throughout the universe. 例外 table…

git コマンド詳しくなくて恐縮ですが最近利用し始めたので自分用メモに残しておく ブランチ間の差分をファイル名だけで出力する git diff --name-only ブランチ1 ブランチ2 ブランチ間の差分をファイル名+ステータスで出力する git diff --name-status ブラ…

お恥ずかしながら、役職名の中にエンジニアって単語が入ってるのに git は sourcetree で使ってる。 git コマンドもあんまり詳しくないし…sourcetree で git flow というブランチ管理をするにあたってのメモです。まずmasterがあります。 新しい案件Aが入っ…

以前にも調べた話題ですが PHP省略タグについて - 新しい日記これをOn Offさせる方法について。php.iniをいじってサーバ全体について設定する方法 /etc/の中にphp.iniがあるので、その中をいじる short_open_tag = Off //省略タグ使用不可あるいは short_ope…

良記事！！！1理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conferencehtml5experts.jp2 https://html5experts.jp/takazudo/13464/3 https://html5experts.jp/takazudo/13592/4 理解してお…

関係ないとまでは言わないけどそこまで関係ない話Slack人気の理由を機能で説明がつかないと思っている人はたぶん多い、私はチャットツールあんまり比較してないのでわからんけど一応業務でSlackは使ってる私が思うSlackのいいところ 絵文字がいっぱいある ア…

Groovesharkがサービス終了！！Groovesharkがサービスを終了jaykogami.com今の仕事とは全く関係ないけど、修論で音楽サービス関連についてもそこそこ調べていたのでGroovesharkってそもそもなに？ ユーザが音楽を違法アップロードしてそれをシェアしてストリ…

lightbox系プラグインで有名なcolorboxですが、スワイプなどのタッチ操作に対応してない。 colorboxはインライン要素などを表示できたりと機能豊富なのがいいんですが、他によさげなプラグインがなかったので、タッチ操作に対応させる手段として、jQuery.eve…

はまったcontainerの中のimg要素の高さを取得してcontainerに取得した高さを適用させたいHTML <div class="container"> <img src="xxx.jpg" alt=""> </div>以下の様なjQueryを書いたけどうまくいかず、取得されたheightは0となってしまった。jQuery $(function(){ var height = $('.container > img').height(); $('.…

android4.1とかだと下記のようなCSS3のbackground省略記法が使えない background: url(img/xxx.jpg) 50% 50% / contain no-repeat;だから、わけてかきましょうね！ background: url(img/xxx.jpg) 50% 50% no-repeat; background-size: contain;ちなみに、背…

nvmとは？ node version maneger 以下公式githubcreationix/nvmgithub.comこのリポジトリをcloneしてきて、以下のコマンドラインでnvmを有効化します。 $source ~/.nvm/nvm.shそうすると、nvmコマンドが使えるようになります。 $nvm -v次に、node.jsをインス…

vagrantを覚えたので忘れないようにメモ ※私サーバの人じゃないし全然その辺のことよくわからないから間違ってることもいっぱい書いてあるかも！一応この手順で使えるというメモ程度の感覚で…これを使うと何が出来るの？ 簡単に仮想サーバ環境が構築できるよ…

iPhoto異常に重いから後でやる Mac の iPhoto フォトライブラリ データを最適化(再構築)してディスク容量を節約する方法 Mac の iPhoto フォトライブラリ データを最適化(再構築)してディスク容量を節約する方法 | ゆめとちぼーとげんじつと それにしてもTim…

1.4.3 最低限のコントラスト：テキストおよび画像化された文字の視覚的な表現には、少なくとも 4.5：1 のコントラスト比をもたせる。ただし、次に挙げる場合は除く （レベル AA）： 大きな文字： サイズの大きなテキストおよびサイズの大きな画像化された文…

[HTML5] 新要素まとめ【2014/2/14版勧告候補】 - Qiita [HTML5] 新要素まとめ【2014/2/14版勧告候補】 - QiitaHTML5新要素， article,section,header,footer,canvas...くらいしか把握してなかったけど それ以外にもいっぱいあるのでそれぞれの役割や使い方を…

リファクタリングとは、ソフトウェアの外部的振る舞いを保ちつつ、理解や修正が簡単になるように、内部構造を改善することです。また、リファクタリングは非常に統制された方法でコードを洗練していくため、バグの入り込む余地が少なくなっています。 - リフ…