var element = document.getElementById("test");
element.style.color= "red";$("#test").css("color", "red");$("#test2").click(function() {
$(this).animate({width: "200px", height: '200px'}, "slow");
});
canvas.addEventListener("touchstart", ?????, false);
canvas.addEventListener("touchmove", ?????, false);
canvas.addEventListener("touchend", ?????, false);
canvas.addEventListener("touchcancel", ?????, false);
// キャンバス
var canvas;
// コンテキスト
var ctx;
// キャンバス幅
var canvasWidth;
// キャンバス高さ
var canvasHeight;
// 指定オブジェクト
var obj;
// 画像オブジェクト
var img;
// タッチオブジェクト
var touch;
window.onload = function() {
init();
};
/**
* 初期化処理
*/
function init(){
// キャンバスの取得を行う。
canvas = document.getElementById('testCanvas');
// コンテキストの設定。
ctx = canvas.getContext('2d');
// キャンバスの塗りつぶし。
canvasWidth = 400;
canvasHeight = 600;
// イベントの挿入
canvas.addEventListener("touchstart", startListner, false);
canvas.addEventListener("touchmove", moveListner, false);
canvas.addEventListener("touchend", endListner, false);
canvas.addEventListener("touchcancel", endListner, false);
// オブジェクトクラスを生成する。
obj = new Object();
obj.x = 100;
obj.y = 100;
// ドラッグ時のオブジェクト
touch = new Object();
touch.x = 0;
touch.y = 0;
touch.dropFlag = false;
touch.startX = 0;
touch.startY = 0;
// たゆたうロゴ
img = new Image();
img.src = "http://?????????????????/tayutau.png";
// ロード終了時に描画等開始。
img.onload = function() {
obj.w = img.width;
obj.h = img.height;
// 描画処理を行う。
setInterval("loop()", 50);
}
}
/**
* ループ処理処理
*/
function loop() {
// ドロップされていない場合、初期化。
if (false == touch.dropFlag) {
obj.x += touch.x;
obj.y += touch.y;
touch.x = 0;
touch.y = 0;
}
// 背面を黒塗り
ctx.fillRect(0, 0, canvasWidth, canvasHeight);
// 描画
ctx.drawImage(img, obj.x + touch.x, obj.y + touch.y);
}
/**
* タッチイベント開始
*/
function startListner(event) {
// キャンバスの絶対座標を取得する。
var rect = event.target.getBoundingClientRect();
// キャンバスでのタッチ座標を取得する。
touch.startX = event.touches[0].pageX - rect.left;
touch.startY = event.touches[0].pageY - rect.top;
event.preventDefault() ;
// 画像に当たっていた場合
if (touch.startX > obj.x && touch.startX < obj.x + obj.w) {
if (touch.startY > obj.y && touch.startY < obj.y + obj.h) {
touch.dropFlag = true;
}
}
}
/**
* 移動
*/
function moveListner(event) {
// つかんでいない場合
if (false == touch.dropFlag) {
return;
}
// キャンバスの絶対座標を取得する。
var rect = event.target.getBoundingClientRect();
// 現在のキャンバス位置から-開始位置の座標の算出
touch.x = (event.touches[0].pageX - rect.left) - touch.startX;
touch.y = (event.touches[0].pageY - rect.top) - touch.startY;
}
/**
* 終了イベント
*/
function endListner(event) {
touch.dropFlag = false;
}
event.touches[0].pageX
event.preventDefault() ;
preventDefault メソッドを使用するとイベントのキャンセルを通知できるため、そのイベントの結果として通常は実装により実行されるデフォルトのアクションが実行されません～
class User {
public 'age' => string '10'
public 'name' => string 'Ronaldinho'
public 'sex' => string 'male'
}
$object = new User();
echo $template->render(array('user' => $object));
[twig]{% if user.age < 20 and not user.sex == 'female' %}
こんにちは､{{user.name}}くん
{% else %}
こんにちは､{{user.name}}さん
{% endif %}
こんにちは､Ronaldinhoくん
論理演算子はand, or, not です（&&とかと違うので注意）
i=0からi=10まで繰り返す処理
[twig]
{% for i in 0..10 %}
* {{ i }}
{% endfor %}
* 0 * 1 * 2 * 3 * 4 * 5 * 6 * 7 * 8 * 9 * 10
foreach的な繰り返し処理もfor
class User {
public $id;
public $name;
}
$object1 = new User();
$object2 = new User();
$object1->id = 1;
$object1->name = 'Carlos';
$object2->id = 2;
$object2->name = 'Sofia';
$objects = array();
$objects[0] = $object1;
$objects[1] = $object2;echo $template->render(array('users' => $objects));
{% for user in users %}
{{user.id}}:{{user.name}}
{% else %}
ユーザはいません
{% endfor %}
1:Carlos 2:Sofia
nullやemptyの時はelseに入ります。
{% set name = 'Santiago' %}
{{ "Hello " ~ name ~ "!" }}
Hello Santiago!
{% set hoge = 0.21311 %}
1:{{ hoge }}
2:{{ "%2.2f"|format(hoge) }}
1:0.21311 2:0.21
{% set name = 'Santiago' %}
{{ "Hello %s!"|format(name) }}
Hello Santiago!
{% set created = '2011-09-07 11:22:33' %}
①{{ created }}
②{{ created|date("H:i") }}
③{{ created|date("m/d") }}
①2011-09-0711:22:33 ②11:22 ③09/07
<?php
require_once 'Twig/Autoloader.php';
Twig_Autoloader::register();
// Twigの基本設定
$loader = new Twig_Loader_Filesystem('./');
$twig = new Twig_Environment($loader, array(
'cache' => './cache',
));
// テンプレートの呼び出し
$template = $twig->loadTemplate('test.html');
// 変数をセットして出力
echo $template->render(array('test' => 'テスト'));
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>テスト</title>
</head>
<body>
{{ test }}
</body>
</html>
テスト
$array = array(
'hello' => 'こんにちは'
);
echo $template->render(array('test' => $array));
{{ test.hello }}
class Test {
public $hello = 'こんにちは';
}
$object = new Test();
echo $template->render(array('test' => $object));
{{ test.hello }}
class Test {
public function hello() {
return 'こんにちは';
}
}
$object = new Test();
echo $template->render(array('test' => $object));
{{ test.hello }}
class Test {
public function getHello() {
return 'こんにちは';
}
}
$object = new Test();
echo $template->render(array('test' => $object));
{{ test.hello }}
こんにちは、Yuzuruです。
自分は今年の４月から新卒で働き始めたばかりなのでちょっとちがったテーマで書いてみようと思います。
さて、記念すべき(?)一回目のテーマは勉強会です。
弊社たゆたうでは勉強会への参加が推奨されているのですが、新人となると知り合いもいないし、自信もない… なかなか不安が多くて足踏みしてしまう世界なのではないかと思います。
自分もまだまだ新米なので恐縮ですが、とりあえず最初に当たって砕けろで参加したときに「行って良かったなぁ」と感じたことを挙げてみるので何かの参考になれば幸いです。
・自分がライン上にいるというのが分かる
完璧にはわからないまでもなにか知っていることがあるともうちょっとで理解できそう！と自分がその道にいることを認識できます。・研修の成果が実感できる
もちろん全てが繋がっているわけではないのですが、不安と期待の入り交じった中で行った研修も同上の理由で納得度UPかもしれません。・未来への視野が拡がる
技術寄りの関心を持った人が周りに増えると自然とイメージも沸いてくる…気がします。・単語の読み方、発音がわかる
ネットや書籍だと意外とわからない！・今までどういうスタンスでやってきたか、社会の先輩に聞ける機会
就職活動における説明会などはいわゆる建前も多いわけで…。勉強会にもよりますがフランクに会話してくれる方が多いと思います。・次の為のバネになる
内容がわからなかったりすると次はわかるようになろう！という気持ちが芽生えます。・色々楽しくなる
上に挙げたようなことを実感できるとスキルアップの意味が大きくなり仕事の楽しみが増え、勉強会自体や技術情報を集めたりする楽しさも増えます。
ちなみに自分が初めて参加したのはJAWSUGの勉強会でした。
ネットで簡単エントリできる勉強会も多いので、色々参加してみると新しい発見があるかもしれませんね。
※行って良かった楽しかった！で終わらないようにアウトプットするのも大事とよく聞きます。なかなかできてないので反省…。
