秋なのでバラードを並べてみた

やりたい事がありすぎるので、徹夜します。

ということで、作業用BGM。仕事がはかどるようにやや静かめな曲を中心に集めてみました。

リスト / 巡礼の年報 第2年「イタリア」より
第1番 「婚礼」


http://www.youtube.com/watch?v=AtHI2AwhyfY

(続きを読む…)

iPhone 3GS を iOS5 にしてみました

はい、案の定動作がもっさり重たくなったので、3GSから4Sに乗り換える決意ができました。
auからiPhone出すって聞いた時点でほぼ決まっていたんですが。

次回給料日が楽しみです。























iOS 5 ソフトウェア・アップデート

このアップデートには、200 を超える新機能が含まれています。以下にその一部を紹介します:

"  通知
・ 画面を上から下にスワイプすると通知センターが表示され、通知がまとめて表示されます
・ 新しい通知は画面の上部に一時的に表示されます
・ ロック画面から通知を表示できます
・ ロック画面の右側にある通知 App アイコンをスライドして、その App に直接移動できます
"  iMessage
・ 無制限のテキスト、写真、およびビデオメッセージをほかの iOS 5 ユーザと送受信できます
・ 配信確認や開封確認でメッセージを追跡できます
・ グループメッセージングとセキュリティ保護された暗号化
・ モバイルデータ通信および Wi-Fi 経由で動作します*
"  Newsstand
・ 雑誌と新聞の購読がホーム画面上で自動的に整理されます
・ 最新号の表紙が表示されます
・ 最新号をバックグラウンドでダウンロードされます
"  リマインダーによる To Do リストの管理
・ iCloud、iCal、および Outlook と同期できます
・ ある場所に到着または出発するときに、位置情報に基づくリマインダーで通知されます(iPhone 4S と iPhone 4)
"  Twitter をビルトインサポート
・ “設定”で一度サインインすれば、カメラ、写真、マップ、Safari、および YouTube から直接ツイートできます
・ ツイートに位置情報を追加できます
・ Twitter のプロフィールの写真とユーザ名が連絡先に表示されます
"  カメラ搭載デバイスのカメラを改善
・ デバイスのスリープ時にホームボタンをダブルクリックすると、カメラショートカットを呼び出せます(iPhone 4S、iPhone 4、iPhone 3GS、および iPod touch(第四世代))
・ 音量を上げるボタンで写真を撮影できます
・ オプションのグリッドラインを使ってショットを整列できます
・ プレビュー画面でピンチして拡大できます
・ プレビュー画面でスワイプしてカメラロールを表示できます
・ タップしたままにすると焦点と露出をロックできます(露出ロックのサポートは iPad 2 と iPod touch(第四世代)のみ)
"  カメラ内蔵デバイスの写真を改善
・ 切り取りと回転
・ 赤目除去
・ 1 回のタップで補正できます
・ 写真をアルバムに整理できます
"  メールの改善
・ ボールド、イタリック、または下線付きフォントを使ってテキストを書式設定できます
・ インデントを制御できます
・ 宛先フィールド内で名前をドラッグして並べ替えることができます
・ メッセージにフラグを設定できます
・ メッセージにまとめてフラグを付けたり、開封済みまたは未開封にしたりできます
・ メール警告サウンドをカスタマイズできます
・ S/MIME
"  カレンダーの改善
・ iPad の年表示および iPhone と iPod touch の週表示
・ タップしてイベントを作成できます
・ イベント添付ファイルを表示および追加できます
"  Game Center の改善
・ 自分の写真を Game Center アカウントに使用できます
・ 達成項目スコア全体を友達と比較できます
・ 友達のお勧めや友達の友達で Game Center の新しい友達を見つけることができます
・ カスタムのお勧めのゲームで新しいゲームを見つけることができます
"  AirPlay ミラーリング(iPad 2 と iPhone 4S)
"  iPad のマルチタスキングジェスチャー
・ 4 本または 5 本の指でピンチするとホーム画面に移動します
・ 上にスワイプするとマルチタスクバーが表示されます
・ 左または右にスワイプすると App を切り替えることができます
"  “設定アシスタント”を使ってデバイス上で設定、アクティベーション、構成
"  ソフトウェア・アップデートをテザリングなしでワイヤレスに利用可能
"  iCloud サポート
・ iTunes in the Cloud
・ フォトストリーム
・ Documents in the Cloud
・ App とブックの自動ダウンロードと購入履歴
・ バックアップ
・ メール/連絡先/カレンダー
・ iPhoneを探す
"  ミュージック App を iPad 用に再設計
"  1 時間ごとの天気予報
"  リアルタイム株価情報
"  iTunes へのワイヤレス同期
"  キーボードの改善
・ iPad 用の分割キーボード
・ 自動修正の精度が向上
・ 中国語と日本語の入力を改善
・ 新しい絵文字キーボード
・ 自動修正用のユーザ辞書
・ よく使う単語のキーボードショートカットを作成できます
"  アクセシビリティの改善
・ 着信および通知があったときに LED フラッシュを点灯できる(iPhone 4S と iPhone 4)
・ 着信用のカスタム・バイブレーション・パターン(iPhone)
・ 体の不自由な人向けの入力デバイスで iOS を使用するための新しいインターフェイス
・ 選択したテキストの読み上げることができます
・ VoiceOver 用のカスタム要素ラベル
"  Exchange ActiveSync の改善
・ ワイヤレスでタスクを同期
・ メッセージをフラグ付き、開封済み、または未開封にできます
・ オフラインサポートを改善
・ GAL サービスからの新しい連絡先を保存
"  1,500 を超える新しいデベロッパ API
"  バグ修正

このソフトウェア・アップデートと互換性のある製品:
"  iPhone 4S
"  iPhone 4
"  iPhone 3GS
"  iPad 2
"  iPad
"  iPod touch(第四世代)
"  iPod touch(第三世代)

* 通信事業者の通常のデータレートが適用される場合があります。iMessage を使用できない場合、メッセージは SMS として送信されます。この場合、通信事業者のメッセージング料金が適用されます。

このアップデートのセキュリティに関する内容について詳しくは、次の Web サイトを参照してください:
<http://support.apple.com/kb/HT1222?viewlocale=ja_JP>


ところで、ロック画面から直接カメラアプリが起動できないのは3GSだから?
ヴォリュームアップボタンでシャッターは切れるんですが。

ロック画面




Filed under: ★iPhone  タグ: , , , , , , , , , , , , ,   charlie432 17:20  Comments (0)

IEでもplaceholderが使えるようにするのにjQueryが便利だった。

全てのブラウザでplaceholderが効くソースを書く必要があったので、その備忘録です。

ありがたやー、ありがたやー、jQueryに感謝です。

本当は「placeholderが使えないブラウザでも」という意味で、
[JS]HTML5の「プレースホルダーテキスト」をスクリプトで実装する旧式と今時の方法 | コリス
のように、「modernizr.js」を使ったほうがより一般化されるのですが、
どうせ該当するのはIE(とIEライクなLunascape、Sleipnirなど)なので、スクリプトの簡略化として「IE以外」としました。


以下、ソース。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
if(navigator.userAgent.toUpperCase().indexOf("MSIE")>-1){
	$(function(){
		onload=function(){
			$("input[type=text]").each(function(){
				$(this)
				.addClass("IE_placeholder")
				.val($(this).attr("placeholder"))
			});
		} 
		$("input[type=text]").each(function(){
			if($(this).val()==""){
				$(this)
					.addClass("IE_placeholder")
					.val($(this).attr("placeholder"))
			};
			$(this).focus(function(){
				if($(this).attr("class")=="IE_placeholder"){
					$(this).val("");
				}
				$(this).keydown(function(){
					$(this).removeClass("IE_placeholder");
				});
			});
			$(this).blur(function(){
				if($(this).val()==""){
					$(this)
					.addClass("IE_placeholder")
					.val($(this).attr("placeholder"))
				}
			});
		});
	});
}
function confirm(){
	var message="";
	var answer="";
	for(i=0;i<$("span[name='question']").length;i++){
		if($("input[type=text]").eq(i).attr("class")=="IE_placeholder"){
			answer="[無記入]";
		}else{
			answer=$("input[type=text]").eq(i).val();
		}
		message=message+$("span").eq(i).text()+answer+"\n";
	}
	alert(message);
}
</script>
<style type="text/css">
.IE_placeholder{
	color:#ccc;
}
</style>
</head>
<body>
<p>
	<span name="question">好きなヴォーカリスト:</span>
	<input type="text" value="" placeholder="例)ラッセル・アレン" />
</p>
<p>
	<span name="question">好きなギタリスト:</span>
	<input type="text" value="" placeholder="例)ジョン・ペトルーシ" />
</p>
<p>
	<span name="question">好きな指揮者:</span>
	<input type="text" value="" placeholder="例)ゲオルグ・ショルティ" />
</p>
<p>
	<input type="button" value="確認" onclick="confirm();" />
</p>
</body>

簡単にメモしておくと、

4行目

jqueryの呼び出し

6~38行目

IEなら~

8~14行目

初期化。これをしないとF5を押したときに、placeholderでなくなってしまうorz 「戻る」を押したときも初期化してしまうのでやりたくないのですが、、、

15~36行目

それぞれの<input type="text" ~ >に対し、

16~20行目

入力されていない(valueがnullの)場合は、placeholderの値をvalueに。ただしこの時のvalueは表示用のニセモノなので、判別させるために「IE_placeholder」というクラスを与える。

21~28行目

フォーカスがあたったとき、

22~24行目

placeholder表示の場合は空欄にして、

25~27行目

一旦「IE_placeholder」を解除。

29~35行目

フォーカスが外れたとき、

30~34行目

やはり無記入だったら

31~33行目

また「IE_placeholder」のクラスを与えてinputのvalueにplaceholderの値を



で、データを送信する際、valueがニセモノの値を持っているときはそのまま送ってはならないので、処理。
サンプル(入力してください)として、「確認ボタン」で確認するスクリプトを作ってみました。

39~51行目

「確認ボタン」を押したときの処理

40~41行目

初期化。

42~49行目

入力項目回数だけ繰り返し。eachでも書けそうだけどうまくいかなかったのでforを使いました。

43~45行目

(i-1)番目のvalueの値がplaceholderから持ってきた場合のとき、

44行目

メッセージ用の値を[無記入]とする。

45~47行目

それ以外(valueの値が、入力されたもの)の場合、

46行目

そのまんまの値をメッセージ用に使う。

48行目

メッセージを作成。

50行目

メッセージの表示。

53~57行目

placeholderの場合の色の設定。スクリプト内に「$(".IE_placeholder").css("color","#ccc")」と書くとうまくいかなかったのでスタイルシートにしました。

サンプル(入力してください)

好きなヴォーカリスト:

好きなギタリスト:

好きな指揮者:

急いで書いたので、間違いがあるかも。
追記)ブログにすると、テンプレート内のタグの兼ね合いで、やはりうまく行きませんでしたorz
面倒くさいのでそのまま放置。→でも気持ち悪いので直しました。
さらに追記)無記入の場合、[無記入]となるのはIEの時だけですね。面倒くさいので放置。6と38行目を消せば良いだけなんですが、、、

Filed under: ★Web制作関係  タグ: , , , , , , , , , , , ,   charlie432 23:41  Comments (0)
    2012年5月
    « 4月    
     123456
    78910111213
    14151617181920
    21222324252627
    28293031