お試しあれ！

QNAPのNASが気になる

2014-01-16T10:36:00.001+09:00

小規模店舗にNASを設置したくて探していたら見つけたのが「HS-210」

バッファローやIOデータにもいろいろと製品はあるのだが、HS-210がよさそうな理由は以下

・ファンレス
・2ベイ
・Qsyncという自分専用のクラウドストレージが簡単に構築できること
・Surveillance Stationで店舗のwebカメラの録画ができる、しかも2チャンネル分はライセンス購入不要
・サーバもWEB/FTP/VPN/プリンタ　etc...

しかも、amazonで検索すると、48,000円程度！

tera Stationなどでwebカメラが録画できるようにライセンスを追加すると軽く10万円は超えるので、この価格は魅力！

とりあえず購入してみようと思っています。

WindowsXP SP3インストールでCPU使用率が100%になってしまう件

2013-11-08T10:07:00.000+09:00

古いPCにWindowsXP SP3をインストールすると、CPUの利用率が100%になってしまいました。
タスクマネージで見てみるとsvchost.exeがCPUをバカ食い。

対応方法を調べてみると、MSのブログに記事があったので、これらのパッチを当ててみることに。

(原因)
本事象は「Internet Explorer の累積的なセキュリティ更新プログラム」の検出処理に起因しており、下記の 4 点において特に顕著であることが確認されております。

KB2846071（7月公開分）
KB2862772（8月公開分）

KB2870699（9月公開分）
http://technet.microsoft.com/ja-jp/security/bulletin/ms13-069

KB2879017（10月公開分）
http://technet.microsoft.com/ja-jp/security/bulletin/ms13-080

なお10月公開分は9月公開分のファイルを置き換えているようなので、実質10月分だけでよさそう。

CPU100%なので、svchostを無理やり終了させて、上記パッチをインストール

無事に現象は収まったようです。

めでたしめでたし。

codeigniterで日本語のquery_stringが文字化けするのに対応

2013-05-23T11:27:00.000+09:00

codeigniterで開発していて、URLで日本語の文字列を渡すときに、文字化けが発生した。

機動戦士ガンダム　⇒　機動戦士ガンダダ

いろいろなサイト

CodeIgniter リクエスト値を内部文字コードに変換処理

[Codeigniter-users] ＰＯＳＴが文字化け

などを参考にしてみたものの、なかなかうまくいかない・・・

ということで、PHP base64をURLSafeにする方法を参考に、URLの文字列をbase64形式で変換してみました。

尚、base64形式に変換した文字列には、「/」「+」「=」が浮くまれるため、URLにそのまま組み込むとおかしくなる。

そこで、上記3文字については違う文字に変換することで対応した。

【表示側contoroller】
①　あらかじめ以下の関数をコントローラーに仕込む

 function base64_encode_safe($s){
  $s = base64_encode($s);
  return(str_replace(array('+','=','/'),array('_','-','.'),$s));
 }
 function base64_decode_safe($s){
  $s = (str_replace( array('_','-','.'), array('+','=','/'), $s));
  return(base64_decode($s));
 }

②　変換したい文字列を上記関数を通して変換

$data['name']=$name;  //ここに日本語
　↓
$data['name']=$this->base64_encode_safe($name);

③　エンコードされたリンクを受け取る側

$work=$name;
　↓
$work=base64_decode_safe($name);

薫のHackさん、ありがとうございました！

raspberry pi とりあえず基本設定

2012-08-29T17:46:00.001+09:00

注文してから早3ヶ月が経とうとしたある日、1通のメールが届きました。
「DHL Shipment Notification」と書かれたタイトルがワタシに「raspberry pi」の配達状況を知らせるものでした。

届いた箱には待ちに待ったpiちゃん！

同時に購入した専用ケースと一緒に早速セットアップを始めました。

まずは必要なものを準備
・電源　microUSB TypeBで、5V 700mAが出力できるもの
といっても、一般的なスマホの充電ケーブルで事足りましたので、予備のスマホ充電器を用意。
・SDカード　
Raspberry Pi用のLinuxOSをインストールするのに最低2Gは必要なので、適当にその辺のSDカードを用意。
（SDHCは未確認）
・USBキーボード・USBマウス
・HDMI-HDMI　もしくは　HDMI-DVIケーブル
基本Xwindowは使わないつもりなので、セットアップ用にTVとHDDレコーダーをつないでいたHDMIケーブルを拝借
・LANケーブル

以上が必要となります。

ハードウエアの準備ができたところで、SDカードにOSをインストール。

公式サイトのdownloadからOSイメージをダウンロードします。
4種類あるようですが、まずはオススメの「Raspbian “wheezy”」をチョイス。

＜手順＞
１．ダウンロードしたファイル（tar.gz）を解凍するので、windowsならlhaplusなどで解凍しましょう。
２．解凍してできたimgファイルをSDカードに書き込むため、ddを使用。

（参考）
公式に掲載されているWindows用のソフト　Win32DiskImager
DD for Windows

３．書き込んだSDカードをpiに差し込んで、起動します（電源スイッチはないので、コンセントに差すｗ

うまく行くと初期設定の画面が現れます。

初期設定画面では、おおむね以下のように設定しました。
１．expand_rootfs
用意したSDカードは先頭から2GB程度しか使われていないので、カード全体を使用できるようにします。
２．overscan
画面の周囲が切れてしまう場合などに隙間を空けます。
３．configure_keyboard
キーボードを選択します。日本語キーボードを使用する場合はまず、Generic 105-key(Intl)PCを選択してJapanese - Japanese(OADG 109A)を選択します。
４．change_pass
初期登録されている「pi」ユーザーのパスワードを変更します。（デフォルトは「raspberry」のようです）
５．change_locale
ロケールの設定ですが、日本語フォントがインストールされていない初期状態では文字化けするようです。なのでとりあえずスキップ
６．change_timezone
日本時間に設定するのでAsia→Tokyo
７．memory_split
メモリの配分を変更できるようですが触っていません。
８．ssh
別PCからネットワーク越しに接続できるよう設定します。ワタシはpiをサーバ的に使おうと思っておりますので必須。
９．boot_behaviour
起動時にXデスクトップを表示する場合はyes。コマンド画面でいいならNoを選択します。
１０．update
アップデートを取得する場合は選択します。

これらの設定を行い、再起動すれば、見事起動してくれます！

万一設定を変更したいという場合はコマンドラインで
sudo raspi-config
を打てば変更可能ですので、色々試して見ましょう。

google analyticsをおさらいする（アカウント作成編）

2012-08-01T15:43:00.000+09:00

webサイトを運用する上で欠かせないのがアクセス解析。

有料･無料を問わず、様々なサービスやツールがありますが、やはりもっとも有名なのがGoogleAnalytics（以下GA）ではないでしょうか？
GAの標準レポートだけを見ていてもいろいろとわかるのですが、突っ込んで調べてみると、もっといろいろなことがわかるはず！ということで、メモがてら実験を行ってみようと思います。

基本的に初心者が独学でやってますので、ツマラナイ内容になりましたらごめんなさい（笑

何はともあれまずはGAにアクセス！

http://www.google.com/intl/ja/analytics/

当然のことながらGoogleアカウントが必要ですので、あらかじめ作成しておいてください。

「sign up」をクリックしてアカウントを作成します。

入力するのは
Account Name　　　・・・アカウント名
Website's URL　　　・・・設置先のURL
Time Zone　　　　　・・・タイムゾーン
Industry Category　・・・コンテンツのカテゴリ

「Data Sharing Settings」ですが・・・よくわかりません（＾＾；
・With other Google　products only ・・・AdWordsやAdSenseなどのgoogleのほかのサービスと連動させる場合にチェックをいれるようです。
・Anonymously with Google and others　・・・webサイトの指標を向上させるためのデータ取りができる？

まぁ、そのあたりはおいおい勉強することとして、とりあえずは両方チェックを入れた状態で「Create Account」ボタンをクリックします。

するとアカウントが作成されて、ホーム画面にアクセスできます。

私の場合はなぜか、英語の画面でしたので、画面左上の「Settings」から「Language」を日本語にして「Save User Settings」を押して日本語画面にしました。

エレコムのキー投影型Bluetoothワイヤレスキーボード　TK-PBL042BKを使ってみた。

2012-07-10T15:21:00.000+09:00

エレコムのキー投影型BluetoothワイヤレスキーボードTK-PBL042BK を使ってみました。

特徴としては
・サイズは3cm×3cm×8cm程度でとてもコンパクト
・外装はプラスチックでつや消しブラック塗装（手触りサラサラ）
・背面には電源スイッチと充電用のUSBコネクタ、あとはリセットスイッチ

ipadでセットアップしてみます。

「設定」→「一般」から「Bluetooth」を選び、Bluetoothをオンにします。

デバイスを検索し始めるので、TK-PBL042BK の電源を投入。

画面に幅25cm程度のキーボードが表示されます（感動！）

しばらく待つとipadの画面に機器名が表示されるので、タップ

ダイアログに出てきた4ケタのPINコードをキーボードで入力すればセットアップ完了。

キーを押すとピッ、ピッという音とともにサクサク入力ができます。

感度もデフォルトでまったく問題なく、とっても気持ちいいです。

設定できる項目としては

・音が気になったら[FN]＋[↓]で無音にまで設定可能
・省電力モードにするには[FN]＋[BACK]でライトの表示を消すこともできます。
・元に戻すときは、キーボードのある位置で3本指でタッチすれば、表示されます。

iphoneなど画面の小さな機器や、普段キーボードをつけないサーバなど、ひとつあれば便利なこと間違いなし！

是非お試しあれ！

Mac OSX 10.7 lion serverにmysql

2012-07-05T15:18:00.000+09:00

phpとくればmysqlでしょ、と思ったらMac OSX 10.7 Lionからpostgresに変わったようで、使うにはインストールが必要らしい。
ということでmysqlをインストールしてみる。

mysqlインストール

まずはMySQLのサイトから最新版をダウンロード

「MySQL Community Server」からMac用のアーカイブをダウンロードします。
今回はDMG-Archiveをダウンロードしました。

Lion用のMySQLは無いようですので、10.6用を使ってみます。

インストールは「mysql-5-5.24-osx10.6-x86_64_pkg」をダブルクリックしてインストーラの指示通りにしていくだけで、特に入力することも無く、あっさり終了。

あとは同パッケージ内の残りのファイル
自動起動させるために「MySQLStartupItem.pkg」をダブルクリックしてインストール。
システム環境設定にアイコンを表示させるのに「MySQL.prefPane」をダブルクリックして登録

あとは開いたMySQLパネルで「Start MySQL Server」ボタンを押して起動完了！

これでインストール作業は一旦終了。

次は端末から簡単に操作ができるようにmysqlへパスを通します。
これで
/usr/local/mysql/bin/mysql -u root -p
という長ったらしいコマンドを
mysql -u root -p
にしてくれます。

vi ~/.bash_profile

で　ホームディレクトリの./bash_profileファイルを開き（無い場合は新規作成）

export PATH=$PATH:/usr/local/mysql/bin

と書いて「:wq!」コマンドで保存・終了

source ~/.bash_profile

でファイルを再読み込みします。

うまく行けば、端末で


mma:~ hoge$ mysql -v   ←こんな風に打てば

Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 147
Server version: 5.5.24 MySQL Community Server (GPL)

Copyright (c) 2000, 2011, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Reading history-file /Users/hir/.mysql_history
Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql>　　　←こんな風に表示されます。

my.cnfの編集(文字コードをutf8に）

Finderで「移動」→「フォルダへ移動」で
/etc/local/mysql/support-files
へ移動し、「my-○○○.cnf」ファイルの中から自分の環境に合わせたファイルを/etcにコピーして「my.cnf」とリネームします。（ワタシはとりあえずmy-small.cnfを選択）

my.cnfをエディタで開き
[mysqld]の最下行に

skip-character-set-client-handshake
character-set-server=utf8

の2行を追加

[mysqldump]と[mysql]に

default-character-set=utf8

をそれぞれ追加します。

念のため「システム環境設定」→「mysql」でサーバを再起動します。

rootパスワードの設定とログインテスト

ターミナルで

mma:~ hoge$mysqladmin -u root password パスワード

でパスワードを設定し

mma:~ hoge$mysql -u root -p

で先ほど設定したパスワードでログインできるか確認します。

PHPから接続できるようにphp.iniを設定

MacOSX10.5あたりから、UNIXsocketの場所が変わっているようなのでphp.iniファイルを書き換えます。

まずはUNIXsocketの場所を確認

mysql -u root -p
でログイン、プロンプトで
「status」と入力します。

ズラズラっと表示された情報の中からUNIX socket:を探して内容を覚えておきます。

次に/etc内のphp.iniファイルを編集します。

; Default socket name for local MySQL connects.  If empty, uses the built-in
; MySQL defaults.
; http://php.net/pdo_mysql.default-socket
pdo_mysql.default_socket=/var/mysql/mysql.sock

を

pdo_mysql.default_socket=/tmp/mysql.sock

; Default socket name for local MySQL connects.  If empty, uses the built-in
; MySQL defaults.
; http://php.net/mysql.default-socket
mysql.default_socket = /var/mysql/mysql.sock

を

mysql.default_socket = /tmp/mysql.sock


; Default socket name for local MySQL connects.  If empty, uses the built-in
; MySQL defaults.
; http://php.net/mysqli.default-socket
mysqli.default_socket = /var/mysql/mysql.sock

を

mysqli.default_socket = /tmp/mysql.sock

に変更します。

これでいけるはず。
最後にWEBサーバ（Apache）を再起動して動作確認。

Mac OSX 10.7　lion serverでサーバ

2012-07-03T18:51:00.002+09:00

macでサーバを立ててみようと思い立ってlion serverプレインストールのmac miniを購入。
とりあえずサーバ用途なので、sshとwebを有効にしてみた。

ssh有効化

1.Serverパネルから、ハードウェア→mma（ワタシのmacの名前）を選択
2.設定タブから「SSHによるリモートログインを許可」にチェック

3.クライアント（windowsのteraterm）からログイン
ユーザー名：macのsshユーザーのログイン名
パスワード：なし
「チャレンジレスポンス認証を使う」にチェック

4.sshは有効になった。

webの有効化

1.Serverパネルから、サービス→Webを選択
2.とりあえずデフォルト
ドメイン名：*
IPアドレス：任意
ポート：80
SSL証明書：なし
サイトファイルの保存場所：Default
アクセス可能なユーザ：全員
追加ドメイン：（未設定）
リダイレクト：（未設定）
エイリアス：（未設定）
ってな感じでとりあえず動作確認

3.Safariのアドレスバーにhttp://localhost　で「ようこそLionServerへ」の画面が出れば成功

とりあえずポートスキャンして開いているポートの確認

1024番以下のポートはこんな風になっていました。

22：ssh　Responseに「OpenSSH_5.6」の文字が・・・
80：http
88：Kerberos
81：なんだろう
311：asip-webadmin　保護されたサーバ管理のポート
443：SSL（HTTPS)
625：dec_dlm　DirectoryService、Open Directory アシスタント、ワークグループマネージャ

とりあえずポートスキャンが終わるのにまだ時間がかかりそうなので、続きは次回

lionサーバ構築におすすめの本（Amazon）

macを買ってまず入れたフリーソフト

2012-06-30T22:23:00.000+09:00

「mac 設定」でググったサイトから厳選し、入れたソフト達
基本的に有料ソフトは使わない方向で、やれるだけやってみようと思います。

1.Onyx

システムの細かな設定ができます。
沢山あるけど、便利そうだなーと思ったのが以下

S.M.A.R.T.チェック

起動ボリュームのチェック

アクセス権の修復

cronスクリプトの実行

キャッシュやログの消去

コマンドマニュアル(man)の参照

自動処理

FinderやDock、Safariその他デフォルトインストールされているアプリの設定

等々

2.GoogleChrome

言わずもがなですが、ブラウザの互換性の確認には必要ですよね。

3.FireFox

同じ

4.Sophos Anti-Virus

無料のアンチウィルスソフトウェア
「Windowsに比べてシェアが少ない」とか「システムがUNIXベースなので作りにくい」などの理由から、Macを狙ったウイルスが圧倒的に少ないようですが、最近では徐々に増えてきているようです。
特に有名なのがJavaの脆弱性を利用したMac OS X向けのトロイの木馬「Flashback」

5.mi

テキストエディタ
mac標準のテキストエディタも悪くないのですが、手になじむエディタがなかなか見つかりません。

いいものがあったら教えてください（笑）

6.AppCleaner

ソフト削除時にゴミ箱にドラッグするだけでは消えない関連ファイルも消してくれる（らしい）

Kindle Fireはまだですか

2012-06-29T12:27:00.000+09:00

米アマゾンで売れに売れているタブレット端末「Kindle Fire」
199ドルという価格とアマゾンのクラウドサービスとの連携が人気なのだそう。

有料（年額79ドル）の「Amazon Prime」の会員であれば、Kindle Fire上で1万本以上の映画やテレビ番組が見放題なんだそうです。

そんな中、Amazon.co.jpがこんなバナー

はたしてコレは「Kindle Fire」なのか、次世代マシンなのか。
価格は？クラウドサービスは？
と謎だらけですが、とりあえずお知らせメールを受信できるよう登録しておきます。

Googleのタブレットや、モチロンiPadなど競争は激化中ですが、興味のある方は是非登録してみては？

情報もっている方は是非教えてください（＾＾

html5の雛形（改版）

2012-06-25T11:38:00.001+09:00

html5を意識したhtmlファイルを書くときに便利になるかと思います。
よろしければコピペしてお使いください＾＾

次はリセットcssかな


<!doctype html>
<html>
<head>
 <meta charset="utf-8" />
 <title>HTML 5</title>
 <!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->

 <style>
   article, aside, dialog, figure, footer, header,
   hgroup, menu, nav, section { display: block; }
 </style>
</head>
<body>
<!--ヘッダ-->
<header>
 <a href="#">html5ヘッダ</a>
</header>
<!--ナビ-->
<nav>
 <ul>
 <li><a href="#">html5ヘッダ</a></li>
 <li><a href="#">html5ヘッダ</a></li>
 </ul>
</nav>
<!--メイン-->
<section>
 <article>
  <h1>Article1</h1>
  <p>html5Body</p>
 </article>

  <article>
  <h1>Article1</h1>
  <p>html5Body</p>
 </article>
</section>
<!--フッタ-->
<footer>
 <a href="#">html5フッタ</a>
</footer>
</body>
</html>

linuxのメモリが足りているか確認するコマンドメモ

2012-06-18T10:15:00.000+09:00

まずはfreeコマンド
「Swap:」のusedをチェック

[root@hoge]# free
             total       used       free     shared    buffers     cached
Mem:       3089280    3074700      14580          0     974968    1044600
-/+ buffers/cache:    1055132    2034148
Swap:      2031608        108    2031500

上記の例だと108KBしかSwapを使っていないので、事実上問題ない。

次はvmstat
si（swap in)とso（swap out）を確認。

[root@hoge]# vmstat
procs -----------memory---------- ---swap-- -----io---- --system-- -----cpu------
 r  b   swpd   free   buff  cache   si   so    bi    bo   in   cs us sy id wa st
 0  0    108  21896 971572 1041808    0    0   498   508    5    8  1  1 89  9  0

両方とも0なので何の問題もない。

三項演算子ってなんかプロっぽい

2012-06-05T00:37:00.000+09:00

三項演算子はif～else文をとてもシンプルに、そしてプロっぽく書ける技！
マスターするべし！

(例）


<script>
 var sex='';
 if (sex == '男性'){
  price=5000;
 } else {
  price=3000;
 }
</script>

これがこう書ける


<script>
 var sex='';
 price = (sex == '男性') ? 5000 : 3000;
</script>

javascriptの基本例文メモ(3)

2012-06-04T23:43:00.003+09:00

・Blowser Object Model（BOM）
・Document Object Model（DOM）
・イベント処理
・タイマー処理


<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="UTF-8">
 <title>JavaScript</title>
</head>
<body>
 <h1>Javascriptの勉強</h1>
 <p>僕の名前は<span id="myName">@wknin</span>です！</p>
 <p>価格：<input type="text" id="price">円</p>
 <p><input type="button" value="クリック" id="myButton"></p>
 <script>
  //Browser Object Model (BOM)
  
  console.log(window.innerHeight); //ブラウザの高さ
  
  //window.location.href ="http://google.com"; //ページジャンプ
  
  //Document Object Model(DOM)
  
  console.log(document.width);
  document.body.bgColor='red';
  
  var e = document.getElementById('myName');
  e.innerHTML="わくにん";
  
  var n = document.getElementById('price');
  n.value=500;
  
  //event
  var t = document.getElementById('myButton');
  t.onclick = function(){
   alert("クリックされました");
  }
  
  //タイマー処理
  //setTimeout：一定時間後に何かする
  
  setTimeout(function(){
   console.log("2秒経ちました");
  },2000);
  
  
  //setInterval：一定周期ごとに何かする
  //とまらないので注意
  
  var i=0;
  setInterval(function(){
   console.log(i);
   i++;
  },1000);
 </script>
</body>

</html>

javascriptの基本例文メモ(2)

2012-06-04T23:41:00.001+09:00

・配列
・連想配列
・オブジェクト（文字列・日付・数学）


<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="UTF-8">
 <title>JavaScript</title>
</head>
<body>
<h1>Javascriptの勉強</h1>
 <script>
  //配列
  
  var sales0=100;
  var sares1=200;
  var sares2=150;
  
  var sares=[100,200,150];
  
  console.log(sares[2]+sares[1]);
  
  
  //連想配列
  
  var sares={'year2000':100, 'year2001':200, 'year2002':150};
  console.log(sares['year2002']);
  
  
  //Javascriptオブジェクト
  //日付・数値・文字列
  
  var s = new String("this is a pen."); //new String()は省略可能
  
  console.log(s.length);  //プロパティ（属性）
  console.log(s.substr(2,2));　//3文字目から2文字
  console.log(s.replace("pen","pencil")); //置換
  
  //array
  
  //var a = new Array(12,33,44,55);
  var a = [12,33,44,55];
  
  console.log(a.join("|"));
  console.log(a.reverse());

  //Dateオブジェクト
  
  //var d = new Date(2012,5,22,7,44,5); //月：0～11
  
  var d = new Date();
  console.log(d.getMonth()); //メソッド(処理) ()がついてるかどうか
  console.log(d.getTime()); //ミリ秒　（計算に使うケースが多い）
  
  //Mathオブジェクト
  //プロパティ
  console.log(Math.PI);    //円周率
  console.log(Math.SQRT2); //2の平方根
  //メソッド
   var x=5.238;
  console.log(Math.floor(x)); //切捨て
  console.log(Math.ceil(x)); //切り上げ
  console.log(Math.round(x)); //四捨五入
  console.log(Math.random()); //ランダム
  
  
 </script>
</body>

</html>

javascriptの基本例文メモ(1)

2012-06-04T23:38:00.000+09:00

・変数
・演算子
・条件分岐(if/switch)
・ループ（while/for)
・関数


<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="UTF-8">
 <title>JavaScript</title>
</head>
<body>
<h1>Javascriptの勉強</h1>
 <script>
  // 変数:データにつけるラベル
  // データ型
  var message = "Hello World, Again!"; //文字列
  var d1 = -5.5;
  var d2 = true; //boolean
  var d3 = undefined; //定義されていない
  var d4 = null; // なにもない
  //alert(message);
   //代入演算子
  var x = 5;
  //文字列に関する演算子
  var s="hello" + "world";
  
  // 数値に関する演算子
  var x = 5%5; //余り
  x += 5; //x = x + 1
  x++; // x = x + 1
  x--; // x = x - 1
  
  //条件分岐　(if)
  var score = 80;
  
  // == 同じ　!=否定
  if (score >= 70){
   alert("合格！");
  } else if( score >= 30){
   alert("不合格！");
  } else {
   alert("最悪！");
  }
  
  //条件分（switch）
  var direction="right";
  switch(direction){
   case "right":
    x = x + 10;
    break;
   case "left":
    x = x - 10;
    break;
   case "up":
    y = y - 10;
    break;
   case "down":
    y += 10;
    break;
   default:
   //例外処理
    break;
  }
  
  //ループ(while)
  
  var i = 0;
  while(i < 10){
   console.log(i);
   i++;
  }
  
  //ループ (for)
  
  for(var j = 0; j < 10; j++){
   console.log(j)
  }
  
  //関数(aとbは引数
  function sum(a,b){
   return ( a + b );
  }
  
  var result = sum(50,33);
  
  alert(result);
  
  function getPrice(x){
   var rate=0.82; //rateは関数内だけで有効
   return (x * rate);
  }
  
  console.log(getPrice(83));
 </script>
</body>

</html>

jQuery Mobileでページを書くときの雛形

2012-05-29T22:18:00.001+09:00

雛形シリーズ第三弾「jQuery Mobile」

<!DOCTYPE html> 
<html> 
<head> 
<title>PageTitle</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head> 
<body> 

<div data-role="page">

<div data-role="header">
<h1>Title</h1>
</div>

<div data-role="content"> 
<p>Hello world</p>  
</div>
</div>

</body>
</html>

html5で書くときの雛形

2012-05-29T15:47:00.000+09:00

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML 5 complete</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, dialog, figure, footer, header,
  hgroup, menu, nav, section { display: block; }
</style>
</head>
<body>
<p>Bodyだぜー</p>
</body>
</html>

JQueryを使ったページを書くときの雛形

2012-05-29T15:45:00.002+09:00

よく使うのでメモ

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<body>
<script>
$(document).ready(function() {
 $('#test a').click(function(){
  $(this).text('hello');
 });
});
</script>
<div id="test"><a href="#">クリックして！</a></div>
</body>

</html>

iPhoneの初期化

2012-05-28T18:05:00.001+09:00

パスワードを忘れてどうしようもなくなったiPhoneの初期化手順をメモ

①　電源を切る
②　□ボタンを押しながら、USBケーブルでiTunesのインストールされているPCにつなぐ

以上、記事というにはおこがましいですね・・・

Xperia　SO01BにThGo2 V16.0

2012-05-27T12:16:00.001+09:00

まずは必要なものの準備から

Flashtool
まずはこれがないと始まりません。
Installationタブからwindows版をダウンロードします。

Flashtoolの主な機能（HPを軽く訳しました）
1.　OSイメージを書き込む
2.　rootの取得
3.　ｘRecovery（イメージバックアップソフト）Busybox（シェル）、カスタムカーネルのインストール
4.　Romのクリーン
5.　davik cacheのクリア
6.　JITv2のインストール
7.　アプリのインストール
8.　クリーンアンインストール
9.　テキストファイルの編集
10.端末のRebrand

上記リンクからFlashtoolをダウンロードしてインストール後、Flashtool.exeを起動。
端末は「設定」→「アプリケーション」→「開発」→「USBデバッグ」をonにしておく。

■　ThGo2カスタムROMはベースバンドのバージョンが71でないといけないようなので、ここ(Xdeveloper)からGlobal GGL Generic 1232-9897 build 3.0.1.G.0.75
をダウンロードして解凍してできたETFファイルを、FlashToolをインストールしたディレクトリのfirmwaresにいれておきます。

6/5追記ベースバンド75のファイルへのリンクが切れているようですので、リンク削除しました。

コメントに書いていますが、別リンクから落としてもいけそうです（インストールまでは未検証です）

■　ROM書き換え後に起動しない場合があるのでここからX10_2.3.3_Th_kernel-n1.1-BootManager-v2.0をダウンロードしてFlashToolをインストールしたディレクトリのfirmwaresにいれておきます。

■　xdeveloperからダウンロードしたThGo2_v16.0.zipをマウントした端末のSDカードにコピーしておきます。

--------------------------
Root取得と準備（FlashTool）
--------------------------

■　Root取得
Advanced→Root→ForcePsneuterをクリックで自動的にRoot取得され再起動されます。
再起動後、端末に「superuser」というアイコンが登録されていれば、Root取得完了です。

■　busyboxインストール
Advanced→Install　Busybox

■　ｘRecovery ｖ0.3のインストール
ツールバーの「＋」マークをクリックするだけ
その後端末を再起動し、「戻る」キーをしばらくクリックし続けると、xRecoveryが起動します。
表示されたメニューからbackup and Restoreを選び、まずはbackup（元に戻すとき等に使います）

----------------
ROM入替準備
----------------
■　キャッシュの消去
xRecoveryで行います。
・　FactoryReset（Full Wipe）
・　Wipe Cache Partition
・　Advanced Optinos
→　Wipe Dalvik Cache
→　Wipe Battery Stat

■　ROMのインストール
先にコピーしておいたThGo2_v16.0.zipをxrecoveryの「Install custom zip」→「Choose custom zip from sdcard」から選択してインストール

下部log画面に「Install from sdcard complete」と出ればインストール完了
念のためもう一度キャッシュの消去を行います。

■　ベースバンドの変更

FlashToolsのツールバーの「雷マーク」をクリックしてFlashmodeを選択
「Select a Firmware」でFlashToolsのFirmwaresフォルダを開き、Version部のX10i_3.0.1.G.0.75を選択
「Firmware Content」でkernel.sinを選択してOKボタンを押します。
端末の電源を一旦切り（電池を抜いてもOK）ハードウェアキーの「←（戻る）」ボタンを押しながら、PCに接続します。

するとFlashToolsがベースバンドを書き換えてくれます。

あとは再起動して起動すればOK　（ワタシは起動画面の途中（四角い画像が飛び交っている画面）で固まってしまいましたので、イカのようにして回避しました。

■　bootloader（必要な方）

FlashToolsのツールバーの「雷マーク」をクリックしてFlashmodeを選択
「Select a Firmware」でFlashToolsのFirmwaresフォルダを開き、Version部のX10i_3.0.1.G.0.75を選択
「Firmware Content」でkernel.sinを選択してOKボタンを押します。
端末の電源を一旦切り（電池を抜いてもOK）ハードウェアキーの「←（戻る）」ボタンを押しながら、PCに接続します。

これで、再起動してみます。

ワタシの環境ではこれでうまくいきました。

------------------
まとめというか感想
------------------

注意することとして
・ベースバンドの変更が必要（このROMは71）
・私の環境だけかもしれませんが他のブログ等を参考にしてうまくいかなかったのでブートローダーだけ差し替えてみたところ。

このあたりが躓くところかなーと思います。

皆さんの体験報告などもコメントいただければうれしいです（＾＾

CentOS6用のepelリポジトリ

2012-05-25T15:55:00.002+09:00

CentOS6用のepelリポジトリを追加

wget http://ftp.riken.jp/Linux/fedora/epel/RPM-GPG-KEY-EPEL-6 

rpm --import RPM-GPG-KEY-EPEL-6

repoファイルを新規作成

vi /etc/yum.repos.d/epel.repo　

[epel]
name=EPEL RPM Repository for Red Hat Enterprise Linux
baseurl=http://ftp.riken.jp/Linux/fedora/epel/6/$basearch/
gpgcheck=1
enabled=0

パッケージのインストール

yum --enablerepo=epel install ○○

centOSをネットワークインストール（6.2対応版）

2012-05-25T11:32:00.000+09:00

OSインストール時にメンドウなのが、インストールCDやDVDを作成すること。
作ってもインストールが終わったら不要なものになってしまうので、できれば作りたくないものです。

そこで試してみたのが、ネットワークインストール

これを1枚作っておけば、違うバージョンをインストールしたくなってもカンタン♪

①　まずはネットワークインストール用のisoをダウンロード
下のリンクの6.2を他のバージョンに変えてもOKです。

http://ftp.riken.jp/Linux/centos/6.2/isos/i386/

から「CentOS-6.2-i386-netinstall.iso」とうisoイメージをダウンロード

②　CD等に焼くかマウント（私はVMware上での構築なので、新規仮想マシンにマウント）して起動

③　初期画面で[Enter]キーを押す

④　「Choose a Language」でJapaneseを選択
　※　「途中まで日本語が表示できないよ～」というような警告が出るので「OK」を押して継続

⑤　Keyboard Typeという画面でjp106を選択

⑥　Installation MethodでHTTPかFTPを選択

⑦　Configure TCP/IPでIPｖ４を設定（私はとりあえずDHCPにして、IPv6は無効にしました）

⑧　HTTP Setupではダウンロードするpathを入力しますが

ftp://ftp.riken.jp/Linux/centos/6.2/os/i386/

と入れればOK（たぶんバージョンを変えてもいけそうです）

とってもカンタン、是非お試しあれ！

ubuntuでナチュラルスクロール

2012-05-21T22:14:00.000+09:00

ある日突然、マウスのホイールでスクロールする向きが逆になってしまった。
ナチュラルスクロールという機能のようで、appleが OS X Lionから標準採用したものらしい。（今更ですが）

iphoneなどの機器を操作する感覚と合わせたのだろうが、どうも気持ち悪いので、元に戻すことにしました。

設定場所を忘れないようにメモ

1.　Ubuntu Tweakのインストール（まぁみなさん入れていることでしょう）
2.　Ubuntu Tweakの【Tweak】→【Miscellaneous】→【Natural Scrolling】のオン・オフで切り替え可能です。

指とマウスじゃ違うと感じるのは私だけでしょうか・・・

androidアプリ開発日記(1)～やっぱりhelloworld

2012-05-18T21:59:00.000+09:00

androidのアプリを作ってみたくて、開発環境は作れたものの、まずどうしていいかわからかったのでメモ。
情報サイトを見ていたものの、イマイチ難しい。

HelloWorldを改造しながらちょっとずつ覚えていこうと思う。

目標は、過去記事に関連して
「Xperia Acro　IS11SのMTU値を変更」するアプリを作ること。

まずは前提条件というか覚えておくこと

・　Activity＝画面と思っておく。
・　何かしようと思うと必要なクラスをimportする。
・　メインのプログラムは/src/namespace/○○.java
・　あらかじめ登録しておく文字列は/res/values/strings.xmlに記入
・　画像を表示するアプリの場合/res内にdrawableディレクトリを作りその中にファイルを入れる。

ぐらいでしょうか？（少なすぎｗ）

まずはデフォルトで出来上がるファイルから

package com.hiropop.setumtu;

import android.app.Activity;
import android.os.Bundle;

public class SetMTU extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

11行目にあるsetContentView(R.layout.main);で/res/layoutディレクトリ内の、main.xmlを呼び出している。
（main.xmlにはhello worldと書かれている）

ここで、「R」は何を指しているかというと、/genディレクトリ内にあるR.javaと言うファイルを指しています。
R.javaは、開発環境で自動的に作られるもので、様々なリソース（文字・画像・レイアウト）ファイルの場所を指し示しているファイルの様です。

まれに、R.javaが壊れてしまう事例が発生するようですが、プロジェクトをクリーンすると再構築されるらしいです。

できたてホヤホヤのR.javaはこんな感じ

/* AUTO-GENERATED FILE.  DO NOT MODIFY.
 *
 * This class was automatically generated by the
 * aapt tool from the resource data it found.  It
 * should not be modified by hand.
 */

package com.hiropop.setmtu;

public final class R {
    public static final class attr {
    }
    public static final class drawable {
        public static final int ic_launcher=0x7f020000;
    }
    public static final class layout {
        public static final int main=0x7f030000;
    }
    public static final class string {
        public static final int app_name=0x7f040001;
        public static final int hello=0x7f040000;
    }
}

13・16・19行目を見ると、drawable（画像）・layout（レイアウト）・string（文字列）がそれぞれresディレクトリ内を指していると言っていいでしょう。（テキトウですいませんw）

さて、何も加えずにビルドすると、Hello World,SetMTU!などと文字が表示されますが、味気ないので手を加えてみます。

1.まずは表示する文字を変えます。

/res/values/string.xmlを開いて「hello(String)」と「app_name(String」の２つのエレメントがありますので、helloをクリックします。
画面の右側に、「Name」と「Value」がありますので、好きに変えてみます。

「Value」は変更しても問題ありませんが、Nameを変更すると、参照されなくなりますので、Main.xmlを開き、
@string/helloのプロパティからTextプロパティを「@string/welcome」（welcomeはstring.xmlでつけた名前）に変更します。

あとは、プロパティに色（Text Color)やフォントサイズ(Text size)など様々な手を加えてみます。

とりあえず、こんなとこかな？