MySQLのクエリに関しての質問です。 環境：PHP5、MySQL5.0 現在、ORDER BY CASEを使い「フルーツ」テーブルの表示を、以下の記述で ①リンゴ ②みかん ③なし の順に果物の種類でカテゴリー分けして表示させています。 SELECT * FROM `フルーツ` ORDER BY CASE `種類` WHEN 'リンゴ' THEN 0 WHEN 'みかん' THEN 1 WHEN 'なし' THEN 2 END ここまでは予定通りなのですが、 ここからさらにそれぞれの果物を「重さ」順に並べたいのですがうまくゆきません。 ・希望の表示例 1.リンゴ(100g) 2.リンゴ(110g) 3.リンゴ(120g) 4.みかん(50g) 5.みかん(60g) 6.なし(90g) 6.なし(95g) ・現在は 1.リンゴ(110g) 2.リンゴ(100g) 3.リンゴ(120g) 4.みかん(50g) …、のような表示がされています。 ASCやDESCを挿入すればできるかと思い試しましたが、文法に誤りがあるようでダメでした。 可能であれば現在の記述へ追記する形で解決したいのですが、根本的な誤りやよりよい方法があればご指摘いただけないでしょうか。 どうぞよろしくお願いいたします。

こんにちは。阿部です。

皆様、健康的な生活を送っていらっしゃいますでしょうか。

アシアルではもうじき定期健康診断にいかなければいけません。。。
もう。。自分の体重が会社に保管されると思うと憂鬱です。

体重おとさないと！と思いつつも運動はしたくないし、お菓子はやめたくないというこの気持ち。
世の中のぽっちゃりさんには理解していただけると思います。

ダイエット時のおやつは100kcalまで、といわれますが、100kcalなんて一瞬ですよね。
飴を何粒か食べたら終了です。おっそろしい。

しかもそれを消費するためには、ウォーキングなら30分くらい、ジョギングなら15分くらい（体格によります）運動しなければいけません。おっそろしい。

しかしながら、運動しないダイエットをすると筋肉がつかないので、リバウンドしやすい・・・らしいですね。

ずっと楽して痩せる方法を探してきましたが、リバウンドしたくないなら、そして健康的に痩せたいなら、やっぱり適度な食事制限と運動するのが一番のようです。
あとは、カロリーだけでなく、糖質とか脂質にも気をつけないといけないそうです。
めんどい。

私にとっては、すんごい難題ですが、、まずは柔軟体操から頑張ります＞＜
お菓子は我慢できないからどこかで調整しつつ頑張ります＞＜
とブログに書いてしまって頑張らないといけない状況にしてみます＞＜

アシアルの肥満予備軍の方々も一緒に頑張りましょうね（- -

こんにちは、鴨田です。

もう９月だというのに、相変わらずうだるような暑さが続いていますね。
席が窓際にあるので、陽が傾くと、微妙に太陽が当たって、灼熱地獄です。

さて、今日はPhotoshopを使って、写真を元に壁紙を作りながら、
基本的なPhothshopの使い方の説明をしたいと思います。

デザイナーの方々には、特になんのTIPSにもなりませんが、
業務でちょっとしたことをデザイナーにオペレートしてもらうのも、
ちょっと気が引けるというような方や、
会社でPhotoshopが使えるけど、持て余してるという方には、
まずここから覚えるといいかもしれません。

○実作業

1.Photoshopを立ち上げて、壁紙にしたい写真を開く

メニュー：ファイル→開く
ショートカット：Ctrl+O
ファイルを直接Photoshopにドラッグアンドドロップ

で開くことができます。

ここでは、自分で撮ったベルリンの戦勝記念塔(ジーゲスゾイレ)の写真を使います。
大きさは1600px*1200pxなので、そのままの大きさで使用したいと思います。
もし画像サイズを変える場合でも、まずは大きいまま加工して、
最後に画像サイズを換えることをオススメします。



2.念のため、16bit画像にする

メニュー：イメージ→モード→16bit/チャンネル
を選択します。



画像を加工すると、細かな部分のグラデーションなどが飛んでしまうことがあるので、
マシンパワーに余裕がある場合、設定を一時的に16bitにした方がよろしいと思います。
作業が終わったら、逆に8bitに戻しから、出力します。


3.写真の明るさを調整する

メニュー：イメージ→色調補正→トーンカーブ
ショートカット：Ctrl+M



この写真はちょっと暗いので明るくするために、カーブを山なりにします。
メリハリを出したいときは、左側が下がるようになだらかな波を描くようにします。



同じような機能として、レベル補正があります。

メニュー：イメージ→色調補正→レベル補正
ショートカット：Ctrl+L



左の黒い三角と右の白い三角をそれぞれ山の始まりと終わりに持って行きます。
すると、画像にメリハリが出て、ぐっと引き締まります。



この作業はどんな画像に対しても適応できるので、
画像加工における必須の作業になります。


4.看板の文字を読みやすく(強調)する

まずは看板の周りをなげなわツールで囲います。



メニュー：イメージ→色調補正→色の置き換え



元画像の左の看板の白い文字のところをクリックして、色を置き換える選択範囲に指定します。
そのままだと右側の看板の一番右の文字が指定範囲に含まれづらいので、



スポイトにプラスマークの付いたアイコンをクリックして、
元画像の右側の看板の文字部分をクリックして、指定範囲を広げます。

許容量と明度の調整をして、ＯＫを押します。




5.画像を鮮やかにする

メニュー：イメージ→色調補正→色相・彩度
ショートカット：Ctrl+L

像の金色、看板の青みを見ながら、
最適と思えるところに数値を合わせます。



あまりやりすぎると、ノイズが混じってくるので、
ほどほどにしておきます。




6.背景の透明化

先程の彩度の調整などで、空にノイズが混じってしまったので、
いっそのこと、背景を透明にしてしまいたいと思います。

念のため、元のレイヤーをコピーして取っておき、非表示にします。

背景レイヤーを右クリック→「レイヤーを複製」
背景レイヤーをつかんだまま、新規レイヤー作成アイコンにドラッグ＆ドロップ



のどちらかで、レイヤーを複製して、
レイヤー名の左にある目玉アイコンをクリックします。



コピーした方のレイヤーに対して、自動選択ツールで範囲を選択します。
許容値：20 アンチエイリアス：オン　隣接：オン



の設定で、Shiftを押しながら、ひとつひとつ丁寧にやります。
面倒くさかったら、許容値を増やして(32程度)、隣接のチェックを外してください。
精度は低くなりますが、クリック数は減ると思います。



選択し終わったら、選択部分をマスクに追加します。
レイヤーパレットの下側にある左から３番目のマスクアイコンを
クリックするだけです。





そのままだと、像が逆に切り取られている状態なので、

レイヤーのマスク部分を選択して、

メニュー：イメージ→色調補正→階調の反転
ショートカット：Ctrl+I

で、マスクを反転しましょう。



画像のマスク部分が逆転します。




7.空を新しく作る

「背景のコピー」レイヤーの下に、新しくレイヤーを作ります。



グラデーションツールで、空を作ります。

左端はスポイトツールを使って、像の足元に残った空の色を使い、
真ん中と右端はお好みの色でＯＫです。



グラデーションツールの塗り方を、
通常の線形グラデーションから円形グラデーションに変えます。
像の足元から、左上に向かって、ドラッグします。





比較すると、こんな感じです。



以上で、基本的な部分は出来上がりましたが、
これだけだと物足りない気がするので、
次回、装飾を施していきたいと思います。

こんな感じになる予定です。

こんにちは、中川です。 先月無事に結婚をした開発者が一名おり、近年アシアルでは徐々に既婚者が増えてきている状況です。 ということで、結婚といえば共同作業ですよね。 今までは、一人で作業していて大変なことが色々あったと思いますが、 二人（複数）でやれば、乗り越えられることもあることでしょう。 Webアプリでも最近は、より共同作業がしやすい環境ができつつあるように思います。 そこで、今回はWebSocketを使ったリアルタイム通信でのやり取りを行い、 一緒にお絵描きができるサンプルアプリを作ってみました。

PHPプロ！Weekly PECLリリースでは、前週からの１週間にリリースされたPECLパッケージを、毎週まとめてご紹介します。 本記事では、08月24日から08月31日までの間にリリースされたパッケージ一覧を掲載しています。

表題の件につきまして質問します。 現在、CodeIgnitorで、携帯サイトの開発をしております。 文字コードは、UTF-8でコーディングしておりますが、ドコモ端末で絵文字を表示しようとしても、本来「数数字の１ =>　驪 」）を表示しようとしても「・」に文字化けしてしまいます。 情報お持ちでしたら、ご教授の程宜しくお願い致します。

おろちサーバーで使うmysqlのレコードの中身が文字化けしてしまいます。 mysql_query("SET NAMES utf8") を書いてもエラーになってしまうので、どうしたらいいか困っています。 おろちサーバーでは既にデータベースが作られているので、 create database set utf8　もできないので、どうしたらいいか困っています。 ちなみに中身が文字化けするというのは phpAdminで中身を見るときに文字化けしているということで、データベースから取り出す分には問題ありません。

皆さま。こんにちは。
和田でございます。

みなさま、もうご存知かとは思いますが、現在アシアルでは、全5回にわけて「開発者向け、一歩先を行くためのテクニカルセミナー（無料）」を開催しております。
おかげさまで、昨日開催いたしました第３回「PHP×Flex（前編）」も定員の100名を超える方々からのご参加をいただき、大盛況のうちに幕となりました。
お忙しい中、セミナーに参加して下さった皆さま、誠にありがとうございました。

さて今回は、そんな大盛況だった「PHP×Flex」の後編「第４回　PHP×Flex（後編）:Flexを用いたWebシステム開発」のご紹介です。

開催日は9月29日（水）。申し込みも開始しております。
今回も第１線で活躍している弊社のエンジニアが講演いたしますので、皆さまふるってご応募ください！！！

FlexとPHPの連携の基礎を学びながら簡単なFlexアプリケーションを作成していきますので、ご興味のある皆さま、そして前編に参加されていない皆さまもチェックしていただけたらと思います。

お申し込みは、以下URLよりお願い致します。
今回は、「第４回　PHP×Flex（後編）」のみの応募となりますのでご注意ください。
http://www.asial.co.jp/seminar/




【開催概要】

日程： 8月29日(水） 10:00 ～ 12:00（※ 開始30分前より入室可能）
会場： 山王健保会館2F 多目的ホール
交通： 地下鉄銀座線・南北線：溜池山王駅 7出口　徒歩3分
　　　 地下鉄千代田線：赤坂駅 1出口　徒歩5分
　　　 地下鉄銀座線・丸ノ内線：赤坂見附駅出口　下車徒歩7分
主催： アシアル株式会社
受講対象者： Webシステムにおいて1～3年の開発経験のある方
定員： 100名（※ 定員となり次第、受付を終了させていただきます 。）
参加費： 無料（事前登録制）


【第４回　PHP×Flex（後編）】Flexを用いたWebシステム開発

近年、システム開発の現場では、従来型のWebアプリケーションに加え、FlexやSilverlightといったRIAの技術を用いた、インタラクティブなアプリケーション開発のニーズが高まってきています。

この講演では、RIAの中で最も普及しているFlexを取り上げ、サーバ側のPHPと連携させる簡単なアプリケーションを作成していきながら、Flex4の基本的な機能について解説していきます。

※ PHP×Flex編は前後編の2回構成です。
今回の後編ではFlexとPHPの連携の基礎を学びながら簡単なFlexアプリケーションの作成方法を解説します。
さあ、楽しいFlexの世界を触れてみましょう。

講演者：アシアル株式会社　橋本 章史（ハシモト　アキフミ）アシアル株式会社のPHPプログラマー兼Flexプログラマー
以前は大手SIerでSEとして開発に携わっていたが、その中で「もっとプログラミングに深く携わりたい」という気持ちを持ち、アシアル株式会社に入社。
Flex、Javascriptを用いたインタラクティブなWebシステムの開発を得意とする。
現在は最も得意とするFlexを用いたシステム開発に従事し、充実した日々を送っている。



【第３回 「PHP×Flex（前編）」セミナーを受講された皆さまの声】

------------------------------------------------------
・Flexでの開発の流れを知れたのが良かった
・業務用に使えそう
・Flexを使ってみようとおもった
・Flexは想像していたよりははじめ易いと思った
・自分で開発を行ううえでのイメージが出来た
・「何で?!」と思うような点のTipsも含まれていたので実践に役立ちそう
・Flexを使った動的コンテンツの作成について詳しく知れた
・内容が濃くて良かった。スピード感も良い
・プログラム作成者の観点で資料がまとまっていた
・PHPとActionScriptの書き方の比較がありイメージしやすかった
・Flex、ActionScriptnitについて詳しく知りたくなりました
・基本的な部分を丁寧に説明してくれていたため、とても分かりやすかった
------------------------------------------------------

orotiサーバーでphpとmysqlをやろうとしているんですが  mysql登録して送られてきたユーザ名とパスワードを使って  $con = mysql_connect("localhost", "ユーザ名", "パスワード"  これで接続はうまくいったんですが  mysql_query("CREATE DATABASE mydb", $con)  これがうまくいきません。  mysql_error()には  ユーザー 'ユーザ名'@'localhost' の 'mydb' データベースへのアクセスを拒否します  と書かれていたんですが  どこが間違っているでしょうか。

こんにちは、橋本です。

今回はHTML5シリーズ第二弾ということで、canvasを使ってお絵かきしてみました。
今回は前編で、基本的な機能について触れてみたいと思います。

さっそくサンプルコードを以下に。

canvas_sample.html

1. <html lang="ja">
2. <head>
3.   <meta charset="UTF-8">
4.     <script src="js/canvas.js" type="text/javascript"></script>
5.     <link media="all" rel="stylesheet" href="css/main.css" type="text/css" />
6.     <title>canvas test</title>
7. </head>
8. <body>
9.     <div id="container">
10.         <div id="leftContainer" class="clearfix">
11.             <canvas id="layer0" class="canvas" style="position: absolute; top: 0; left: 0; border: 10px solid #dddddd;" width="900px" height="600px"></canvas>
12.         </div>
13.         <div id="rightContainer">
14.             <div id="controler">
15.                 <section id="color">
16.                     <ul>
17.                         <li>
18.                             <label for="red">R:</label>
19.                             <input id="red" class="colorBar" type="range" min="0" max="255">
20.                         </li>
21.                         <li>
22.                             <label for="green">G:</label>
23.                             <input id="green" class="colorBar" type="range" min="0" max="255">
24.                         </li>
25.                         <li>
26.                             <label for="blue">B:</label>
27.                             <input id="blue" class="colorBar" type="range" min="0" max="255">
28.                         </li>
29.                         <li>
30.                             <label for="alpha">A:</label>
31.                             <input id="alpha" class="colorBar" type="range" min="0" max="100">
32.                         </li>
33.                         <li>
34.                             <canvas id="colorSample" height="30px" width="30px"></canvas>
35.                             <input id="colorText" type="text" value="" readonly="true">
36.                         </li>
37.                     </ul>
38.                 </section>
39.                 <section id="line">
40.                     <ul>
41.                         <li>
42.                             <label for="lineWidthRange">line width:</label>
43.                             <input id="lineWidthRange" type="range" min="0" max="50">
44.                         </li>
45.                         <li>
46.                             <canvas id="lineSample" width="50" height="50"></canvas>
47.                         </li>
48.                     </ul>
49.                 </section>
50.                 <section id="other">
51.                     <ul>
52.                         <li>
53.                             <label for="erase">erase mode:</label>
54.                             <input id="erase" type="checkbox" />
55.                         </li>
56.                     </ul>
57.                 </section>
58.             </div>
59.         </div>
60.     </div>
61. </body>
62. </html>

canvas.js

1. (function(){
2.  
3.   var canvas,context = null;
4.   var beforeX, beforeY = null;
5.   var isDrawing =  false;
6.   var selectedColor;
7.   var colorVars;
8.   var colorText;
9.   var colorSample;
10.   var erase;
11.   var restore;
12.   var lineWidthRange;
13.   var lineWidth;
14.   var lineSample;
15.   var isErase;
16.  
17.   window.addEventListener("load", function (event){
18.     canvas = document.getElementById("layer0");
19.     context = canvas.getContext("2d");
20.  
21.     erase = document.getElementById("erase");
22.     restore = document.getElementById("restore");
23.     lineWidthRange = document.getElementById("lineWidthRange");
24.  
25.     // イベントリスナーの設定
26.     canvas.addEventListener("mousemove", canvas_mouseMoveHandler, false);
27.     canvas.addEventListener("mouseup", canvas_mouseUpHandler, false);
28.     canvas.addEventListener("mousedown", canvas_mouseDownHandler, false);
29.     canvas.addEventListener("mouseout", canvas_mouseOutHandler, false);
30.  
31.     erase.addEventListener("click", erase_clickHandler, false);
32.     lineWidthRange.addEventListener("change", lineWidthRange_changeHandler, false);
33.     
34.  
35.     //controlerの設定
36.     colorBars = document.getElementsByClassName("colorBar");
37.  
38.     var obj = {};
39.  
40.     length = colorBars.length;
41.     for (var i = 0; i < length; i++)
42.     {
43.         var bar = colorBars[i];
44.         bar.value = bar.id == "alpha" ? 100 : 0;
45.  
46.         bar.addEventListener("change", colorBar_changeHandler, false);
47.  
48.         obj[bar.id] = bar.value;
49.     }
50.  
51.     colorSample = document.getElementById("colorSample");
52.     colorText = document.getElementById("colorText");
53.  
54.     var colorStr = convertColorObjToStr(obj);
55.  
56.     setColorText(colorStr);
57.     setSelectedColor(colorStr);
58.  
59.     setColorSample();
60.  
61.     lineWidthRange.value = 10;
62.     lineWidth = 10;
63.     lineSample = document.getElementById("lineSample");
64.  
65.     setLineSample();
66.  
67.   }, false);
68.  
69.   function convertColorObjToStr(obj)
70.   {
71.       return obj["red"] + ", " + obj["green"] + ", " + obj["blue"] + ", " + (obj["alpha"] / 100);
72.   }
73.  
74.   function setColorSample()
75.   {
76.       var context = colorSample.getContext("2d");
77.  
78.       context.beginPath();
79.       context.strokeStyle = selectedColor;
80.       context.fillStyle = selectedColor;
81.       context.fillRect(0, 0, colorSample.width, colorSample.height);
82.   }
83.  
84.   function setLineSample()
85.   {
86.       var context = lineSample.getContext("2d");
87.       // 今の状態をリセット
88.       context.clearRect(0, 0, lineSample.width, lineSample.height);
89.  
90.       context.beginPath();
91.       context.arc(lineSample.width / 2, lineSample.height / 2, lineWidth / 2, 0, Math.PI*2, false);
92.  
93.       if (isErase)
94.       {
95.           context.strokeStyle = "rgba(0, 0, 0, 1)";
96.           context.stroke();
97.       }
98.       else
99.       {
100.           context.strokeStyle = selectedColor;
101.           context.fillStyle = selectedColor;
102.           context.fill();
103.       }
104.   }
105.  
106.   function setColorText(colorStr)
107.   {
108.       colorText.value = colorStr;
109.   }
110.  
111.   function setSelectedColor(colorStr)
112.   {
113.       selectedColor = "rgba(" + colorStr + ")";
114.   }
115.  
116.   function colorBar_changeHandler(event)
117.   {
118.       var obj = {};
119.  
120.       length = colorBars.length;
121.       for (var i = 0; i < length; i++)
122.       {
123.           var bar = colorBars[i];
124.           obj[bar.id] = bar.value;
125.       };
126.  
127.       var colorStr = convertColorObjToStr(obj);
128.  
129.       setColorText(colorStr);
130.       setSelectedColor(colorStr);
131.  
132.       setColorSample();
133.       setLineSample();
134.   }
135.  
136.   function canvas_mouseOutHandler(event)
137.   {
138.       isDrawing = false;
139.   }
140.  
141.   function canvas_mouseDownHandler(event)
142.   {
143.       isDrawing = true;
144.       beforeX = event.clientX - 10;
145.       beforeY = event.clientY - 10;
146.   }
147.  
148.   function canvas_mouseUpHandler(event)
149.   {
150.       isDrawing = false;
151.   }
152.  
153.   function canvas_mouseMoveHandler(event)
154.   {
155.       if (!isDrawing)
156.       {
157.           return;
158.       }
159.  
160.       isErase ? eraseLine(event) : drawLine(event);
161.   }
162.  
163.   function drawLine(event)
164.   {
165.       var fixedX = event.clientX - 10;
166.       var fixedY = event.clientY - 10;
167.       
168.       context.beginPath();
169.  
170.       context.strokeStyle = selectedColor;
171.       context.lineWidth = lineWidth;
172.       context.lineCap = 'round';
173.       context.lineJoin = 'round';
174.       context.moveTo(beforeX, beforeY);
175.       context.lineTo(fixedX, fixedY);
176.       context.stroke();
177.  
178.       context.closePath();
179.  
180.       beforeX = fixedX;
181.       beforeY = fixedY;
182.   }
183.  
184.   function eraseLine(event)
185.   {
186.       var x = event.clientX - 10 - lineWidth / 2;
187.       var y = event.clientY - 10 - lineWidth / 2;
188.  
189.       context.clearRect(x, y, lineWidth, lineWidth);
190.   }
191.  
192.   function erase_clickHandler(event)
193.   {
194.       isErase = event.target.value;
195.       setLineSample();
196.   }
197.  
198.   function lineWidthRange_changeHandler(event)
199.   {
200.       lineWidth = event.target.value;
201.       setLineSample();
202.   }
203.   
204.  
205. })();

*cssは略

JSのコードが結構汚いんですが、サンプルってことで華麗にスルーしていただけると幸いです。（次回までに綺麗にしておきます;）

実際のサンプルはこちら


まず、canvasで画像を描画する際には、対象のcanvasのcontextを取得します。

1.     canvas = document.getElementById("layer0");
2.     context = canvas.getContext("2d");

contextに対して処理を行うことで、画像を描画することが出来ます。

次に基本的な線を引く処理。
線を引くためには、以下の手順を踏みます。

1. // 1. 線を描きますよーと宣言
2. context.beginPath();
3.  
4. // 2. 線の設定（しなくてもOK）
5. context.strokeStyle = selectedColor; // 線の色
6. context.lineWidth = lineWidth; // 線の太さ
7. context.lineCap = 'round'; // 線の始点、終点の形
8. context.lineJoin = 'round'; // 線のつなぎ目の形
9.  
10. // 3. 線の始点を設定
11. context.moveTo(beforeX, beforeY);
12.  
13. // 4. 線の終点を設定
14. context.lineTo(fixedX, fixedY);
15.  
16. // 5. 線を描く
17. context.stroke();
18.  
19. // 6. 線が書き終わりましたよーという宣言
20. context.closePath();

線の各種設定については、以下のページに詳しく載ってるので参照してください。
HTML5.jp-Canvasリファレンス

今回のサンプルでは、連続した線を引くために、線を引き終わった座標を、beforeX, beforeYに格納し、次の線を描き始めるときの始点として指定しています。

次に四角形を描く処理。
四角形を描くためには、以下の手順を踏みます。

1. // 1.線を描きますよーの宣言
2. context.beginPath();
3.  
4. // 2. 設定
5. context.strokeStyle = selectedColor; // 線の色
6. context.fillStyle = selectedColor; // 塗りつぶしの色
7.  
8. // 3. 四角形を描く
9. context.fillRect(0, 0, colorSample.width, colorSample.height);

上記サンプルのfillRectは、塗りつぶした四角形を描くメソッドです。
引数は、書き始めるx座標、書き始めるy座標、四角形の幅、四角形の高さとなっています。
座標は、左上が(0, 0)です。これは、canvas全体共通です。

ちなみに、枠だけの四角形を描きたいときは、strokeRect()、四角形を消したいときは、clearRect()メソッドを使います。今回のサンプルでは、消しゴムを実装するために、clearRect()メソッドを使っています。

次は円を描く処理です。
円を描くためには以下の手順。

1. // 1. 例のやつ
2. context.beginPath();
3.  
4. // 2. 円の形を指定
5. context.arc(lineSample.width / 2, lineSample.height / 2, lineWidth / 2, 0, Math.PI*2, false);
6.  
7. // 3. オプションを指定
8. context.strokeStyle = selectedColor;
9. context.fillStyle = selectedColor;
10.  
11. // 4. 描く
12. context.fill();

まず、arc()メソッドを使って円の設定をします。
引数は、円の中心のx座標、円の中心のy座標、円の半径、円を書き始める角度、円を書き終える角度、円を描く向きとなっています。最後の引数の円を描く向きは、trueを指定すると、反時計回り、falseを指定すると、時計回りになります。

今回は普通の円なので、最後の指定はあまり意味がないのですが、一部が欠けている円を描きたい時には、向きが重要になってくると思います。

ちなみに、枠だけの円を描きたいときは、最後のfill()をstroke()に変更すればOKです。


今回はとりあえず、ここまで。

次回後編では、グラデーション、画像の取り込みなどについて触れていきたいと思います。

全文検索エンジンであるgroongaをベースとしたMySQLのストレージエンジンです。 今回は自分の開発環境に組み込むために、インストールしてみましたが・・・ MySQLのビルドしたソースが無いとうまくいきませんでした。

今、会員登録生のサイトをsymfonyで作っていてユーザが会員登録する際に何処からアクセスしてきたユーザが登録してくれたのかを調べる為、当サイトにアクセスしてきた段階でセッションにリファラやランディングページからの場合はランディングページID等をパラメータで渡すつもりなのでIDの保持をしたいと思っています。 frontendすべてのページにアクセスした来た時にセッションの保持をしたいのですがプログラムを記述する場所が解りません。何処に記述すればfrontendすべてに適用されるのでしょうか？ 「apps/frontend/config/frontendConfiguration.class.php」に書く場合はパラメータの受け取り方など教えてもらえると助かります。 質問内容で至ら点があるかと思いますが聞いてもらえればその都度答えますのでよろしくお願いします。

前々回に引き続き、FireworksでiPhone4を作成してみました。 今回はAppleのサイトで見たiPhone4（斜めから見た）をお手本にしています。 ただ、今回はちょっと長くなりそうなので、ボタン部分は次回に作りたいと思います。 なので、今日はボタンなしのiPhone4の斜め版です。 （ちょっと変ですかね!?） ↓出来上がりはこんな感じです。

PHPプロ！Weekly PECLリリースでは、前週からの１週間にリリースされたPECLパッケージを、毎週まとめてご紹介します。 本記事では、08月12日から08月19日までの間にリリースされたパッケージ一覧を掲載しています。

こんにちは、亀本です。

今回も、1回目に続いて、iPhoneアプリ申請まわりの、各種ファイルの取り扱いについての話の続きを書いていきたいと思います。


必要なファイル群

まず、前回も紹介したファイル群を改めて列挙しておきます。

・ 秘密鍵
--> hoge.p12
・ 秘密鍵に対応したCSR(証明書要求)
--> CertificateSigningRequest.certSigningRequest
・ CSRに対応した証明書(開発用)
--> development_identity.cer
・ CSRに対応した証明書(申請用)
--> distribution_identity.cer
・ 中間証明書
--> AppleWWDRCA.cer
・ デバイスID
--> iPhone実機から取得
・ AppID
--> 任意に設定
・ development用Provisioning Profile
--> hoge.mobileprovisioning
・ destribution用Provisioning Profile
--> hoge.mobileprovisioning


前回は、このうち秘密鍵とCSRの取り扱いについて紹介しました。
今回は、各種証明書と、デバイスID、App IDの運用時、作成時などのポイントを紹介して行きます。


証明書の有効期限に気をつけよう

iPhoneの開発・申請の際には、3種類の証明書が絡んできます。

・ CSRに対応した証明書(開発用)
・ CSRに対応した証明書(申請用)
・ 中間証明書

の3種類です。
開発用の証明書と申請用の証明書は、その名の通りです。
また、中間証明書は、AppleのProvisioning Portalで発行されている物になります。

これらについては、あまり運用の際に深く注意すべき事はありません。
証明書の有効期間中は、何度でもダウンロードしてこれるので、きちんと対応する秘密鍵やCSRが保持されていれば、
特に証明書側をペアで保存しておく、などの配慮はいりません。


ただし、開発用と申請用の証明書には有効期限があり、期間が切れたら再度CSRを使った証明書要求が必要になることだけ、
気をつけておく必要があります。
証明書の有効期限は、Provisioning Portalでも、ローカルのキーチェーンアクセスでも、どちらでも閲覧可能なので、
これは、きちんとチェックしておきましょう。

しかも、証明書の有効期限が若干のはまりどころになることもあります。

一度自分がひっかっかったのが、ちょうど期限切れ当日に証明書の期限が切れている事に気づきいて証明書を
再度発行しようとしたところ、アメリカとの時差により、Appleのサイト側ではまだ期限切れ扱いになっておらず、
しばらくの間ローカルでのみ期限切れ扱い、というおかしな齟齬が生まれた事がありました。


証明書が期限切れになると、当然のことながら、アプリの申請ができなくなってしまいます。
アプリのリリースの時期などとかぶってしまわないように、気をつけましょう。



デバイスID につける名前は、分類しやすい区切りをつけよう

分類しやすい区切りって意味わかんない日本語ですね。

デバイスIDとは各実機ごとの端末識別子のことで、これをProvisioning Portalから登録することによって、
実機でのテストが可能になります。

表題の話は、つまるところ、デバイスIDをProvisioning Portal登録する際につける名前に、会社名とか部署名とか、
そういう類の接頭辞をつけておくと管理しやすいよ、と言う話です。


iPhoneの開発を会社単位でやっていると、実開発者以外にとてもいろいろな人に実機テストやアプリの確認を
おこなってもらう事になります。
開発者自身から始まって、テスター、マネージャ、顧客などなど。もっと複雑なプロジェクトチームになっている場合も
あります。

そういった作業を行っていると、どのデバイスIDが誰の物か、という事がきちんと視認できるように名前をつけておかないと、
本来そのプロジェクトに関わりのない人の端末にもインストールできるようにしてしまったり、同じような名前をつけてしまって
どれがインストールしたいデバイスだかわからない、などの事態に陥ります。


そのため、ある程度管理する数が増えてくるようなら、明確にどこの誰の物かがわかりやすいように、
所属する会社名、部署名などを接頭辞につけて、適切なグループ分けを行うようにすると、運用が楽になります。

また、iPhone3Gなのか4なのか、iPod Touchなのか、iPadなのか、など、端末の種類も一緒にわかるようにしておくと、一層便利です。

たとえば、「Asial Yudoufu iPhone4」とかです。(実際はちょっと違う名前つけてますけど。)

このあたりに心を配っておくと、後々わかりやすく、管理しやすくなると思います。



App ID は、アスタリスク(*)を忘れずに。

Provisioning Portalでの申請時に、「何これ？」となりやすいのがApp IDです。
App IDは複数作る事は可能ですが、削除が不可能なので失敗してゴミを残すと後々気分が悪いので、ちょっと気を配って作ってあげましょう。


iPhoneのアプリケーションは、バンドルと呼ばれるまとまりごとに分類して管理されるのですが、そのバンドルの
識別子となるのが、App IDです。
このApp ID で指定した値を、iPhoneアプリの申請用ビルドを行う際に、アプリのinfo.plist内で識別子(Bundle Identifier)に
指定する必要があります。

この識別子には、URLドメインを逆さまにした記述を利用することが推奨されており、たとえばアシアルで
Fooというアプリケーションをリリースする場合であれば、「jp.co.asial.foo」という値を使うような感じになります。

なので、アプリの申請時には1度はお世話になるIDなのです。


ただし、このApp ID、一度値を指定してしまうと、変更がききませんし、識別子なので同じ値を2度使うこともできません。
となると、アプリを申請するごとに１つApp IDを作って。。。という手間が発生してしまいます。

App IDが分かれると、ビルド時に使うProvisioning Profileも別に用意せねばならず、同一の会社から複数の
アプリをリリースする場合には、とても管理が煩雑になります。


しかし、その手間を簡素化するために、App IDにはワイルドカードとして" * " (アスタリスク)を利用できるようになっています。
たとえば、アシアルであれば「jp.co.asial.*」といった具合でしょうか。

これを使うことで、「jp.co.asial.xxxx」という識別子のついたアプリケーションは、すべて1つのApp IDを使うことができ、
それはすなわち、すべてのアプリケーションを1つのProvisioning Profileで管理できることを意味します。

もちろん、アプリケーション個別にはきちんと一意なIDをつけてやる必要はありますが、
FooというアプリとBarというアプリ、それぞれに「jp.co.asial.foo」「jp.co.asial.bar」識別子を指定したとしても、
これらに個別にApp ID作る必要はなく、上記のアスタリスク付きのApp IDを使い回すことができます。

そのため、ある程度いろいろなアプリをリリースしていこうと考えている場合には、上記のようにアスタリスクを
つけたApp ID に、会社名などの汎用的な名前(「Asial App ID」など)をつけて管理してやると、運用がすっきりすると思います。



おわりに


今回は、各種証明書と、デバイスID、App IDの作成時、運用時のちょっとした心配りや注意点を紹介しました。

次回以降も引き続き、各種申請用ファイル群の注意点などについて、紹介していく予定です。

日本PHPユーザ会が主催する、日本最大のPHPに関するイベント「PHPカンファレンス」が、2009年9月24日・25日に開催されます。

今年のPHPカンファレンスでは、昨年同様、ビジネスデイ・テックデイの二日間を実施いたします。

ビジネスデイは、新たに台頭してきたビジネス領域であるオープンソーシャルをテーマとして、ソーシャルアプリに関わる様々な企業様から講演を行っていただきます。
また、テックデイでは、PHPの開発者であるRasmus Lerdorf氏をお招きしての講演や、PHPの最新動向とこれからに触れる事ができるセッションをご用意しています。

こんにちはアシアル・アピール担当の岡本雄樹です

最近、弊社の優秀なアルバイトが
私の席の後ろでsymfonyと格闘しているようです。

クラスの概念から勉強中なので苦労しているようですが、
親切な先輩社員が１から１０まで教え込んでいるので、
将来が楽しみです。

symfonyと言えば、
先月開催した弊社テクニカルセミナー
「PHP×symfony」編の動画を、
今回特別に公開する運びとなりました。

しかも、テクニカルセミナーにご参加いただいた
「ロジックデザイン」様からの御厚意により、
ただの動画ではなく、スライドと講師を同時に閲覧できる
Ｅラーニング形式で動画を公開することができました。

この場を借りて、お礼申し上げます。

動画は下記リンクを辿り、
「特別公開中」ボタンをクリックして下さい。
アシアル・テクニカルセミナー


尚、アシアルでは、現在、全5回にわけて
「開発者向け、一歩先を行くためのテクニカルセミナー」
を開催しています。

８月２５日には「PHP×Flex（前編）」と銘打ちまして、
ActionScript3.0でインタラクティブなWeb開発を行う、
ノウハウをセミナーでご提供致します。
皆様お誘い合わせのうえ、ご参加下さいませ。

お申し込みページへは、以下のバナーよりお進み下さい。


また、講演者の松田　惇のブログでも、
Flexネタで記事を書かせて頂いております。
宜しければご参照ください。

【開催概要】

日程： 8月25日(水） 10:00 ～ 12:00（※ 開始30分前より入室可能）
会場： 山王健保会館2F 多目的ホール
交通： 地下鉄銀座線・南北線：溜池山王駅 7出口　徒歩3分
　　　 地下鉄千代田線：赤坂駅 1出口　徒歩5分
　　　 地下鉄銀座線・丸ノ内線：赤坂見附駅出口　下車徒歩7分
主催： アシアル株式会社
受講対象者： Webシステムにおいて1～3年の開発経験のある方
定員： 100名（※ 定員となり次第、受付を終了させていただきます 。）
参加費： 無料（事前登録制）


【第3回　PHP×Flex（前編）】ActionScript3.0でインタラクティブなWeb開発

ActionScript3.0でインタラクティブなWeb開発

近年、様々なFlashコンテンツがWebサイトの要となっています。これらのFlashコンテンツの元となるのがActionScriptであります。最近ではFlexやAIRなどのRIAアプリケーションにも使用され、ActionScriptの重要性はますます高まってきています。

この講演では、Flexアプリケーションの基礎となるActionScript3.0の基本構文から簡単なFlashの作成まで実際のスクリプトを追いながら解説していきます。

※ PHP×Flex編は前後編の2回構成です。
前編ではActionScript3.0の基礎を学び、後編ではFlexとPHPを連携したFlexアプリケーションの作成方法を解説します。まずはこの前編でActionScript3.0の基礎をしっかりと学びましょう。

講演者：アシアル株式会社　松田　惇（マツダ　アツシ）

アシアル株式会社のPHPプログラマー兼Flexプログラマー

JavaScriptやAjaxを生かした、動的にインターフェースが変化するシステムが好きなことからFlashアプリケーションに興味を持ちはじめ、趣味でFlexを勉強するようになる。そのことがきっかけで、現在ではFlexアプリケーションの構築も担当している。

PHPプロ！Weekly PECLリリースでは、前週からの１週間にリリースされたPECLパッケージを、毎週まとめてご紹介します。 本記事では、08月05日から08月12日までの間にリリースされたパッケージ一覧を掲載しています。

PHPプロ！Weekly PECLリリースでは、前週からの１週間にリリースされたPECLパッケージを、毎週まとめてご紹介します。 本記事では、07月30日から08月06日までの間にリリースされたパッケージ一覧を掲載しています。

今回から何回かに分けて、iPhoneの申請まわりの事に関するファイルの取り扱いノウハウを書いてみたいと思います。 ここでのファイルの取り扱い方の紹介方法は、ファイル一つ一つについて個別に言及するようなまとめ方はしません。 代わりに、そのファイルを作成・利用するタイミングを切り口として紹介し、その際にファイルをどう取り扱うべきかを、その理由とともに説明していきます。 １回目は、まず触れるべきファイルの説明と、一番最初のCSR発行時に気をつけておくことを紹介します。