端くれプログラマの備忘録 – ページ 79 – 最近はウェブ系アプリ中心、あとWindowsアプリちょっと

[HTML5] audio.js – audioタグ用UIスクリプト

2015年7月10日2015年9月6日 @84kure

HTML5対応のブラウザが当たり前になると共に、Adobe Flashの評価が急降下といった感じの昨今。音源を掲載するサイトでHTML5のaudioタグを使ってみたところ、まだHTML5の実装だけじゃ無理があるかなーと思った次第。

HTML5のaudioタグだけで足りなそうな点

ブラウザ依存のUIの見栄えと操作性をそろえたい
HTML5で実装されていない付加機能を備えたい (プレイリストとか)
非HTML5ブラウザ向けに代替プレイヤーを用意したい

これを満足させるスクリプトを探してみたところ、audio.jsがシンプルで良さげだったので覚え書きリンク。

audio.js
http://kolber.github.io/audiojs/

audio.js　docs
https://kolber.github.io/audiojs/docs/

デフォルトの見栄えは以下の通りだけど、CSSをカスタマイズすれば変えられる。

[ホスティング] Endurance International Group (EIG) 関連リンク

2015年7月9日2015年9月6日 @84kure

Endurance International Group は、アメリカのネット業界人には知られている会社。スモール～ミディアムビジネス向けにサービスを展開する中堅ホスティング会社の買収を繰り返して大きくなった企業である。グループ企業が提供する幾つかのホスティングサービスには、僕も実際にお世話になったことがある。

しかしながら、過去に何度かバックボーンの障害でグループ会社のサービスを長時間ダウンさせた前科があるせいで、残念ながらウェブマスターにはえらく評判が悪い。ウェブマスター向けのフォーラムなど巡回すると、「そのホスティング会社はEIG?」といった書き込みも頻繁に見つかる。トラブルはどんなサービスにもつき物ではあるけれど、ピッキーな技術陣にはネガティブな刷り込みがされてしまったのだろう。

以下EIG関係サイトの覚え書きリンク。

Endurance International Group
http://www.endurance.com/

The Endurance Brands
http://www.endurance.com/our-company/our-brands

Wikipedia
https://en.wikipedia.org/wiki/Endurance_International_Group

BBB Business Review
http://www.bbb.org/boston/business-reviews/internet-services/the-endurance-international-group-inc-in-burlington-ma-76863/

NASDAQ.com
http://www.nasdaq.com/symbol/eigi

News Headlines – NASDAQ.com
http://www.nasdaq.com/symbol/eigi/news-headlines

以下の記事はEIG関係で動きがあるたびに更新されている。

Thoughts on Endurance International Group (EIG) Hosting | Linux Depot
http://www.linux-depot.com/non-endurance-international-group-eig-hosting/

[PHP] PHPでデータベースを扱う (ドメイン駆動設計)

2015年7月8日2015年9月5日 @84kure

フレームワークを使わずにスクラッチからウェブアプリを書いていた頃、データベースの扱いには非常に苦慮していた。新しいアイデアでコードを書き直しても、やがて「この方法じゃ良くないんじゃないか」と思い始めてコードをいじり始める、の繰り返し。データベースとの結合をいかに疎にするか、ということをいつも思い悩んでいた。

そんなときに出会った以下の記事が非常に参考になったので覚え書きリンク。

DAOの悪夢 – PHPでデータベースを扱う(1) – 泥のように
http://blog.tojiru.net/article/273342235.html

ドメイン駆動設計という救世主 – PHPでデータベースを扱う(2) – 泥のように
http://blog.tojiru.net/article/274354050.html

PDOの真の力を開放する – PHPでデータベースを扱う(3) – 泥のように
http://blog.tojiru.net/article/277021312.html

[CakePHP] MVC設計のベストプラクティス

2015年7月7日2015年9月5日 @84kure

参考になる記事。

CakePHPを使ったMVC設計のベストプラクティス – Sooey
http://old-journal.sooey.com/2008/03/26/717/

ロジックをどこに配置すべきか決断するときに使える便利な経験則: モデルに置けるあらゆるものは、そうすべきである(少なくとも「モデルかコントローラか」といった場合には。やり過ぎてビューロジックをモデルに置いた人を見たこともあるが…)。アプリケーションの核となるビジネスロジックと連携しないものは(セッション管理、リクエスト・レスポンス処理、セキュリティやアクセス制限に関するもの)、コントローラに置いたままにすべきである。それ以外のあらゆるものはモデルに放り込め。

確かにコントローラが肥大化したサンプルを見かけることが多い。気をつけよう。

[CakePHP] ページタイトルの設定方法

2015年7月6日2015年9月5日 @84kure

ビューの $this->fetch(‘title’) で出力されるタイトルを設定する方法がはっきりしないので調べる。

CakePHPの実装から調べる

手元のバージョンはCakePHP 2.6.7

// lib/Cake/View/View.php
public function renderLayout($content, $layout = null) {
     $layoutFileName = $this->_getLayoutFileName($layout);
     if (empty($layoutFileName)) {
          return $this->Blocks->get('content');
     }

     if (empty($content)) {
          $content = $this->Blocks->get('content');
     } else {
          $this->Blocks->set('content', $content);
     }
     $this->getEventManager()->dispatch(new CakeEvent('View.beforeLayout', $this, array($layoutFileName)));

     $scripts = implode("\n\t", $this->_scripts);
     $scripts .= $this->Blocks->get('meta') . $this->Blocks->get('css') . $this->Blocks->get('script');

     $this->viewVars = array_merge($this->viewVars, array(
          'content_for_layout' => $content,
          'scripts_for_layout' => $scripts,
     ));

     $title = $this->Blocks->get('title');
     if ($title === '') {
          if (isset($this->viewVars['title_for_layout'])) {
               $title = $this->viewVars['title_for_layout'];
          } else {
               $title = Inflector::humanize($this->viewPath);
          }
     }
     $this->viewVars['title_for_layout'] = $title;
     $this->Blocks->set('title', $title);

     $this->_currentType = static::TYPE_LAYOUT;
     $this->Blocks->set('content', $this->_render($layoutFileName));

     $this->getEventManager()->dispatch(new CakeEvent('View.afterLayout', $this, array($layoutFileName)));
     return $this->Blocks->get('content');
}

// lib/Cake/View/View.php

public function renderLayout($content, $layout = null) {

$layoutFileName = $this->_getLayoutFileName($layout);

if (empty($layoutFileName)) {

return $this->Blocks->get('content');

}

if (empty($content)) {

$content = $this->Blocks->get('content');

} else {

$this->Blocks->set('content', $content);

}

$this->getEventManager()->dispatch(new CakeEvent('View.beforeLayout', $this, array($layoutFileName)));

$scripts = implode("\n\t", $this->_scripts);

$scripts .= $this->Blocks->get('meta') . $this->Blocks->get('css') . $this->Blocks->get('script');

$this->viewVars = array_merge($this->viewVars, array(

'content_for_layout' => $content,

'scripts_for_layout' => $scripts,

));

$title = $this->Blocks->get('title');

if ($title === '') {

if (isset($this->viewVars['title_for_layout'])) {

$title = $this->viewVars['title_for_layout'];

} else {

$title = Inflector::humanize($this->viewPath);

}

$this->viewVars['title_for_layout'] = $title;

$this->Blocks->set('title', $title);

$this->_currentType = static::TYPE_LAYOUT;

$this->Blocks->set('content', $this->_render($layoutFileName));

$this->getEventManager()->dispatch(new CakeEvent('View.afterLayout', $this, array($layoutFileName)));

return $this->Blocks->get('content');

}

はっきりした。以下の優先順位でタイトルが決まっている。

1. ‘title’ が設定されていたらそれを使う。

// viewにて
$this->assign('title', 'タイトル');

1 2	// viewにて $this->assign('title', 'タイトル');

2. ‘title_for_layout’ が設定されていたらそれを使う。

// controllerにて
$this->set('title_for_layout', 'タイトル');

1 2	// controllerにて $this->set('title_for_layout', 'タイトル');

3. 上の両方とも設定されていなければ、ビューのパスを使う

app/View/<ビューのパス>

1	app/View/<ビューのパス>

ちなみに、ソース中のコメントによるとCakePHP3では title_for_layout は廃止されるらしい。

[CakePHP] 通知メッセージを表示する

2015年7月5日2015年9月5日 @84kure

SessionComponentを使って一回限りの通知をユーザに対して表示する方法。アプリ内の随所で使う必要があるので、きちんと理解しておこう。

以下、クックブックからの抜粋。

基本形

// controllerにて
$this->Session->setFlash('Your stuff has been saved.');

1 2	// controllerにて $this->Session->setFlash('Your stuff has been saved.');

// view にて
echo $this->Session->flash();

// このように出力されます
<div id="flashMessage" class="message">
　　　　保存しました
</div>

// view にて

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

// このように出力されます

　　　　保存しました

</div>

メッセージの種別(キー)を指定する

// bad message をセット
$this->Session->setFlash('Something bad.', 'default', array(), 'bad');

// good message をセット
$this->Session->setFlash('Something good.', 'default', array(), 'good');

// bad message をセット

$this->Session->setFlash('Something bad.', 'default', array(), 'bad');

// good message をセット

$this->Session->setFlash('Something good.', 'default', array(), 'good');

// viewにて
echo $this->Session->flash('good');
echo $this->Session->flash('bad');

// viewにて

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

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

メッセージのエレメントを指定する

$this->Session->setFlash('Something custom!', 'flash_custom');

1	$this->Session->setFlash('Something custom!', 'flash_custom');

// app/View/Elements/flash_custom.ctp
<div id="myCustomFlash"><?php echo h($message); ?></div>

1 2	// app/View/Elements/flash_custom.ctp <div id="myCustomFlash"><?php echo h($message); ?></div>

参考サイト

通知メッセージの作成 | セッション — CakePHP Cookbook 2.x ドキュメント
http://book.cakephp.org/2.0/ja/core-libraries/components/sessions.html#SessionComponent::setFlash

[CakePHP] Htmlヘルパーでスクリプトを読み込む位置を指定する

2015年7月4日2015年9月5日 @84kure

$this->Html->script('jquery.js', array('inline' => true));     //この位置に読み込む

$this->Html->script('jquery.js', array('inline' => false));     //$this->fetch('script')で出力される

$this->Html->script('jquery.js', array('inline' => false, 'block' => 'there'));
$this->Html->fetch('there');     //この位置に出力される

$this->Html->script('jquery.js', array('inline' => true)); //この位置に読み込む

$this->Html->script('jquery.js', array('inline' => false)); //$this->fetch('script')で出力される

$this->Html->script('jquery.js', array('inline' => false, 'block' => 'there'));

$this->Html->fetch('there'); //この位置に出力される

参考サイト

HtmlHelper — CakePHP Cookbook 2.x ドキュメント
http://book.cakephp.org/2.0/ja/core-libraries/helpers/html.html

[CakePHP] Htmlヘルパーでjs/css/imgファイルを読み込む

2015年7月3日2015年9月5日 @84kure

$this->Html->css('styles');
// webroot/css/styles.css

$this->Html->image('logo.png');
// webroot/img/logo.png

$this->Html->script('jquery.js');
// webroot/js/jquery.js

$this->Html->css('styles');

// webroot/css/styles.css

$this->Html->image('logo.png');

// webroot/img/logo.png

$this->Html->script('jquery.js');

// webroot/js/jquery.js

ディレクトリを指定したいとき

$this->Html->css('custom/styles'); //サブディレクトリ
// webroot/css/custom/styles.css

$this->Html->css('/custom/styles'); //非デフォルトディレクトリ
// webroot/custom/styles.css

$this->Html->css('custom/styles'); //サブディレクトリ

// webroot/css/custom/styles.css

$this->Html->css('/custom/styles'); //非デフォルトディレクトリ

// webroot/custom/styles.css

参考サイト

HtmlHelper — CakePHP Cookbook 2.x ドキュメント
http://book.cakephp.org/2.0/ja/core-libraries/helpers/html.html

[Laravel] 予備知識

2015年7月2日2015年8月28日 @84kure

Laravelやってみようかと、まずは情報収集から。

公式サイト

Laravel – The PHP Framework For Web Artisans
http://laravel.com/

Laravel – ウェブ職人のためのPHPフレームワーク
http://laravel.jp/

Wikipedia

概要とか背景を知るにはWikipediが便利。

Laravel – Wikipedia
https://ja.wikipedia.org/wiki/Laravel

MVCのWebアプリケーションフレームワーク
マイクロソフトの.NETの開発に関わっていたTaylor Otwellが開発した
Laravelは2014年における最も有望なPHPフレームワークの1つとして挙げられた
LaravelはPHP 5.3以上を対象とする新しいプロジェクト

[Vagrant] バージョンを調べる

2015年7月1日2015年8月28日 @84kure

> vagrant version

Installed Version: 1.7.2
Latest Version: 1.7.4

To upgrade to the latest version, visit the downloads page and
download and install the latest version of Vagrant from the URL
below:

  http://www.vagrantup.com/downloads.html

If you're curious what changed in the latest release, view the
CHANGELOG below:

  https://github.com/mitchellh/vagrant/blob/v1.7.4/CHANGELOG.md

>

> vagrant version

Installed Version: 1.7.2

Latest Version: 1.7.4

To upgrade to the latest version, visit the downloads page and

download and install the latest version of Vagrant from the URL

below:

http://www.vagrantup.com/downloads.html

If you're curious what changed in the latest release, view the

CHANGELOG below:

https://github.com/mitchellh/vagrant/blob/v1.7.4/CHANGELOG.md