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

[Git] リポジトリごとに異なるGitユーザを割り当てる

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

仕事用と勉強用のリポジトリでGitユーザを変えたいような場合に使える。

グローバル設定 (./gitconfig)

$ git config --global user.name "Taro"
$ git config --global user.email "taro@example.com"

1 2	$ git config --global user.name "Taro" $ git config --global user.email "taro@example.com"

リポジトリごと (リポジトリ/.git/config)

$ git config user.name "84kure"
$ git config user.email "84kure@example.com"

1 2	$ git config user.name "84kure" $ git config user.email "84kure@example.com"

参考サイト

同じマシンで複数のgithubアカウントを使い分ける – Qiita
http://qiita.com/strsk/items/96987bfc98e3f92fe6fb

[Webサービス] Dillinger – オンラインMarkdownエディタ

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

GitのREADME.mdなど、Markdown記法でちょっとしたドキュメントを書くのに便利。

Online Markdown Editor – Dillinger, the Last Markdown Editor ever.
http://dillinger.io/

[CakePHP] ユーザ登録とログイン認証を実装する (6)

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

(前回の続き)

ダッシュボードの実装

ダッシュボードはログイン直後に表示されるページ。ここではサンプルとして、ログアウトとパスワード変更のためのリンクを載せておく。

<?php /*app/View/Users/dashboard.ctp*/ ?>

<h2>ダッシュボード</h2>

<?php debug($loggedin); ?>

<?php echo $this->Html->link('パスワード変更', array('controller' => 'users', 'action' => 'password')); ?>
<br />
<?php echo $this->Html->link('ログアウト', array('controller' => 'users', 'action' => 'logout')); ?>

<?php /*app/View/Users/dashboard.ctp*/ ?>

<h2>ダッシュボード</h2>

<?php debug($loggedin); ?>

<?php echo $this->Html->link('パスワード変更', array('controller' => 'users', 'action' => 'password')); ?>

<br />

<?php echo $this->Html->link('ログアウト', array('controller' => 'users', 'action' => 'logout')); ?>

パスワード変更機能の実装

まずはビューを実装。

<?php /*app/View/Users/password.ctp*/ ?>

<h2>パスワード変更</h2>

ユーザ名: <?php echo $this->Form->value('User.username'); ?>

<?php
echo $this->Form->create('User');
echo $this->Form->input('id');
echo $this->Form->input('password', array('label' => '新しいパスワード', 'value' => ''));
echo $this->Form->end('更新');
?>

<?php /*app/View/Users/password.ctp*/ ?>

<h2>パスワード変更</h2>

ユーザ名: <?php echo $this->Form->value('User.username'); ?>

<?php

echo $this->Form->create('User');

echo $this->Form->input('id');

echo $this->Form->input('password', array('label' => '新しいパスワード', 'value' => ''));

echo $this->Form->end('更新');

そしてアクションを実装。

// app/Controller/UsersController.php

...
class UsersController extends AppController {
    ....
    // パスワード変更
    public function password() {
        $id = $this->Auth->user('id');
        
        $this->User->id = $id;
        if (!$this->User->exists()) {
            throw new NotFoundException('不適切なユーザ');
        }
        if ($this->request->is('post') || $this->request->is('put')) {
            debug($this->request->data);
            if ($this->User->save($this->request->data)) {
                $this->Session->setFlash('パスワードが更新されました。');
                $this->redirect(array('action' => 'dashboard'));
            } else {
                $this->Session->setFlash('パスワードが更新できませんでした');
            }
        }
        $this->request->data = $this->User->read(null, $id);
    }
    ....
}

// app/Controller/UsersController.php

...

class UsersController extends AppController {

....

// パスワード変更

public function password() {

$id = $this->Auth->user('id');

$this->User->id = $id;

if (!$this->User->exists()) {

throw new NotFoundException('不適切なユーザ');

}

if ($this->request->is('post') || $this->request->is('put')) {

debug($this->request->data);

if ($this->User->save($this->request->data)) {

$this->Session->setFlash('パスワードが更新されました。');

$this->redirect(array('action' => 'dashboard'));

} else {

$this->Session->setFlash('パスワードが更新できませんでした');

}

$this->request->data = $this->User->read(null, $id);

}

....

}

これにて完成

全ソース (GitHub)
https://github.com/84kure/cakephp2-sample-auth

[CakePHP] ユーザ登録とログイン認証を実装する (5)

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

(前回の続き)

ログイン機能の実装

まずはビューを実装。

<?php /* app/View/Users/login.ctp*/ ?>

<h2>ログイン</h2>

<?php
echo $this->Form->create('User');
echo $this->Form->input('username', array('label' => 'ユーザ名'));
echo $this->Form->input('password', array('label' => 'パスワード'));
echo $this->Form->end('ログイン');
?>

<?php echo $this->Html->link('ユーザ登録', array('controller' => 'users', 'action' => 'signup')); ?>

<?php /* app/View/Users/login.ctp*/ ?>

<?php

echo $this->Form->create('User');

echo $this->Form->input('username', array('label' => 'ユーザ名'));

echo $this->Form->input('password', array('label' => 'パスワード'));

echo $this->Form->end('ログイン');

<?php echo $this->Html->link('ユーザ登録', array('controller' => 'users', 'action' => 'signup')); ?>

そしてアクションを実装。

// app/Controller/UsersController.php

...
class UsersController extends AppController {
    ....
    // ログイン
    public function login() {
        if ($this->request->is('post')) {
            if ($this->Auth->login()) {
                $this->User->id = $this->Auth->user('id');
                $this->User->saveField('logins', $this->Auth->user('logins') + 1);  //通算ログイン回数
                $this->User->saveField('lastlogin', date('Y-m-d H:i:s'));           //最終ログイン日時
                return $this->redirect($this->Auth->redirect());
            } else {
                $active = $this->User->field('active', array('username' => $this->data['User']['username']));
                if ($active === 0) {
                    $this->Session->setFlash('本登録してください。');
                } else {
                    $this->Session->setFlash('ユーザ名かパスワードが違います。');
                }
            }
        }
    }
    ....
}

// app/Controller/UsersController.php

...

class UsersController extends AppController {

....

// ログイン

public function login() {

if ($this->request->is('post')) {

if ($this->Auth->login()) {

$this->User->id = $this->Auth->user('id');

$this->User->saveField('logins', $this->Auth->user('logins') + 1); //通算ログイン回数

$this->User->saveField('lastlogin', date('Y-m-d H:i:s')); //最終ログイン日時

return $this->redirect($this->Auth->redirect());

} else {

$active = $this->User->field('active', array('username' => $this->data['User']['username']));

if ($active === 0) {

$this->Session->setFlash('本登録してください。');

} else {

$this->Session->setFlash('ユーザ名かパスワードが違います。');

}

....

}

ログアウト機能の実装

ログアウトされたらログイン画面に移行させるのでビューは必要無し。

アクションのみ実装。

// app/Controller/UsersController.php

...
class UsersController extends AppController {
    ...
    // ログアウト
    public function logout() {
        $this->Session->setFlash('ログアウトしました。');
        return $this->redirect($this->Auth->logout());
    }
    ...
}

// app/Controller/UsersController.php

...

class UsersController extends AppController {

...

// ログアウト

public function logout() {

$this->Session->setFlash('ログアウトしました。');

return $this->redirect($this->Auth->logout());

}

...

}

これでログイン・ログアウトの仕組みが完成。

(次回へ続く)

全ソース (GitHub)
https://github.com/84kure/cakephp2-sample-auth

[CakePHP] ユーザ登録とログイン認証を実装する (4)

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

(前回の続き)

本登録機能の実装

仮登録メールに記されているリンクをユーザがクリックしたら本登録を実行する。

http://サイト/users/activate/ユーザID/ハッシュ

1	http://サイト/users/activate/ユーザID/ハッシュ

まずはビューを実装。

<?php /*app/View/Users/activate.ctp*/ ?>

<h2>本登録</h2>
<?php
echo $this->Session->flash();
echo $this->Html->link('ログイン画面へ', '/users/login');
?>

<?php /*app/View/Users/activate.ctp*/ ?>

<?php

echo $this->Session->flash();

echo $this->Html->link('ログイン画面へ', '/users/login');

そしてアクションを実装。

// app/Controller/UsersController.php

...
class UsersController extends AppController {
    ....
    // 本登録
    public function activate($user_id = null, $in_hash = null) {
        $this->User->id = $user_id;
        if ($this->User->exists() && $in_hash == $this->User->getActivationHash()) {
            $this->User->saveField('active', 1);
            $this->Session->setFlash('本登録が完了しました。');
        } else {
            $this->Session->setFlash('不正なリンク');
        }
    }
    ....
}

// app/Controller/UsersController.php

...

class UsersController extends AppController {

....

// 本登録

public function activate($user_id = null, $in_hash = null) {

$this->User->id = $user_id;

if ($this->User->exists() && $in_hash == $this->User->getActivationHash()) {

$this->User->saveField('active', 1);

$this->Session->setFlash('本登録が完了しました。');

} else {

$this->Session->setFlash('不正なリンク');

}

....

}

これでユーザ登録の仕組みは完成。次はログイン・ログアウトを実装する。

(次回へ続く)

全ソース (GitHub)
https://github.com/84kure/cakephp2-sample-auth

[CakePHP] ユーザ登録とログイン認証を実装する (3)

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

(前回の続き)

ユーザ登録機能の実装

まずビューを実装。

<?php /*app/View/Users/signup.ctp*/ ?>

<h2>ユーザ登録</h2>

<?php
echo $this->Form->create('User');
echo $this->Form->input('username', array('label' => 'ユーザ名'));
echo $this->Form->input('email', array('label' => 'メールアドレス'));
echo $this->Form->input('password', array('label' => 'パスワード'));
echo $this->Form->input('password_confirm', array('label' => 'パスワード(再入力)', 'type' => 'password'));
echo $this->Form->end('登録');
?>

<?php /*app/View/Users/signup.ctp*/ ?>

<h2>ユーザ登録</h2>

<?php

echo $this->Form->create('User');

echo $this->Form->input('username', array('label' => 'ユーザ名'));

echo $this->Form->input('email', array('label' => 'メールアドレス'));

echo $this->Form->input('password', array('label' => 'パスワード'));

echo $this->Form->input('password_confirm', array('label' => 'パスワード(再入力)', 'type' => 'password'));

echo $this->Form->end('登録');

そしてアクションを実装。

// app/Controller/UsersController.php

App::uses('CakeEmail', 'Network/Email');

class UsersController extends AppController {
    ....
    // ユーザ登録 (フォームの入力をDBに保存して仮登録し、本登録のためのメールを送信)
    public function signup() {
        if ($this->request->is('post')) {
            if ($this->User->save($this->data)) {
                // 本登録用のリンクを作成
                $url = 'activate/' . $this->User->id . '/' . $this->User->getActivationHash();
                $url = Router::url($url, true);
                //--------------------------------------------------------------
                // 本登録の案内メールを送信
                $email = new CakeEmail();
                $email->from(array('sender@domain.com' => 'Sender'));
                $email->to($this->data['User']['email']);
                $email->subject('本登録のご案内');
                $email->send($url); // メール本文に本登録用リンクを記す
                //--------------------------------------------------------------
                $this->Session->setFlash('仮登録成功。メール送信しました。');
            } else {
                $this->Session->setFlash('入力エラー');
            }
        }
    }
    ....
}

// app/Controller/UsersController.php

App::uses('CakeEmail', 'Network/Email');

class UsersController extends AppController {

....

// ユーザ登録 (フォームの入力をDBに保存して仮登録し、本登録のためのメールを送信)

public function signup() {

if ($this->request->is('post')) {

if ($this->User->save($this->data)) {

// 本登録用のリンクを作成

$url = 'activate/' . $this->User->id . '/' . $this->User->getActivationHash();

$url = Router::url($url, true);

//--------------------------------------------------------------

// 本登録の案内メールを送信

$email = new CakeEmail();

$email->from(array('sender@domain.com' => 'Sender'));

$email->to($this->data['User']['email']);

$email->subject('本登録のご案内');

$email->send($url); // メール本文に本登録用リンクを記す

//--------------------------------------------------------------

$this->Session->setFlash('仮登録成功。メール送信しました。');

} else {

$this->Session->setFlash('入力エラー');

}

....

}

フォームに入力された内容を仮登録としてDBに保存したら、ユーザへ確認メールを送信する流れ。メールには以下のリンクを記しておき、ユーザがこのリンクをクリックしたら本登録が完了するようにする。

http://サイト/users/activate/ユーザID/ハッシュ

1	http://サイト/users/activate/ユーザID/ハッシュ

環境に合わせてメール設定も忘れずにしておくこと (app/Config/email.php)。

(次回へ続く)

全ソース (GitHub)
https://github.com/84kure/cakephp2-sample-auth

[CakePHP] ユーザ登録とログイン認証を実装する (2)

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

(前回の続き)

Usersコントローラの設計

以下、Usersコントローラに実装する機能をざっくり定義。実装は後でやる。

// app/Controller/UsersController.php

class UsersController extends AppController {

    // ユーザ登録 (フォームの入力をDBに保存して仮登録し、本登録のためのメールを送信)
    public function signup() {
        //TODO 後で実装
    }
    
    // 本登録
    public function activate($user_id = null, $in_hash = null) {
        //TODO 後で実装
    }
    
    // ログイン
    public function login() {
        //TODO 後で実装
    }
    
    // ログアウト
    public function logout() {
        //TODO 後で実装
    }
    
    // ダッシュボード (ログイン直後に表示されるホーム画面)
    public function dashboard() {
        //TODO 後で実装
    }

    // パスワード変更
    public function password() {
        //TODO 後で実装
    }
}

// app/Controller/UsersController.php

class UsersController extends AppController {

// ユーザ登録 (フォームの入力をDBに保存して仮登録し、本登録のためのメールを送信)

public function signup() {

//TODO 後で実装

}

// 本登録

public function activate($user_id = null, $in_hash = null) {

//TODO 後で実装

}

// ログイン

public function login() {

//TODO 後で実装

}

// ログアウト

public function logout() {

//TODO 後で実装

}

// ダッシュボード (ログイン直後に表示されるホーム画面)

public function dashboard() {

//TODO 後で実装

}

// パスワード変更

public function password() {

//TODO 後で実装

}

Authコンポーネントの組み込み

Authコンポーネントを組み込むことで、サイトへのアクセスに認証が必要になる。全てのコントローラに適用する必要があるので、全てのコントローラのベースクラスとなるAppControllerクラスに実装する。

// app/Controller/AppController.php

class AppController extends Controller {
    
    public $components = array('Session', 'Auth');
    
    public function beforeFilter() {
        // ログインを扱うアクション
        $this->Auth->loginAction = array('controller' => 'users', 'action' => 'login');
        
        // ログイン後のリダイレクト先のアクション
        $this->Auth->loginRedirect = array('controller' => 'users', 'action' => 'dashboard');
        
        // ユーザがログアウトした後のリダイレクト先となるデフォルトのアクション
        $this->Auth->logoutRedirect = array('controller' => 'users', 'action' => 'login');
        
        // ユーザの権限判定のためにアクティブなコントローラの isAuthorized() の戻り値を使う
        $this->Auth->authorize = array('Controller');
        
        // ユーザのログインに使いたい認証オブジェクトの配列を
        $this->Auth->authenticate = array(
            'Form' => array(
                'userModel' => 'User',
                'fields' => array(
                    'username' => 'username',
                    'password' => 'password'
                ),
                'scope' => array('User.active' => 1)    //本登録済みユーザのみログイン可能
            )
        );
        
        if ($this->Session->check('Auth.User')) {   //ログイン済み
            $loggedin = $this->Session->read('Auth.User');
            $this->set(compact('loggedin'));
        }
    }
    
    // 権限判定チェック
    public function isAuthorized($user) {
        // 必要ならばここで権限判定
        return true;    //許可
    }
}

// app/Controller/AppController.php

class AppController extends Controller {

public $components = array('Session', 'Auth');

public function beforeFilter() {

// ログインを扱うアクション

$this->Auth->loginAction = array('controller' => 'users', 'action' => 'login');

// ログイン後のリダイレクト先のアクション

$this->Auth->loginRedirect = array('controller' => 'users', 'action' => 'dashboard');

// ユーザがログアウトした後のリダイレクト先となるデフォルトのアクション

$this->Auth->logoutRedirect = array('controller' => 'users', 'action' => 'login');

// ユーザの権限判定のためにアクティブなコントローラの isAuthorized() の戻り値を使う

$this->Auth->authorize = array('Controller');

// ユーザのログインに使いたい認証オブジェクトの配列を

$this->Auth->authenticate = array(

'Form' => array(

'userModel' => 'User',

'fields' => array(

'username' => 'username',

'password' => 'password'

'scope' => array('User.active' => 1) //本登録済みユーザのみログイン可能

)

);

if ($this->Session->check('Auth.User')) { //ログイン済み

$loggedin = $this->Session->read('Auth.User');

$this->set(compact('loggedin'));

}

// 権限判定チェック

public function isAuthorized($user) {

// 必要ならばここで権限判定

return true; //許可

}

Usersコントローラの以下の3つのアクションは、未ログインの状態でもアクセスできる必要がある。

signup (ユーザ登録)
activate (本登録)
login (ログイン)

Authコンポーネントのallowメソッドを使って、未ログイン状態でのアクセスを許可しておく。

// app/Controller/UsersController.php

class UsersController extends AppController {

    public function beforeFilter() {
        parent::beforeFilter();
        $this->Auth->allow(array('signup', 'activate', 'login'));
    }
    ...
}

// app/Controller/UsersController.php

class UsersController extends AppController {

public function beforeFilter() {

parent::beforeFilter();

$this->Auth->allow(array('signup', 'activate', 'login'));

}

...

}

(次回へ続く)

全ソース (GitHub)
https://github.com/84kure/cakephp2-sample-auth

[CakePHP] ユーザ登録とログイン認証を実装する (1)

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

良く出来たプラグインとかありそうだけど、自分の理解を深めるために手実装してみる。

CakePHPバージョンは2.7.3。

参考サイトは以下。

CakePHP 2.x – ユーザ登録(仮登録・メール・本登録)
http://kwski.net/cakephp-2-x/1100/

Creating a community in five minutes with CakePHP
http://www.aidanlister.com/2009/05/creating-a-community-in-five-minutes-with-cakephp/

ざっくり仕様

ユーザ用にユーザ登録画面を用意する
ユーザ登録画面には、ユーザ名、メールアドレス、パスワード(再入力あり)を入力する
ユーザ登録画面に入力されたメールアドレスに確認メールが送られる (仮登録)
確認メールに記されているURLにアクセスすることでユーザ登録が完了する (本登録)
ユーザ登録完了後は、ユーザ名とパスワードでログインすることができるようになる
ログインするたびにDBに累積ログイン回数と最終ログイン日時を記録する
ユーザはログイン状態でパスワードが変更できる

usersテーブルの追加

ユーザ情報を格納するためのusersテーブルを追加する

CREATE TABLE `users` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `username` varchar(255) NOT NULL,
    `email` varchar(255) NOT NULL,
    `password` char(128) NOT NULL,
    `active` tinyint(4) NOT NULL DEFAULT '0',
    `logins` int(11) NOT NULL DEFAULT '0',
    `lastlogin` datetime DEFAULT NULL,
    `created` datetime NOT NULL,
    `modified` datetime NOT NULL,
    PRIMARY KEY (`id`),
    UNIQUE KEY `username` (`username`),
    UNIQUE KEY `email` (`email`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

CREATE TABLE `users` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`username` varchar(255) NOT NULL,

`email` varchar(255) NOT NULL,

`password` char(128) NOT NULL,

`active` tinyint(4) NOT NULL DEFAULT '0',

`logins` int(11) NOT NULL DEFAULT '0',

`lastlogin` datetime DEFAULT NULL,

`created` datetime NOT NULL,

`modified` datetime NOT NULL,

PRIMARY KEY (`id`),

UNIQUE KEY `username` (`username`),

UNIQUE KEY `email` (`email`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

usernameとemailは重複禁止とする
passwordにはハッシュ化したパスワードを格納する
activeは登録状態を示す(0=仮登録、1=本登録) デフォルトは0
loginsは累積ログイン回数を記録する (ログインするごとにインクリメントされる)
lastloginには最終ログイン日時を記録する

Userモデルの作成

// app/Model/User.php

class User extends AppModel {
    
    public $validate = array(
        'username' => array(
            'length' => array(
                'rule' => array('minLength', 5),
                'message' => '5文字以上入力してください',
            ),
            'alphanum' => array(
                'rule' => 'alphanumeric',
                'message' => '英数字のみ入力してください',
            ),
            'unique' => array(
                'rule' => 'isUnique',
                'message' => '他のユーザに既に使われています',
            ),
        ),
        'email' => array(
            'email' => array(
                'rule' => 'email',
                'message' => '不適切なメールアドレスです',
            ),
            'unique' => array(
                'rule' => 'isUnique',
                'message' => '他のユーザに既に使われています',
            ),
        ),
        'password' => array(
            'empty' => array(
                'rule' => 'notBlank',
                'message' => '必ず入力してください',
            ),
        ),
        'password_confirm' => array(
            'compare' => array(
                'rule' => array('password_match', 'password'),
                'message' => 'パスワードが一致しません',
            ),
            'length' => array(
                'rule' => array('between', 6, 20),
                'message' => '6文字以上20文字以下のパスワードを入力してください',
            ),
            'empty' => array(
                'rule' => 'notBlank',
                'message' => '必ず入力してください',
            ),
        ),
    );

    //--------------------------------------------------------------------------
    // ヘルパー関数

    // パスワードと確認入力が一致するかチェックする
    public function password_match($field, $password) {
        return ($field['password_confirm'] === $this->data[$this->name][$password]);
    }

    // 本登録用のリンクに含めるハッシュを生成する
    public function getActivationHash() {
        if (!isset($this->id)) {
            return false;
        } else {
            return Security::hash($this->field('modified'), 'md5', true);
        }
    }

    //--------------------------------------------------------------------------
    // コールバック関数

    // データが保存される前に実行される
    public function beforeSave($options = array()) {
        // 平文パスワードをハッシュ化
        if (isset($this->data[$this->alias]['password'])) {
            $this->data[$this->alias]['password'] = AuthComponent::password($this->data[$this->alias]['password']);
        }
        return true;
    }
}

// app/Model/User.php

class User extends AppModel {

public $validate = array(

'username' => array(

'length' => array(

'rule' => array('minLength', 5),

'message' => '5文字以上入力してください',

'alphanum' => array(

'rule' => 'alphanumeric',

'message' => '英数字のみ入力してください',

'unique' => array(

'rule' => 'isUnique',

'message' => '他のユーザに既に使われています',

'email' => array(

'rule' => 'email',

'message' => '不適切なメールアドレスです',

'unique' => array(

'rule' => 'isUnique',

'message' => '他のユーザに既に使われています',

'password' => array(

'empty' => array(

'rule' => 'notBlank',

'message' => '必ず入力してください',

'password_confirm' => array(

'compare' => array(

'rule' => array('password_match', 'password'),

'message' => 'パスワードが一致しません',

'length' => array(

'rule' => array('between', 6, 20),

'message' => '6文字以上20文字以下のパスワードを入力してください',

'empty' => array(

'rule' => 'notBlank',

'message' => '必ず入力してください',

);

//--------------------------------------------------------------------------

// ヘルパー関数

// パスワードと確認入力が一致するかチェックする

public function password_match($field, $password) {

return ($field['password_confirm'] === $this->data[$this->name][$password]);

}

// 本登録用のリンクに含めるハッシュを生成する

public function getActivationHash() {

if (!isset($this->id)) {

return false;

} else {

return Security::hash($this->field('modified'), 'md5', true);

}

//--------------------------------------------------------------------------

// コールバック関数

// データが保存される前に実行される

public function beforeSave($options = array()) {

// 平文パスワードをハッシュ化

if (isset($this->data[$this->alias]['password'])) {

$this->data[$this->alias]['password'] = AuthComponent::password($this->data[$this->alias]['password']);

}

return true;

}

(次回へ続く)

全ソース (GitHub)
https://github.com/84kure/cakephp2-sample-auth

[Git] リモートのタグやブランチを削除するには

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

タグを付け直したい場合がたまにあるので。

git push --delete origin TAGNAME
git push --delete origin BRANCHNAME

1 2	git push --delete origin TAGNAME git push --delete origin BRANCHNAME

参考サイト

git でリモートのタグやブランチを削除する方法 – Qiita
http://qiita.com/usamik26/items/7e53bae128bf130b8a32

[JavaScript] zoomwall.js – ズーム機能付き画像ぎっしりギャラリー

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

画像を隙間無く並べて、クリックすると拡大して表示してくれるスクリプト。操作感が気持ちいい。

zoomwall.js (デモ)
http://ericleong.me/zoomwall.js/

ericleong/zoomwall.js
https://github.com/ericleong/zoomwall.js

使い方

// 外部ファイルの読み込み
<link rel="stylesheet" type="text/css" href="zoomwall.css" />
<script type="text/javascript" src="zoomwall.js"></script>

// 画像の追加
<div id="zoomwall" class="zoomwall">
<img src="./images/01_lowres.jpg" data-highres="./images/01_highres.jpg" />
<img src="./images/02_lowres.jpg" data-highres="./images/02_highres.jpg" />
</div>

// 実行
<script>
window.onload = function() {
    zoomwall.create(document.getElementById('gallery'));
};
</script>

// 外部ファイルの読み込み

// 画像の追加

</div>

// 実行

window.onload = function() {

zoomwall.create(document.getElementById('gallery'));

};

</script>