2015年8月 – ページ 2 – 端くれプログラマの備忘録

[PHP] 画像の大きさを取得する

2015年8月21日2015年9月18日 @84kure

list($width, $height, $type) = getimagesize($path);

//エラーチェック付き
$data = getimagesize($source);
if (empty($data) || !is_array($data)) {
    return 'Image is invalid';
}
list($width, $height, $type) = $data;

list($width, $height, $type) = getimagesize($path);

//エラーチェック付き

$data = getimagesize($source);

if (empty($data) || !is_array($data)) {

return 'Image is invalid';

}

list($width, $height, $type) = $data;

参考サイト

PHP: getimagesize – Manual
http://php.net/manual/ja/function.getimagesize.php

[PHP] ディレクトリ中のファイル一覧を取得する

2015年8月20日2015年9月18日 @84kure

$dir = './images/';
$handle = opendir($dir);
while ($file = readdir($handle)) {
    if (filetype($dir . $file) == 'file') {
        echo $file;
    }
}
closedir($handle);

$dir = './images/';

$handle = opendir($dir);

while ($file = readdir($handle)) {

if (filetype($dir . $file) == 'file') {

echo $file;

}

closedir($handle);

参考サイト

PHP: ディレクトリ関数 – Manual
http://php.net/manual/ja/ref.dir.php

PHP: filetype – Manual
http://php.net/manual/ja/function.filetype.php

[Webサービス] GTmetrix – サイトのロード速度と改善点を分析

2015年8月19日2015年9月17日 @84kure

GTmetrix | Website Speed and Performance Optimization
https://gtmetrix.com/

[マーケティング] 読まれるメルマガに必要なものは

2015年8月18日2015年9月17日 @84kure

メルマガを使ったマーケティングは一般的だけど、以下の調査報告が参考になったので覚え書き。

メルマガ閲覧の判断基準は「件名」が5割／読まれるメルマガに必要なのは「お得感」【ライトアップ調査】：MarkeZine（マーケジン）
http://markezine.jp/article/detail/22951

以下抜粋。

メールからの情報接触が9割以上／LINEは約1割
購読されるメルマガに必要なのは「ユーザへのお得感」
読むか読まないかの判断は「件名」

[jQuery] Zoom.js – 画像を滑らかにズームするプラグイン

2015年8月17日2015年9月17日 @84kure

動きが滑らかで見た目も良い。組み込みが簡単なのもいい感じ。

デモサイト
http://fat.github.io/zoom.js/

fat/zoom.js
https://github.com/fat/zoom.js

使い方

<link href="css/zoom.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="js/zoom.js"></script>
<script src="js/transition.js"></script>

<img src="images/sample.png" data-action="zoom">

[開発手法] チーム開発の進め方

2015年8月16日2015年9月17日 @84kure

以下の記事が面白かったので覚え書きリンク。

チーム開発の進め方 – クックパッド開発者ブログ
http://techlife.cookpad.com/entry/2015/06/04/180218

以下抜粋。

1-2ヶ月でリリースまで持っていく開発の進め方
大事なのは「見える化」と「コミュニケーション」
まっさらな状態からコードをドンドン書いていくと比較的早く破綻する
まずは全員で時間を作りやらなきゃいけないタスクの洗い出し
次に出したタスクの重さを決める (SP=ストーリーポイント)
次にイテレーション期間を「水曜日始まりの1週間を1イテレーションとする」と決める
それぞれのイテレーション期間でどのタスクを行うかを決めていく
実際に開発を回していく。作業管理は「見える化」
水曜日には振り返りを行う。完全に完了したタスクのSPの合計がチームのパフォーマンス
イテレーションを回していく。スケジュールをどんどん正確にしていく
チームのパフォーマンスチューニングの基本は「推測するな、計測せよ」

[Bootstrap] navのドロップダウンに区切り線を入れるには

2015年8月15日2015年9月17日 @84kure

覚え書き。

<li class="nav-divider"></li>

1	<li class="nav-divider"></li>

参考サイト

twitter bootstrap – How can I get “divider” displayed for “nav-pills” and “nav-stacked” – Stack Overflow
http://stackoverflow.com/questions/20664117/how-can-i-get-divider-displayed-for-nav-pills-and-nav-stacked

Using dropdowns / Navs / Bootstrap
http://getbootstrap.com/components/#nav-dropdowns

[HTML5] 背景に動画を配置したページの作り方

2015年8月14日2015年9月17日 @84kure

HTML5対応ブラウザであればCSSだけで実装できる。古いブラウザやモバイルは要注意。

<video src="video.mp4" autoplay loop id="bgvid">
    <img src="video.jpg" alt="Placeholder">
</video>

</video>

video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(video.jpg) no-repeat;
    background-size: cover;
}