今日も勉強しました

7もやっぱりRaid で作ろう！

noreply@blogger.com (さいきゆみ) — Wed, 25 Jan 2012 15:40:00 +0000

▲がプラスです。よく忘れる…

私、ミラーリングのパソコンを何台か作ってきたんですが、全部XPだったんですね。
フロッピーディスクを挿入して…Raid のドライバーを入れるといういう…。

この前、これで作りましたが…初めて７で作り、作り方でつまずきましたので記録しておきます。
結論を書きますと…。

今すぐインストール→ハードディスクの選択のところで詳細を出し、そこのドライバーのインストールで、マザーボードに付属のDVDに7のディスクを入れ替えて認識させて、Raidのドライバーを入れないと、

このコンピューターのハードウェアで動作するようにwindowsを構成できませんでした。　になって悩みます。

Biosの説明書を読み、７の64bitで組む場合は…そうかraidをbiosで選択したらいいだけで、7の中にRaidのドライバーはあるんだと思い込んでおり、

エラーはきっとどれかパーツが壊れているんだと超悩みました。

そりゃそうですよねぇ。ありとあらゆるマザーボードのRaidのドライバーが７の中に全部あるわけないですよね。

ちょっと考えたらわかることなのに、3回もインストールしなおしました…www. orz

私プロだと思っていたのですが返上したいと思います。　
←この　ドライバーの読み込みをするというのが説明書には一切書いてなかったわ！

ウワサのインテルの第二世代で作ってみました。

Corei5-2500 \16990円

GA-Z68MA-D2H-B3 GIGABYTEです。

私のパソコン工房では10990円でした。

ビデオカードいらないのいいですね。

まだビデオ編集してないけど。起動とか確かに早い。さすが64bit！

1個だけ残っていた赤いケースがとってもいい感じなんです。

わーいって感じ。

赤いランプがつくの～　3980円で買ったケースと思えない～！ややペラペラなんだけどお得でした。

超静音で、今回激安の中国製の恵安の電源使ったけど、プラスチックみたいなペラペラでしたが、

なかなかよかったです。

やはり自作はケースですよぉ（ウソです。安定性が一番ですけどね）。　
オシャレだと仕事が楽しくなりますね。

暇ができたら3D見たい。

Access2010 条件によってラベルを非表示にする

noreply@blogger.com (さいきゆみ) — Sat, 14 Jan 2012 14:50:00 +0000

accessの2010になったら、簡単にいろいろ作れるのだけど、簡単すぎてよくわらかず困っています。

ラベルも昔みたいにif IsNull　とかと延々とプロシージャーに書くよりも表示条件ですぱっとやった方が楽！
で、やってみました。

ハガキウィザートとかついてて、便利なんだけど、マクロ入ってるので、いきなりデータのところに &"様"　とか足してたらエラーになるので超悩む。　加工せずに　テキストボックスを追加して改めて　=[お名前]&"様"　にしたらできる。

めんどくさ～。　むちゃ悩んだ！

で、表題のものですが　ラベルには条件付き書式は反映されないので、テキストボックスを作り…出したいデータをつくる。

= "あなたの番号は"　& "番号"　

とか…　番号がデータ名です。

で、右クリックでルールを指定　式で　IsNull([番号])　とするだけ！

ただし、形式を　白地に白文字にして初めて非表示になります。　

考えたら当たり前なんだけどね！

ホンマにつかれたわ～。形式を真っ白にしたら非表示になった～わからんちゅうねん！

本当の初心者の為のhtmlの説明

noreply@blogger.com (さいきゆみ) — Fri, 06 Jan 2012 05:43:00 +0000

html　の　基本的なことを教えて欲しいということを　たまに会社の新人さんに言われますので、
ブログシステムnuclues　に記入していく上で知っておくと便利な基本的なhtml　を書いておきます。

<b>太くなる<b>　 ボルド　これで囲むと太くなります。

<strong>太く強調する</strong> ストロング　これで囲んでも太くなりますが、ボルドと違いSEO(検索エンジン対策)で上位になるためのキーワードを囲むようにしてください。

他にもいろいろございますが、こちらあたりを御覧ください。

<div style="font-size:Medium;color:red">文字が大きく赤くなる</div>
↑これはインラインスタイルシートというもので、文章の中に直接　style="設定"　という形で指定する方法です。

よく使うスタイル指定は

font-size:18px;　必ず最期を;　で区切ります。　フォントサイズ　文字の大きさ　数字を変えることで文字の大きさが変わります。フォントサイズの違いはこちらでわかります。

color="色を指定"　　red　などと　赤を指定することもできます。　文字の色などを指定できます。
色についてはこちらをどうぞ

<div style="background-color:#ffcccc;color:black">背景をピンクに文字は黒に</div>
バックグラウンドカラーbackground-color　背景色を指定することもあります。

CSSについてはいろいろ文章があります。

もうちょっとレイアウトについて詳しく知りたいときは…　こちらの私の記事も参考にしてください。

html5 audio のクリックを利用し　メニューに調整した音を出す

noreply@blogger.com (さいきゆみ) — Mon, 02 Jan 2012 16:40:00 +0000

html5でflashいらずなサイトを作りたいと…。
audioというのがものごつ便利です。

で、これを見つけまして…。これは便利だと！

メニューの音を鳴らすのもこれだったら簡単です。　
audio要素をdisplay noneにしておけばいいじゃん！

ということで加工してみました。

ただ、初期値だと音がデカイと思うので、これをどうしたらいいのか悩みました。
で、ボリュームを調整ってどうするの？

こっちは単純にdisplay noneにしただけのですが音の大きさが違うと思います。

これは…

$(function(){
	beepOne.volume=0.01
	});

というのを、スクリプトに追加しただけです。
読み込んだ際に、音を0.01にしろというjqueryを書いたらよい。

これをへたにクリックすると音が小さくなるとするとうまくいかないらしい。
検索すると　1-0.1となっているのですが、なんか　0.01　にしたらうまくいったんですけど…ironでしかテストしてないので何とも…。

それにしても短いスクリプトで簡単に実現できてすばらしいのではないでしょうか！

このサイトものごつ勉強になります。　

おいかけてくるメニューも良さげです。スクリプト短いし…

html5　よろしいなぁ。　これじゃないとイヤって気持ちになってきました。

確認したところ…やはりIE8ではめんどくさいエラーが出まくりますので、こちらの魔法の言葉で回避しましょう～

尚、html5ですが、私発見したのですが、　localhostの環境だとうまく表示されないので超悩んでいました。なんかエラーが出るんです。

でも、はたと気が付きました
拡張子を htm にしとかないとエラーが出ます。　html　だとダメです！
ここのひな形を見てはたと気がつきました！　もうXAMPPの設定ばっかり検索してたよ。

これ初心者わかんないと思うけどな。ツイートしたけど反響なかったけど…皆知ってるのかしら？

いやぁ。知らんというのはそういうものですねぇ。
html5　と　css3　こういうのをじっくり端から読みたいなぁ。　ホンマにいくら時間があっても足りません。

わかりやすいcss3の説明サイト…カッコいい

オススメ！
原発反対

CSS3で線（border）をグラデーションさせるテクニック

ヘテムルなどのマルチドメインに設定したファイルを必ずドメインに

noreply@blogger.com (さいきゆみ) — Sun, 20 Nov 2011 15:53:00 +0000

ヘテムルにわわわ＝っと私はありとあらゆるものを作って入れております。

無制限マルチドメイン　42GBはすごいです。

で、先日、某クライアントのサーバーがなんかしらんけどサーバーにアップできない。　なんでというぐらいパンパン。　にっちもさっちもいかん。　

で、そのサーバーは昔、人から頼まれて管理するようになったところで、サーバーは私の知らないところだったのですが、前からとても古くて引越ししないと…と言うとったが…こんな少ないデータしか入ってないのに！って感じなのに…。

もう私、甘かったわ。でも、そんなこと言ってらんない。と、とりあえずhtemlに入れる。

でもheteml にネームサーバー書き換わる間に、入りきらん最新ファイルが見れないという状況になり…　というわけで、もうしょうがないので、saiki.heteml.jp/hogehoge/ というアドレスをさらし、こっちに来てくださいと誘導し、1日くらいでドメインの移転をした。

速攻hetemlのアドレスは消したが、なんか、それのせいで　検索したら　saiki.heteml.jp/hogehoge/が出てくるので消してくれませんか？　とか言われる。

それを消したらドメインも表示されないんですと説明するものの不満そう…。

で、そういえば…と
htaccess でリダイレクト使えないかなと…。

Redirect permanent /hogehoge http://www.hogehoge.co.jp

と書いたら　うまくいきました。　簡単だった。　wwwの統一しかやったことがなかったので…。

で、どうしてこんなに急に…と不思議でたまらんかったが、10年近く前のサーバー使っていたらしいのですが、なんと、メールを全部サーバーに残す設定で使い続けていたことが判明。

（サーバー引っ越したらメールが見えなくなりました）　と電話があってわかる。

う～ん。　そういうことあるねんなぁ。　次はもうgoogle appsにしようねと。

ああ、本当に振り回されたよ…。

でも、ケッコウ簡単に設定できるし、seo対策にもなるので、これこれから全部にしとこうと思った仕事熱心な私であった。
SEOには手間は惜しまない。　ま、このクライアントの場合、クライアントのこだわりだけでほとんど影響ないと思うのですが…

でも、不満を表明してくれたお陰で、そういえばこんな技術があったげなと想い出せたという。
このようにお客様に育てていただいております。

こんな幸せも平和があってこそ…

昔売れるじゃないかと言うとった商品

私の最近の超オススメはこれ！

body のid要素によりmenuにアクティブclassを追加　jquery で

noreply@blogger.com (さいきゆみ) — Thu, 17 Nov 2011 11:59:00 +0000

とあるお仕事で、ほぼ初めてhtml5でフルで、しかもjqueryオンリーで書いているのですが（ケッコウ私も勉強するとなったら必死でjqueryをマスターしようとしているのだった。）
ケッコウ細かい変更が多いお客さんみたいなので、お得意の画像メニューだと変更したときにややこしいだろうなと思い、
この前見つけたオシャレなjqueryのピコピコメニューを使ってみようと思いました。

これだとテキストベースなので、変更があっても大丈夫です。
考え方としては、これも最近マスターしたイメージマップを使いhover とhitで色を変え、右側の切れ込みは

<a href="hoge">HOME<span></span></a>

のように書き、spanで作って見せるというものです。こんな書き方したことない！確かにこの方法なら内容に応じてメニューの長さも自在で便利だわ！でも、現在のページのタブに色つけたい場合はどうしたらいいの…と思いまして…先生にこれまた相談しました。

で、これもjqueryで書けると…。

私、書いて見ました。　最初先生が、もっと高機能の現在のフォルダを認識して　addclassで（クラス）を追加する方法でしたが、nucleusで作るので、フォルダという考え方というよりも

単純にitem別にnp_matchかなんかでifで分岐し、
bodyにidを書いて、そのidを取得し、var bodyid = $('body').attr('id');　←　変数を宣言し格納する。
そのメニューのidに色をつけるクラスを追加するということにしました。

先生に教えて頂きまして、
こんなスッキリした書き方ができました。

$(function(){
var bodyid = $('body').attr('id');
//swithで分岐し、変数activeを宣言
switch(bodyid){
case 'no1':
var active = 'nav-2';
break;
case 'aboutus':
var active = 'nav-3';
break;
case 'contact':
var active = 'nav-4';
break;
case 'home':
var active = 'nav-1';
break;
}
// Class を追加する対象を決定　変数active のリンク要素に　targetElemを宣言
var targetElem = '#' + active + ' a';
// 対象へ「.active-nav」を追加
$(targetElem).addClass('active-nav');
});

アクティブの時のcssを.active-nav　に設定し、
例えばcase no1だった時は、
$('#nav-2 a').addClass('active-nav');

現在アクティブにある　#nav-2 の a 要素に　active-navをつけて↓のようにするということです。

<li id="nav-2"><a class="active-nav" href="#">メニュー<span></span></a></li>

なかなかこれ便利じゃないかなと思います。

調べたら他にもありました…

bodyのクラス要素とメニューのクラス要素を同じにしてアクティブを作る方法（こっちもいい感じだが、私の能力だとちょとわかりにくい…）

rollover プラグイン…

直接関係ないけど、ファイル名の名前のbodyタグにidを追加

いやぁ。楽しいですね。わかるって。

ちなみに先生が最初に書いてくれたフォルダごとに分岐する方法を書いておきます。これも一般的なホームページには便利かなと（もちろんnucleusでカテゴリーで分岐する場合でも使えますが…）

jQuery(function(){
// 「#menu」が存在するときのみ動作する
if($('#menu').length){

var active = '';

// 現在のURLを配列で取得
var now = location.href.split('/');

// 親のディレクトリ取得
var endDir = now.slice(now.length-2,now.length-1) + active;

// ディレクトリ名によって分岐

switch (endDir){
case 'no1':
var active = 'nav-2';
break;
case 'aboutus':
var active = 'nav-3';
break;
case 'contact':
var active = 'nav-4';
break;
case 'home':
var active = 'nav-1';
break;
}

// Class を追加する対象を決定
var targetElem = '#' + active + ' a';

// 対象へ「.active-nav」を追加
$(targetElem).addClass('active-nav');

}
});

正直、この先生の書いてくれたのはちょっとなんとなくしかわかんない。
var active = '';　最初に変数active には何もない状態であると宣言しておくなんて、javascript 書きなれたらうかぶようになるのかなとか。　これって本当に必要なのかな？とかいろいろ考えて、いじりながら勉強したくなりますが、暇もないので…とりあえずメモしときます。
こういう細かい文法が気になる！私はそうです。バリバリの文系出身です。

上へ

先生のブログが更新されていました。cssで実現する角丸のオシャレなデザインについて…　こんなグラデーションができるんだ！　すごいわ！！みたいな。

早速　現代数学社さんのブログのジミなタイトルを加工してみた。

なんかとってつけた感じになったけど…こんなことができるんだ～という感じで。

上がオペラで下がIE8での表示…なんだか残念な感じ。
IE9でもなんかへんになるのでやめた…
何か他のものが邪魔しているみたいなのですが…

こだわる暇がないので…　参考までに記録しておきます。↓

h1.title{
margin-top:-5px;
letter-spacing:5px;
padding: 17px 0 18px 30px;
border: 1px solid #212121;

font-weight: bold;
text-shadow: 1px 1px 0 #212121;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 8px 0px #fff;
-moz-box-shadow: inset 0px 0px 8px 0px #fff;
box-shadow: inset 0px 0px 8px 0px #fff;
background: -moz-linear-gradient(bottom, #212121, #3a4861);
background: -webkit-gradient(linear, center bottom, center center, from(#2A2A2A), to(#767676));}

が追加してみたものなんですが。
ジャドーだけにしとこ。　この角丸にするのはかわいいですが、IE9でないと表現できないですね。

参考　css楽しい～

これ欲しい
iphoneの時代

if else でもjquery は使えるが、ある一定のアドレスの時に…はこんな風に書く…
アドレスがaboutus.html#kojin　だった時は…
if ($(location).attr('href').match(/\/aboutus.html#kojin/)) {
この間に命令
}

番外編で…javascript で同じページのアンカーに移動しリロードする。（クリックでリロードはすぐ出てきたけど、これがなかなかなかったです。）

<script type='text/javascript'>

function reloadAndJump(anchor)
{
location.href=location.href.split(/?|#/)[0] + '#' + anchor;
location.reload(true);

return false;
}

</script>

<a href='#' onclick="return reloadAndJump('theAnchor')">Reload</a>

<a name='theAnchor'> </a>

ついでにjavascriptもちょっとづずわかるようになってきました。
イヌでもわかるJava Script講座…ふんふん

iflameがiPadに使えなかった

noreply@blogger.com (さいきゆみ) — Fri, 11 Nov 2011 08:58:00 +0000

divのoverflow:auto;にするといいそうです。
同じサイト内なんでdivで作りました。

↑S31HW で撮影…　新しいの欲しい＝

nucleusのサイトなので、外部情報だったとしてもincludeすればなんとかなるな…。
iflameにこだわると、たったこれだけのためにipad用の分岐をしないといけない。めんどくさすぎる。

iflameでこれまで逃げて来ましたが、サイズが大きく飛び出す場合はdivで作るしかないですね。

nuclesuのNP_ExtraSkinJPに　ツイッター表示のphpをWritePHPxs　で書き、divで囲んで、skinに%ExtraSkinJP(部品名)%で書き込みます。

今までわざわざ、スペシャルスキンで作って、iflameにしてたのですが、めんどくさいことをしていただけでした…。　賢くなった。

この前、近畿宮崎県人会で60代以上だいたい70歳に近い人々とお話してきましたが、一人「私ipad買おうと思うのよ～google appsってipad大丈夫かしら？」と聞かれて、やりにくいかもしれないけど大丈夫だと思うとお答えしました。
クリックが苦手な年配の方にiPadは便利そうだと思うらしい。

「私なんてネットで調べたりするしかしないもん～」と。そうだと思いました。　やっぱりiPadはきますね。ボタンが一つしかないのも確かに便利だなと思う。

iPadとAndroidを両方使いますけど、iPadはやることが限られている人にはいいと思う。

私なんかはちょっと物足りないんだけど。

それにしても、emobileとかホンマに安い。いやぁ。なんとか景気盛り上がってパカパカ買いたいですねぇ。　

は。は。は。手のひらに浪費線しかありません。

このイラストこちらでもらいました。

何に使うんでしょうか？　よくわからないですが…
apple製品のリアルイラストがもらえます。イラレのデーターも。

これからマックがまたさらに飛躍するのですかなぁ。

いつか使いたいjqueryテクニック　セムーちゃん大好き

noreply@blogger.com (さいきゆみ) — Wed, 02 Nov 2011 08:47:00 +0000

このハンカチ欲しい～

先生のお陰でjqueryに目覚めた私は、どんどんアイデアが出ています。
先生も最初はヌーで勉強したそうで。私も先生が書いたのをヌーで調べながら実力があがっているなと感じます。ヌーのシールが欲しいわ。超愛用してます。　

セムーちゃんの本も買いました。サンプルがネウチあります

調べていつか使いたいと思ったものをコレクションしていきます。　この方もはまったらしい…ここまでになりたいなぁ。

ホームページのトレンドjquery　すごすぎ

転送量を少なくできる。スクロールで画像を次々読み込むjquery
phpでブログの情報を抜き出して画像だけを読んだりしたらおもしろい。フラッシュだと超重くなるし。

フラッシュとしか思えない写真のスライド　キラキラしてゴージャス
コレ見るともうフラッシュいらんなと思う。

こうして時代は変わっていくわけでして…原発はイラない時代になっていくわけである。

これは確かに便利そうなjqueryの表計算ソフト

これはとってもステキなHighslideとjquery のSlideとのコラボ。

花丸にやりたい。

Hightslideをjqueryで操作するということもできるようである。
Highslideはスタンドアロンなのでjqueryと組み合わせるのは問題ないらしく、いろいろなサンプルがある。

でも基本的にはHighslideは有料なので…jqueryで似たようなものはないだろうかと…。prettyPhotoというのもある

うろうろしていたら見つけた、いろいろもらえる所。使えうそうなものばかり。（jqeuery関係ないけど…）このブラシのビューアー使える！

jqueryでバック画像を調整して常に1枚の写真に見せる方法。これは使える！

文字の後ろに動く画像。フラッシュみたい！このサイトのデザインもステキ。

jqueryのプレロード　もう完全フラッシュ

メニューが多いところに良さそうなタブメニューこれしたい

来た人を逃さないプレゼンテーションサークル

いかにもhtml5な組ができるこれ必ずやる

今いちピンとこないけど、こういう感じでnotify 入れたら　確かにめだつ。消せたら最高

ようこんなん作ったなと思えるアニメ。animate を書いた順番に動作できる。
addCommandプラグイン
やってみて勉強したが、animateは別の要素だと同時に実行される。
例えばhideとshowを並べて書いたら左から順番に実行されるが、css による指定をその次にもってこうようとしてもshowの後にcssを変化させるのではなく、いきなりcssが変わる。

これ絶対にカッコいい。ランダムに何も考えなくてもボックスを並べるMasony
マソンリーですかね？　読み方わからん。　ト思ったらツイッターで教えてくれる人がこれまたおりまして…
メイソニー　というようです。　メイソンリーというのは石工という意味でしてなるほど。これで覚えられそうですね。

これを利用したアディダズのものごつカッコいいやつ。

jquery でおっかけてくるメニュー
.dimensions.js　というのは、座標をゲットする標準のUIだという。　なんか本当に便利すぎ！
でも、こっちより、こっちの方が書き方シンプルなおっかけてくるメニュー

jquery でドロップシャドウ

.delegate って便利リファレンスここ　クリックしたら拡大し他がクリックされたら消える

jQuery で　blogger のCSSを操作する

noreply@blogger.com (さいきゆみ) — Thu, 27 Oct 2011 16:27:00 +0000

このjQueryを勉強したというので書きましたが、blogger のCSSをjQueryで書き換えるというのは便利だなとだんだんと思えるようになってきましたので、ここに整理して記録していくことにします。　bloggerの設定が判明するにつれて増えていくでせう。

*liの中でb設定のところを赤にする。
現代数学社様でやってみました。

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function(){
$('li > b ').css('color','red');　//　 >←は子セレクターと言います。　
});
</script>

以下
jqueryの部分は省略します。

*本文をすべて太文字に
高齢者に読みやすいように近畿宮崎県人会ブログに設定してみました。

<script type='text/javascript'>
$(function(){
$('.post-body').css('font-weight','bold');　
});
</script>

・好き放題にfont 130%とかspan で設定してくるので110％に統一してみた
ネタ元…

<script type='text/javascript'>
$(function() {
$('span').filter(function()
{return ($(this).css("fontSize") == "130%");}).css("fontSize","110%")
});</script>

が、思い直して…↓以下のように書きました。
*************************************
<script type='text/javascript'>
$(function(){$(".post-body").css("font-weight","bold").css("font-size","110%"); });
$(function() {
$('span').filter(function()
{return ($(this).css("fontSize") == "130%");}).css("fontSize","100%")
});</script>
*************************************

post-bodyが統一で110％大きくなり、それに対して、spanで130％を設定したものが100％に設定されるため、全部が110％になります。

こうやってみると、ブログの運用にケッコウjquery使えるなと…　

jQueryのcssで!importantが効かない場合の対処法とかもあるみたい…これだとうまく動かなかったけど。

上へ
高槻のゆうゆカイロ改め骨盤四季さんもブログにしてみました。
これはblogger の標準のテンプレートをちょちょいと加工しただけです。

トップにtextのウジェットを入れて、そこのtext内にdiv要素を書き込みます。　SEO対策でh2をここに書き込みますが、bloggerはそれを表に出さないようにしている。ですがログイン状態なら簡単に入り加工ができます。

そこにいろいろ設定してみましたが、fadeInとかできんだろうかと思いましたが、できませんでした…そうかぁ。ではなく、最初のcssにdisplay: none;を設定してないとfadeInしないんですね！
背景画像だがredとかじゃなく#で始まるのは以下のjavascriptの書き方をしないと反映されなかった気がする…

**************************************************************************
<script type='text/javascript'>
$(function(){
$('p.cn ').css('text-align', 'center').css('margin-top','-10px').css('letter-spacing','1px');
$('p.top').css('text-align', 'center').css('padding-top','-10px').css('font-weight','bold');
$('#topcont').css('padding','2px').css({ backgroundColor:"#999933"}).css('width','846px');
});</script>
**************************************************************************
#topcont　はcss設定の一番下にdisplay: none;を設定しておく。

さらにこの#topcontをすべて表示させてからfadein表示させるというのは… setTimeout

とういうことで以下を追加してみました。

$(function(){setTimeout(function(){$('#topcont').fadeIn('100').fadeOut('100').fadeIn('100').fadeOut('100').fadeIn('100');}, 2000);});

fadeInの数字はある程度まですると同じになりますね。上部の日付のヘッダーの上に緑の（#999933）バックの部分が2秒後にチカチカ？します。　チカチカという感じじゃないので、なんとかならんかなぁと、fast にしてみたら、ちょっとそれらしく…。hideになると右上から飛び出す感じになる。おもしろいわぁ。

delayというのもありますが、これは前の動作に対して設定するものらしくそれではうまく動かなかった。
でも、delayを使ってこれでこんなすごいアニメもできるようです。

すばらしい！フラッシュいらず。楽しいわ！軽いし！
これで左からスラインドインとかもできたらおもしろい。

まぁ。ここにあるのように、普通にcssだけの設定ならアドバンスでcssの追加をしたほうが楽ですが、絞り込んでそれだけを変更しろとか、アニメ設定ができないとjqueryでやる意味がないよね。

ちなみにSEOですが、bloggerもgoogle siteと同様意識してh1 h2を入れないととんでもないところがh3とかになっています。seoに確かにgoogle blogger 強いですが、h1～h3くらいはきちんと入れてないと最後まで上がりきれないと思います。

bloggerのCSS設定の名前メモ

h1.title がタイトルなので、リンク先のようにアドバンス設定で細かい設定を入れるとよい。

.post h3　投稿のタイトル。フォント設定とかして他と変えるとメリハリがつく。

メニューバーだけの設定は#PageList1　です。

.columns-inner{margin-top:-34px;} とすることによって、上のガジェットと下のコンテンツの間を縮めることができるようです。

.date-header 日付のところ

.sidebar h2　サイドバーガジェットのタイトル

一番下のパワードbywidgetを消すのは… id='Attribution1' を探します。

**************************

←jQuery 相談に乗ってくれる先生の会社のホームページはこちらです
私のように日々どのようにしたらこれがこうなるのか…というのに困っている方は、
こちらの先生にご連絡をどうぞ…
安く書いてくれますよ～～！

偶然見つけた　bloggerのカスタマイズチュートリアル　ここまで行きたいね～。　誰がこれをブロガーと思いますでせうか！

どうしてgoogle+は　IEでエラーが出るのでしょうか？　IE回避　　RDFやってみた

noreply@blogger.com (さいきゆみ) — Wed, 19 Oct 2011 22:39:00 +0000

なんかしらんけどgoogle＋　SEOになると。やっておけと。絶賛している方がいる。

でも、最近知ったOGPでこんな感じに出るとなるとmixiチェックは絶対に業種によっては絶対にこれは必要だとは思うが。

mixiやってる人はいっぱい知ってるけど、google＋やってる人なんて見たことないし。
「google+をやる意味って何なんですか？facebookはわかるんですが」と質問も受けました…

難しく考えなくていいです。　google様だから確かにSEO的には美味しいのかもしれないと。
単に、likeボタンを設置する感覚でgoogle+ボタンも設置しとけ！ということだけです。

google+はまだメジャーじゃないけど、gmailを使っている人ならgoogle＋できるわけでして、
どっちかいうと、google+のほうが、まだ日本じゃFacebookしている人より多いですよ。
で、これ何やろ？とボタンを押してくれ、その人がgmailの人だったら…

そしたらgoolge様の評価が高まることは、ほぼ間違いないと思われます。

で、付け方はいたって簡単…。　　ここに行ってもらうだけ…（標準だったら行く必要もなく下のコードを入れるだけです）

head部分に…

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'ja'}
</script>

で見せたいところに…一般的なら
<g:plusone></g:plusone>

html５なら…
<div class="g-plusone" data-size="standard" data-count="true"></div>

と表示させたいところに入力するだけだと…

でも愛用のIETester でエラーが出るのですが…。　

名前空間の問題なのだそうで、クリックしたらボタンが出る形式にするとエラーは出ない

そんなのダサいからイヤだから、body要素にスクリプトをあてて回避する方法…　←これやるとbodyのcss設定するjsとかぶってめんどくさい。

結局、IEだけを載せなかったらいいのだと。

<link rel="stylesheet" type="text/css" href="インターネットエクスプローラー以外用.css" />

↑時代を生き抜く魔法の言葉ですね。

こっち見てしまって、何気に間違っているので、ここでもはまった…　おかしいと思ったんだよ。　なんせ寝てないから頭が動かない。　寝てないとこの仕事できない。時間ない。というこの悪魔のような状態でお送りしております。

IEのまま使っているような人は、msnなんかで検索しているような初心者ユーザーだぜ！google+いらんやろ。エラーで評価下がる方がイヤだ。と…

google＋はどうなるんでしょうなぁ。この名前空間のエラーはgoogleも認識しているようであるが、どうしてそれに対応しないのかわからない。IEにケンカ売ってるのかね？　ケッコウ本気で頑張るみたいですが…。私はgoogle様の行くところについて行くだけです。

ただ、googleがSNSにまで入り込む必要ないと思うけどね。gmailを徹底的に便利にさせるということにこだわったら、それでいいと思うけどな。　例えばgoogle+をすると、gmailのコンパネのお気に入りのチェックに登録できて、後からそのサイトを見ることができる。　googleの連絡先リストに自分のお気に入りリストを見せ合うことができるとかねぇ。　表向きのリスト。秘密のリストとか作れるようにして　お気に入り管理としてだったらおもしろと思うけどな。
google様よければ私を一度アドバイザリーとして招集してくれませんか？　提案はたくさんあるのですが…

で、google+をやることにより、バズはやはり止めるみたいですね。　twitter すごいよあんたは！　

やっぱり革命的なのはtwitterだと私は思うわ。いろいろあるけど、SNSはtwitterが一番すごいと思うけどね。　facebookは商業的に注目されているだけであって、本当の口コミ開拓には、日本においては今は何といってもtwitterマーケティングだと思いますよ。　#yamerunakan をフェイスブックでやってみましたが、twitterでやったときみたいな広がりは感じられないですよ。広告までマジでやってみたけど、外国人ばかりのイイネを獲得してしまいます。twitterはあっという間にががが～っときました。　日本人の意識が低いというより、まだまだfacebookは日本では始まったばかりということじゃないかなと思いますね。

ムヤミに増え得るSNSマーケですが、結局は中身だと…広告宣伝がんばろう！ついでに…
私がはじめた　#yamerunakan で脱原発　ひとつよろしくお願いします！！　脱原発してもらわんと景気は本当にはよくならないですよ！

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

google+はどうしても…ということではないが、簡単なのでつけたらいいと思いますが、

個人的には、私はＲＤＦの方がOGPよりも、google様のお気に入りになるための記述として重要なんじゃないかなと思ってます。

RDFaでコンテンツをマークアップする　これも現代用語の基礎知識的だと…　セマンティックというやつですわ。下にアマゾンの最近の参考書籍を紹介してます…　左の本はちょろっと読みました。これが出たころにはあまり、ピンとこなかった。読んで思いましたけど、結局きっちり情報を整理して書けということだなと思ったくらいで…。でも、本当にＳＥＯするとなるといるじゃないかなと思います。堀江産婦人科のリニューアルでもやることにして　大阪　産婦人科第一位を奪還したいと思います！と書いてみる。

↑リンク先の一番下のaddressのところでやってみました。

緯度経度まで登録するというのはすごいなと。でもこれマップに関係しているのだろうなと。
見た目にわからなくするために　css で　.nodown{ display:inline; }
にして　DIV入れても改行しないように工夫。　これからもgoogle 様の良い子でいさせて欲しい！

ツイッターは確かにモンスターですが…←参考記事（ウエッブプロニュース英文）
私はgoogle様あっての私でございます。　
広告収入も非常にありがたいと感謝しております。
google様には逆らいません～～！へっへ～！

ビジネス向けSNS LINkeEdIn も日本語になりましたね。　
登録してみました。
ビジネス向けということで…これって前のYahoo おん　ビジネスみたいなものでしょうね。
ヤフーの新しいヤフーロコの方が代理店様で儲かると思ったらしいけど、もっとビックな考え方をヤフーにはしてもらいたかったなぁ。　もうちょっと頑張ったらよかったのに。
無料の考え方がしんどかったんだと思うけど。　ヤフーロコやってみたけど全然ですね。メリット感じられない。
普通にヤフーにお金出して登録した方がいいですわ。　ヤフーオンビジネスのときはパーンっとヤフー内で上位になっていいなと思ったし…。絶対にヤフーがやる日経データベースというか、企業年鑑みたいな感じは将来的にはすごいネタになったと思うけどねぇ。　

企業としての体力がなかったということでしょうか…。　近欲はよくないと思うよ。

なんでそんなにiPhone アンドロイドで愛用アプリの紹介

noreply@blogger.com (さいきゆみ) — Sat, 15 Oct 2011 14:46:00 +0000

確かにスティーブジョブズさんのような才能のある方が若くしてお亡くなりになられたことは非常に気の毒だし、マックファンの記事で読んだ最後のスピーチの後、奥さんによりそうジョブズさんの写真を見て私は号泣しました。

でもね～。　言うときますけど、私はマックの雰囲気がキライなんです。

マイクロソフトは私の人生変えてくれたけど、マックはあまり関係なかった。

という理由で私がマックをキライなんじゃないのよ。

だいたい、マックのやっていることは音楽の販売権の独占だと思うけどね。マックのマシンも自社の独占。　金満家じゃないかと私は思うよ。

マックの再生にビルゲイツはお金出してるのよ。　あの時潰すこともできたのに！そのくせビルゲイツがwindows出した時は、マネした言うて怒ってどなりつけてるのジョブズよ。　　

資産をどんどん寄付して途上国にパソコン普及させているのもビルゲイツだし、私はどう考えてもビルゲイツの方が人間でかくて偉い人やと思うけどね。

マックのスタイルにこだわる、オシャレなパソコンというコンセプトはいいと思うわ。　

でもどうも…独占主義という感じがどうも好きになれん。

スティーブ・ジョブズは単なる商売人やと思いますけどねぇ…。

たかがパソコンを、芸術品だとか持ち上げる人の考え方がわからん。

マンマとマックの商魂に踊らされているだけだと思うのですが…徹夜してまで欲しがるようなものかと…。店員とハイタッチしてお店入ってテンションあげて買うようなものかと…。どうもねぇ。賢く見えないのだわ。商業ベースに踊らされているだけだ！と思うんですね。

とはいえ、最近ツイッターするようになって、世の中にiPhoneとかiPadを持つ人が本当に増えているのねというのは実感するようになった。　確かに私のようなアンドロイドを自由自在に使いこなしている人というのはあまり見たことがない。　でもiPhoneは使いこなしているようである。

悲しいことだわ。

確かに、iPhoneはiPhoneが認めたソフトしかインストールさせないということもあり、安定性がよく、アンドロイドのように再起動しまくるとかいうことはない。（アンドロイドもソフトを厳選したら大丈夫ですよ）　だから、アンドロイド使うのに知識がいるというのはあるわね。　でも、私お客さんに3人くらいアンドロイド薦めたけど、仕事の合間にword打ちながらメールしたりする　だけ！の人などは　

「買ってよかったわ～これ～」と言うて頂いてます。

ただ、私のようないじり倒すの大好きな人は、半年の間に3回目の初期化をいたしました。これはこれで楽しかったりするのがオバカな私なのですが…。今度はソフトを厳選して入れようとか思いますので。

私の愛用している　001DL…本日突然フリーズして初期化され…（いじりまくって…ＳＤカードが抜けてかけていたらしいのが原因か？）記念といっては何ですが私の定番アプリをこちらに記録しておきます。

本を読むアプリ　aldiko

epub形式がなかなか優秀です。キンドルみたいに読めてよい

Astro ファイルソフト

TweetDeck　ツイッタークライアント便利ちょっとフリーズしやすい。　その時は　Seemicを使うといいよ。　ビデオの中で私がツイッターバードと言うとりますが、完全な間違いです。　名前がいい加減なんです。常に。

Handcent SMS ショートメッセージのツール　かわいいく時系列でやりとりが見られるのがよい。

ジョルテ　　やはり見やすくてデカイ。ウジェットになるのもいい。google calender で連携してますから初期化されても大丈夫！

バックアップソフト　　SDに容量が必要だけど。　

ドロップボックス　定番　書きかけのものをここに入れていろんなところで出せます

シエステタイマー　　とにかく眠くてたまらなくなる瞬間がある人なので、これを使って15分寝てます

ネスレ体重コントロール　　やってみようかな…

Blogger 　入れてみましたがめんどくさいですね。

NHKラジオニュース　私は愛聴してます

SIMEJI　音声入力には　マッシュルーム

Taskiller デザインが好きだからこっちを愛用

radiko　ラジオですね！

なまず速報　常にチェックで災害に備える

ビューン　雑誌を読むのにソフトバンクだけみたい　唯一使ってる有料アプリ

Banjo ＳNSのすごさを説明するときに私は使っています

ＱＲコードスキャナ　　定番ですね

facebook　これから重要になってきそうです。facebookページの編集もOK

skype　使ってる友達が多いので

グーグルの翻訳　私はあまり使ったことないですが英語が苦手な人には絶賛（なんていうと私が英語がペラペラみたいですが、英語を読むことはあってもしゃべる必要がないということです。）

Ustream バッチリ集会を放映できます

ちなみに、これ面白そうだな。安いから買ってみよ…と買ったが、中国語のアプリだったりしてカスやった場合は…
15分以内に行くと返金とアンインストールするというのがあります。
100円でもお金ですから、しっかり返金してもらおう！　これ知らなかったので私はドブに捨てたことがあります…。

ニコニコ動画の特別番組によれば、今回のジョブズの遺言のようなiPhone4Sは、英語バージョンの人口知能Siriがすばらしいできで　「ジョンにメールしてください。「一度電話して」」と話すとジョンに本当に「一度電話して」とメールするらしい。　「日本の人口について教えて」というと、ちゃんとグラフとか出してきて教えてくれる。　「愛してる」というと「ステキです」と返事し、「君はすばらしい」といえば「これが私の仕事です」と返事するというのを見せておりました。

笑えるし、すごいけど、そういうことにマックの人は喜びますねぇ。　でも、言うとくけど英語バージョンやで。　肝心の日本語での音声検索は結局グーグルの音声検索が使えるってことですよね。

だとしたら、音声入力とかどうなんでしょうねぇ。　私がニコニコ出てたらつっこみまくりますけど。そのあたりの情報検索しても出てこないので、ないじゃないかなと思います。ソフトであるんかな？

まぁ。いろいろありますが、本当に毎日使うのって限られていますよ。　YouTube見るとか、そのくらいですね。　でも、スマートフォンでアンドロイドはFlashが普通に見られるんですよ～～！と言いたいのですが。　どうあがいてもiPhoneがいいという人これから増えるんだろうな。　アンドロイドの成長をこれからも期待していますが…。

私はマックキライなんだと思っていましたが、もうiPadがこれから来る（特に子供やお年寄りとかが使うようになるじゃないか）と思い、諦めて検証用に1台中古をヤフオクで落としました。　初期モデルの16Gです。

ええ。これで十分ですわ。私には…。でもまぁ。　これから第二のスマートネット革命が軽く起きそうな気はしますね。　そういう意味ではジョブズ様ありがとうございますと思います。

超高級ホテル星のやさんのホームページとか、どうするんだろうと思いますね。これたぶんiPadからは見れないと思うんですよ。　ＡｃｔｉｏｎＳｃｒｉｐｔをそれなり真剣にやっていましたので…いつかはこんなんを…と思っていたのですが、これがムダになるじゃないかなというか、とりあえず先にjqueryだなと思っておる。

携帯サイトなんかなくなるだろうし、いっきにスマートフォンが来て、SNSマーケティングがくるでしょう。　座ってパソコンなんてしなくなるだろうし、人口知能さんが喜びそうなサイトを作ってレコメンデーションしてもらえるサイトを作らないといけないじゃないかな。　凝った雰囲気のあるサイトというより、口コミで広がることが大切。すっきりわかりやすいのがますますくるでしょうし。もうhtml5でいくしかないだろうなと覚悟を決めました　

↑このようにアマゾンで検索すると、プログラムの本ばかりですねぇ。

まぁ。これからの時代は本当に変わると思います。一般的な本とかもねビデオや音楽が添付されたようなおもしろいものになると思いますね。　ますます長い文章なんて読まなくなるじゃないですかねぇ。　今でもその傾向が強いのに…拍車がかかるでしょう。

それにしても…世界経済には頑張って欲しい。　日本には心から脱原発して欲しい。それしか日本に未来はないと思う。

正直、ユーロ崩壊とかねぇ。皆が２～３万するスマートフォンで人口知能使って遊べるような社会になったらいいんだけどねぇ。　これから未体験の厳しい時代になるのかも…。

ジョブズもいい時に死んだのかもしれんなぁとかちょっと思います。　　

景気は厳しくなってもテクノロジーで生き残りたい…頑張って勉強を続けていかなければ！

個人的にはマイクロソフトが6500億円（サスガだね！）でスカイプ買ったというのが気になります。　マイクロソフトフォンも頑張って欲しいな。楽しみにしてます。

オプティマスパットで読書の秋　ePubの青空文庫

noreply@blogger.com (さいきゆみ) — Wed, 12 Oct 2011 18:27:00 +0000

こんなんありました。私、梶井基次郎好きなんです。人間の狂気に私は興味があるのでございます。最近の世相を思う時、桜の木の下に死体が埋まっているというのはピッタリくるなと…。　

私はわかると思いますが、子供の頃からの運動キライ本が好き。という子でして、青空文庫はすばらしいです。人類の財産だと思いますね。　やはり人間を救うのは技術であるとは思いますが、やはり心だと思う。文学が人の心を観察し、心を動かし、育てるのだと…。ゆつくり読む暇もないのですが…。kindleが安いらしい！この記事を読みなんと読みやすそうな…
読書好きにはたまらんなと。

反転しているのは私のオプティマスパットＬ-06Ｃのaldikoの画面です。　やはりKindleがいいよ。頑張っても太刀打ちできない。目に優しい。　本の良さは紙にあると私は思うんですけど。　紙の優しさがKindleはあるよ。　でも買わないよ。ガマンするよ！　もういっぱいありすぎるし！

で、ePub形式で青空文庫が読めるというのは嬉しいですね。
まだ少ないけど。でも、落としてきて、いそいそ入れたら真っ白でした。え～っと思うと、表紙がないのですよ。
そんなんイヤ＝、本棚に並んでいるのが好きなの＝！

で、思いついて、ePubを作れるソフトであるSigil で開いたらキレいに見えるのよ。

で、別名保存して入れたらキレイに吸い込めたという…。　ただ、それだけの情報でございます。
で、もしかして！と思い。青空文庫をepubに変換するソフトとかないだろうかと思いましたらありました！
Text2ePubというソフトがあるよと

おお～。すげぇ。すげぇと思ったのですが、むちゃ文字化けでＬ-06では???になってしまう。　でもSigilでは開く～。

文字設定とかいじってみましたが、解決されない。　めんどくさいから諦めましたが。
別に青空キンドルでpdfに変換したのを入れたらいいことなんですが、縦書きの本を右にめくるというのが…どうも読書に集中できないのがイヤなんですね。文字の大きさを決められないとか…。
うう～ん。

ことに表紙にこだわりたいです。私は。

読書は芸術ですから。　

そんな秋ですね。（文芸風）

基本html5で作るんだろうなと思うな。flashだったら簡単なのに！どうして！と叫びそうになる。
こんなソフトが無料でゲットできるけど、要するにこれだとiPhoneのための本しか作れないのか？

じゃ、アンドロイドは別に作りなおすのか？　めんどくさいじゃないか！

FaceBookは来る！　OGPをblogger に設定　脱原発バッチshopを開店

noreply@blogger.com (さいきゆみ) — Tue, 11 Oct 2011 14:12:00 +0000

いいねボタンをblogger につけましたが、これが押されたらどのように表示されるのか知りませんでした。そしたら、カッコ悪いことにブログの上部にある長々とした…私のこのブログの「さるさる日記で３年」とかいうのが入るわけです。

で、「今日も勉強しました」という私の人生を表現しているタイトルですが、ぱっと見てITであると分からなかった時に、何とか見え方を調整したい。　これはSEO的に重要だなと思い格闘しました。

すると、その方法がありました。　OGP（Open Graph Protocol）を設定するのだそうです。　で、仕様も変更があったようです。　いや＝そんなん知らんかったわぁ.　facebook mixi グリーで使われているそうな

で、書いてあるとおりにしたらうまくいかないのよね。
一瞬うまく表示されているように思うが、２回目ができない。

で、今の時点の結論は…
xmlns:og='http://ogp.me/ns#'　要素を　htmlのところにはる　参考

ないとうまく動かないみたいです。

で、私の場合はブログの説明を変更したいだけですので、

<meta content='さいきゆみのごった煮ITブログさいきゆみはITと共に疾風怒濤で生きております。皆様の応援とお仕事依頼で成り立っております。yumisaiki@gmail.com' property='og:description'/>

と書いてみただけです。記事に写真がないと広告の写真が出るけど…別にいいや。　こんな感じになります。
これ宣伝に使えると思うな。　ちなみに日付のところがセンテンスごとのダイレクトリンクになる。ツイッターと同じ仕様ですね。

この写真のところog:imageにカッコいい画像を入れるようにすると広告戦略としていいと思うな。

ここにあるように、
meta expr:content='data:blog.pageTitle' property='og:title’などとexprを書くとうまくいかないのですね。

ここのDebugger を使うとどういう風に反映されるのかわかるようです。

登録状況を調べるのはこんなんもありました。

OGPもう普通に入れていく時代になってるみたいですので→jqueryでなかなかオシャレなページ、
こんなツールでサクット入れるようにしたらいいみたい

これあらゆるブログに入れていかないといけないわね。　がんばるわ私！

お知らせ機能とか、facebookこれからくると思うけどなかなか便利だなと。　facebookと普通のsiteの連動はあると思うな。

facebookでpaypal決済のお店が簡単につくれるという話で、ケッコウ悩みましたが、できました。

アドミンモードだとこんな感じに見えて、すぐに編集できます。　なかなか優秀。こういうのを見ているとそのうちもっとfacebookはばけるだろうなと思うな。
脱原発バッチよければ買ってね～！！

リンクが古くて動かなかったのが問題でした。　ここのPayvmentに行くことでスムーズにいけるようです。

ここにアクロバットの記事もあるが、これのリンクが古いです。
http://digibiz.jp/report/payvment.pdf

決済が普通に銀行振込だったらいいのにねぇ。paypal手数料で儲けているのだからしかたないだろう。
お店の商品を見せるためだけに使ったらいいと思います。

まぁ。広告業界の鉄則で、新しすぎるものをするとコケルというのはあるので、いきなり楽天やめてfacebookだ～というわけにはいかないと思うけどね。　ジワジワ準備はしていったほうがいいと思う。

確かに業種によっては、Facebookがはまるというのはあると思う。
最近、ビデオニュース・ドットコムでソーシャルメディア進化論の作者の武田隆氏のお話を聞きました。
お若いのにすごい方ですね。　で、参考になったのが、ようするにあまりに親しくなりすぎると売れない業種があると。
うなりましたね。
例えばすごくプライベートな商品とかの場合、あまりにその人となりを知りすぎてしまって、逆にその人から物を買えなくなる場合もあると…。無機質な感じの方が買いやすい場合があると。

膝を打ちましたよ。ツイッターがいいブログがいいとパターンで言うとるんじゃないんかと。　なるほどねと。
どういう人がその店に行くか？　どういう人がその商品を求めているかを考えてメディア戦略していかないといかんなと。
まぁ。Facebookは来ると思いますが、

mixiがいい業種（例えば若い子向きの占いとか）
twitterがいい業種（地域密着の店舗など）
Facebookは海外旅行とか、付加価値の高いものなどが…。

IBMが産直支援のネットショップ
はこれを使っているらしい。　無料なのかな？　これもちょっとやってみましょう。

個人的には#yamerunakan　をやっていることもあるのでしょうが、twitterのシンプルさが一番はまる。
カフェの明るい会話ということになると思う。　でも、ディープなものは、これまた少しtwitterとは違うと思うな。
極端な例でいえば風俗とか。　キャバクラとかで、キャバ嬢をフォローできるかというたらまたちょっと違うと思う。それはmixiだよねと。　

18歳の娘がmixiをやり始めたと聞き、明るくアカウント教えてと言うたけどスルーされた。　考えたら監視はされたくないようで…あはは。　

これからますます物を売るということが難しくなると思うので、しっかり考えていかないといけないと思いますけどね。
でも、基本は日本でエネシフして頂いて、景気回復をするしかないと思いますけどね。

脱原発しかないと！　脱原発バッチを宜しくお願いします。

Video streaming by Ustream

こちらは肥田先生のありがたいお話です。　仕事の合間にご覧下さい。　世の中が悪くなっていることを、広告いじったくらいでよくはなりません。　社会運動に皆様が参加し、政治に興味を持って頂くしかないと思っております。

上へ

脱原発一人でも　一人デモ！　一人ずつ　革命だ！

#yamerunakan の脱原発バッチは5個（写真イメージ）で300円です。　yumisaiki@gmail.com に「バッチ希望」でメールください。　
こんなブログでもすぐにお店になるカリットしたサービスがついにできました。
↓↓↓↓↓↓↓↓
買い物カゴにいれる（テスト）
↑↑↑↑↑↑↑↑

クリックしてもいいですが、間違っても買えません…　お店がこんな感じでbloggerでもできるというイメージです。買いたい方はこちらで見て私にメールください yumisaiki@gmail.com

これサイズ調整してポップアップみたいにしたいなと思って、ソリマチ株式会社はそうしているのだが
Google App Engine　で作ってるみたい。これどうするのだろう。また勉強が始まる予感。
これだったら、簡単にgoogle siteの近畿宮崎県人会で宮崎商品を通販したりもできるじゃないだろうか…。物販からめて活動費作ったらいいやんな！

これは便利なASPを発見しました。お世話させて頂きます！

販売パートナーには法人でないとなれないという。誰か稼がせて～　法人にするほど稼いでみたいよ。

調子に乗って広告も出してみました。　世界に革命も起こしたfacebookで脱原発バッチは売れるでしょうか？
テストしてみましょう。

感想としては…まったく売れない。ただtwitterで流れてきたことを整理していくには使えるなという感じで…。
売るのは絶対にtwitterの方がいいことがよくわかりました。広告3000円でいいねが集まっただけ。
まぁ。世界の方にごめんなさいが言えてよかったかなくらいで…。
アイデアとしてtwitterというのは優れていると思うし、blogger は売ってもtwitter は売らなかったというエヴァンウィリアムさんというのは先見の明はすごいものだなと思います。

こちらのテンプレートでカスタマイズとか暇があったらしたいと思います。

これ調べてて偶然google のRDFaとかいうのも見つけてしまいました。　これは大変です！

flowplayer はmp4が貼りつけられます！iPad でビデオを見せられる！

noreply@blogger.com (さいきゆみ) — Mon, 03 Oct 2011 19:25:00 +0000

この頃、人知れず悩んでいたんです。
YouTubeの下の部分に広告が出る…これ商業サイトでYouTube使えないなぁと…高級商品の訴求にyoutubeとか貼りたくないじゃないですか…

やっとiPadにもビデオを見せられる技術をゲットしました！
でも、アンドロイドのスマートフォン変換でこのページを見るとみえなかったりwww微妙ですが。ホームページだと見えます。

最近、twitterでカムタジアスタジオで作ったツイッター普及のためのビデオを公開しました～などと告知をすると、結構、iPadやらiphoneやらで見ている人が多く、見れないと言うてくる。ちぇ～っと思いながらmp4を直リンク貼ってあげたりしていた…

正直私は正真正銘のアンチ巨人＆アンチアップルです。が、そうも言っていられないのは認めざるえない。　アンドロイドはコテンパンに評判悪いですね。正直…。

で、iphoneはYouTubeは見れてもflashは見れないという不思議な仕様です（儲けを独占したい嫌な会社ですね。アップル社は！）。
前からFlowPlayer がiphone対応になったというので気になっていたのですが、mp4の直リンクを貼ったやり方は次のようにすることがわかりました。

<a
href="../doctor2.mp4"
style="display:block;width:640px;height:480px;"
id="ipad">
</a>

もちろんhead部分に　flowplayer-3.2.6.min.jsとflowplayer.ipad-3.2.2.js　はいるのですが…

上記プログラムの直下に

<script>
$f("ipad", "../flowplayer-3.2.7.swf", {
buffering: true,
clip: {
autoPlay: false,
autoBuffering: true,
bufferLength: '3',
scaling: 'fit'
}
}).ipad();
</script>

というscriptを入れます。
buffer の有効というのでautoplay stop がキレイに最初の場面を表示させてできるのは便利ですね。
個人的に勝手にビデオ始まるの好きじゃないんです。

こちらにデモがあります。
よければ…ソースで見てください。　ちなみにオートプレイを有効にしていても、iPadでは止まった黒い画面に進むのマークがつくだけです…。

本家の解説にはflowplayer.ipad-3.2.2.js はなくても動くとあるが、実際はIEでエラーが出る↓ようでつけておいた方が無難のようです。。

で、やってみたら…ツイッターで聞いてみたら…見れないと言われたorz
でも、こっちの本家のデモは確かに見えるそうで…

それにしてもちょっと呼びかけたらすぐ返事くるなんて多いんだなiPad　iphone野郎！とそこでも思う。

よし！買いましょう！（孫正義社長風）

アンチとしてはヤフオクにて16G初期モデル25500円で購入。

でも、どうあがいても見えるはずなのに見えない…半日悩み抜く…。
で、本家のビデオなら見れる…これはどうもmp4の作り方が違うみたいだと気がつく（遅すぎ）
そして、作り方を試行錯誤してQtimeで変換してみると…iPadでは見えるが、IEで見えない！　orz 泣く。
そしてSuper 使ってみたりいろんなことしてもダメで、そうだと思ったのはすでに翌日（とりあえず終了）
翌日もノイローゼ状態で考えて、ふっと思いつたのは（遅すぎ）作った時にMAGIXのMovie_Edit_Pro_15_Plusで作ったのですが、それでいきなりmp4でエクスポートをするのではなく、まずmov のクイックタイムにしてみた。
それからクイックタイムでmp4に変換する。
するとIEで見れない========= （号泣）
私にはこれがあるとDVDFab8のコンバーターを投入　（約3800円ではなく無期限の5748円を投入！金で解決できるなら安いもの！）のmp4変換でゼネリックでやってみた。

できたようである…。最初、キャッシュがクリアになってなくて動かない。動かないと思ってもうアキラメてswfobjectしかない。とか思っていたが（バカ）その作業に変わろうとしていたところで気がついた…。
感動した！

結論！movで作る　dvdFabでゼネリックでmp4に変換したものでないとwindowsでもipadでも見れません！

ちなみに、大阪吹田堀江産婦人科様は日本語ドメインで運営しています。それでOperaで、相対パスで書いているのを見るとエラーになるので、変換したアドレスで絶対パスで書かないと表示されません。　日本語ドメインはそういうところを気をつけないといけないみたいですね。

この１ページのためにだいたい3万5,000円くらいの投資ですかね。って、まぁ。これから疾風怒濤が始まるなと…。
html5についてはまた書きます。

最初、これはhtml5じゃないから動かないだと思っていたが、別にどうしてもhtml5である必要はないようです。
が、今回勢いでhtml5も勉強してしまった。　またこれについても詳しく書きます。

疲れたよ…。

ipadなんか買いたくなかったんだよ。

アンドロイドのfirefoxでならいけるかも…できなかった…。

ありましたよシミュレーター！

シミュレーターだと全部見れるなぁ。これはサイズを見るだけのものでした。orz

こっちのシミュレーターはちょっとマシ

でもまぁ。微妙な違いがありますので、ネットで仕事する人には、iPadはこれから必要でしょうねぇ。

iPhoneがAUから出て、そのおかげで、ソフトバンクでiphone4持ったら実質無料でiPadやろ。すごいわこれは。もう普通の人はパソコン買わないと思うよ。
パソコンは事務用になると思う。

それにしても、このplayerの技術はさり気なく優秀です。
これで私のソフトバンクでHD動画撮影して、ちょちょいとタイトルくらいくっつけて、劣化させることなく画像を処理し、
iphoneでもキレイに見れる商用ページ作れるじゃん。（なぜか業界気分のときは東京弁になってしまうな）
堀江産婦人科様のも、全面的に作り替えたいと思いますが、ちょこちょこ説明を動画で入れたいです。
つくづく思うけど、この小さい端末で文章を読もうと思わないもん。　ましてや広告の。

カムタジアスタジオとかでキレイに見せられたらプレゼンぽくなり、広告効果があると思います。

でも、ipadの見え方が気になりますと、今度はiPhoneの見え方も気になるようになり、たぶんiPhoneもヤフオクゲットすることになると思うな。
そしてやってくれます西畑大先生！　
簡単に（ホント？）モバイルに対応させる便利なjQuery Mobile　これ読まないといかんわ！(*^^*)
あ～めんどくさ。

html5になっていき、flash駆逐され、jqueryでmp3再生なんかもできるし…どんどん変わりますなぁ。大変ですわ。

というわけで…大変お待たせしましたが、初めてhtml5で堀江産婦人科のページを作りました！
私の能力が５くらい上がったと思います。

＊iPadは幅に気を遣うのと、フォバーができないというのがわかりました。iflameがあふれてしまいます。対応方法

星のリゾートとかどうするんだろうと見てみたら、やはりこういうPHPの分岐でフラッシュなしの、わりとつまんないページになっていた。　これからこういうところがiQueryが必要なんだよねぇ。　iPadみたいな端末である程度インタラクティブに見せられるようになりたいと思います。

こんなソフトでアニメも作れるらしい。ケッコウ有料版は情け容赦なく高いが…。

Adobe、「Flash Media Server 4.5」でiOSへのFlash動画配信を可能に ←ホンマに？2011年9月の記事そのバージョンのサーバーがどこにあるか教えて欲しい。ヘテムルはどうなんでしょう。

疲れたから…温泉に行きたい…　←この旅行のサイトはiPadで見ると、jqueryだけどiPhoneに特化したサイズで作られており、ちょっとがっかり。
でも便利な機能でよく考えられていると思う。　特に音声とかもないのですが。iPadなんか意識して作ったら皆便利に使うじゃないかな。
サイトというよりアプリになるだろうなと…。

ちょっと簡単なアプリも作れるようになりたいとか、野望が広がる秋であった。
時間がいくらあっても足りないです。

地球を守る脱原発バッチもしないといけない。私が欲しいものをパカパカ買える、日本の景気を守るため　なんとかひとつ脱原発はよろしくお願いします。

下まで行くはずが空間が空く場合　リースフォト等

noreply@blogger.com (さいきゆみ) — Mon, 26 Sep 2011 16:15:00 +0000

上のように、後ろに上の方にバック画像を配置し、さらに前に全体にバック画像を配置する場合に下に空間が空いているので悩んだが、~~原因は後ろの画像に高さを設定していないからだった。~~
ではなかった！

作ってる途中でそれに気が付き、なんでかわからず悩むこと1時間…。

バックのレンガの部分
↓
#renga{width:100%; height:auto;
background-image:url(hogehoge);
background-position:top center;background-repeat:repeat-x;
}
前のベタ画像
↓
#nakami{width:500px;height:auto; padding-bottom:3px;overflow: hidden;
margin:0 auto;
background-image:url(img/contback.png);
background-position:top center; background-repeat:repeat-y;
}

~~辛かった～　基本height は必ず指定しておかないといけないのかもね。~~

と、思っていたのですが、それで、こちょこちょやっていたら…やはり隙間ができます！
で、いろいろ考えて解決した方法は！

#nakami｛height:110%;overflow: hidden;｝

と書き換えたら　うまくいきました！
やった！やったよ！おか～さ～ん！　そういう気持ちで47歳の秋は過ぎていくのだった…。
下に空いた2ミリほどの空間が気になって他の仕事が進まなかった…そんなオタクなヤツです。

ちなみに、こういうサイトの上部に影つけるのは…

#toppng{
background-image:url('img/topimg.png');background-repeat:repeat-x;
position: absolute;
top: 0;
left: 0;
width:100%;height:54px;
}
というようにして書くと実現できます。absoluteの綴りをよく間違えたり…　この影の上にh1設定で小さくSEOを入れるのが美しいと最近はそういうデザインをしております。
もうちょっと飽きてきたけど。

←また、よくある２つコラムを包む（ラップ）するdivの背景色をauto で高さを指定した場合は…overflow: hidden;で色を追加しますと、ちゃんと中のautoに連動してキレイに指定できます。

恥ずかしながら、これを知らなかったという…。

こういうのにふちをボカシたりするcss3流行ってますね。私も角丸とか(リンク先のゆうゆさんとこのメニュー)使いますが…IEには頑張って欲しい。　

←こんな写真がメルマガ登録していたら時々タダでもらえるオススメのリースフォト屋さんwww.istockphoto.com
リースフォトも昔を思うと安くなったよ。　昔はそういう事務所行ってさぁ。延々出してもらって見たもんだったけどなぁ。
なかなかいいですよ。　名前をよく忘れる…iStock 英語の名前はこの頃覚えられん。

よく使うリースフォト屋さんを書いておきます。　この頃ホントウに名前を度忘れするので。

ピクスタ（私は長い間ピクシアと思っていた）

完全無料　足成　日本名だか私の中では無料のとこという名前になっている

ここもキレイですが高い　シャッターストック　めったに使わない

有名具満タン　たまに1月くらい契約してはたくさん落としてみるが、結局その時じゃないと使わないね。

fotolia ヘテムルの人にはサービスが…。安いけど…

でも、写真はホントウに難しいねぇ。

プログラムで精一杯なので…でもいつか読もう
中小企業はデザインもプログラムも両方適当にできないといけないのであった…　
プログラマーの感覚とデザイン
↑デザイン重要だって…　ふ＝ん

デザインについて勉強できるサイト。　センスがないと自覚しているのでこんなのも読んでいた。

ビデオもなかなかいいよ。英語わからないでも、そこそこ感じられると思います。

関係ないですがカラーレイザープリンター安くなりましたね。

BROTHER A4カラーレーザー(LED)プリンタ 16PPM/LAN HL-3040CN
価格：￥ 31,314 通常配送無料
高さわずか25cm。薄型を極めたカラープリンタ。
カラー/モノクロともに16枚/分の高速印刷
トナー：TN-290BK（約2200枚印刷）￥ 5,114
TN-190C/M/Y（約1400枚印刷)　リサイクルトナー　6780円
TN-290BK-3PK（ブラック3本パック）
TN-290CMY（カラー3色パック）￥ 13,268　約２，２００枚
DR-290CL(約15000枚印刷) DR-290CL-BK（15000枚） DR-290CL-CMY（15000枚）

印刷品質：さすがに、他機種の２０万円～のプリンタ、５０万以上のカラー複合機に比べると、印刷品質は劣ります。
インクジェットよりいいと思いますよ。　カラーで単純に計算すると1枚9円くらいです。

買い頃だなぁ。でもモノクロレーザープリンタのトナーがまだあるんだよ。

jQuery 初心者の心の日記　ああ、憧れのスライダー

noreply@blogger.com (さいきゆみ) — Wed, 21 Sep 2011 19:05:00 +0000

初心者向け
良書です

次はこれが
欲しい

さて、以前から勉強したい、やってやると本格的に取り組んでいるjQuery。色とか簡単につけられる便利そうなruleプラグインとかを使えるようになるだけでは満足できない私は…
いつまでたっても人のマネでは自分で企画できません…。今日も勉強しましたので記録しておきます。最初に言うときますけど、最初の方は雑談です。orz…
私の勉強の仕方は、1冊のこれはわかるなと思える本を、徹底的に読み込みいろいろ実際に見ながら書いてみるというスタンダードな方法です。 (アホなんです）で、1冊はマスターしたなと思ったら、次からはいろいろ読むという感じでやってます。
この西畑さんの本ですが、表紙がまず夜中にドーナツが猛烈に食べたくなるという問題点がありますが、これでもかというほどの初心者向けの本です。

このシリーズのAsciiの本は表紙がなぜか全部お菓子なんです。
←この本も読みたいのですが、美味しそうすぎます。デブには辛い。
できたら風景写真でお願いしたいです。

私、php勉強した時もそうでしたが、新しいこと勉強しようとすると脳がそれを拒否するんです。
で、本を開けたとたんに眠くなるという病気を持ってます。
で、30分ほど寝て目を開けたら、なぜか頭にその本を素直に入ってくるんです。　で、ある一定を超えると、また眠くなり…というくり返しをマジでしながら勉強します。　自分の能力を超えることをしているんだろうなと思います。
受験生の頃もそうでした。　でも、今は本当にこの勉強でしたいことがあると思えるので頑張れるというか…。　
ハマッテます。　他のことしたくなくなるから困るのよね。　これがオメシの種になったらいいのになぁ。

ただ、この西畑本は初心者すぎて、いったい何にこれが使えるのだろうかというようなところもあります。
あまりに簡単すぎてささ～っと読めてしまいますが、例えば73ページに出てくるattrなんて、初心者にはいったいこれをどう使うのかがわかりません。が…ある程度マスターして、さらに変数などを理解したらこのようにメニューに色をつけるとか使えるようになります。
が、ここまでいくのは若干知識が必要です。　私もPHPでちょっとは知っているからできたけど、本当の初心者はしんどいかもしれません。せめて簡単な変数のこととかも書いてあったら、もっとよかったんじゃないかなと思いますけど…。　
でも、この本は、後々人の書いたものを理解するのにも読み返して使うものだと思います。

今回私は一念発起し、めざせカフェ開発プログラマーということで、Lets noteにVM Wareを入れてubuntu を使い、emacsなんか入れちゃって、こつこつサンプルを開けてショートカットキーを覚えつつ、お勉強してみました。　

上へ

これが楽しい。　emacs マジ便利。　｝とか書いたらその直前の｛が反転してわかるようになっておりオススメです。インストールや日本語化に結構苦労して環境整えましたけど…←その記録はこちら。
ただ、なんかwinodwsのショートカットとちょっと違うので、保存とか全然違うので、それをメモ帳に書きだして覚えるところから始まりました…。
ま、ちょっと、お遊びが多い感じですが、自分的にこの無味乾燥な勉強をマスターする自信がなかったので、開発環境から独自に工夫したことで、ぐっとjQuery楽しいと本当に思えるようになりました（と、書いてみる）。　教えてくれる人がおらず、苦労している人多いと思いますが、マンネリにカツを入れる方法として、開発環境変えてみるというのは、刺激になっていいかもしれません。　
環境整えるだけで２日かかりましたが…。　そのうちイチビリでカフェに開発してみたい。
でも、私はマックじゃないのよ！みたいな。5年くらい前のレッツノートなのよ。でも、現役なの！みたいな。　でも、書いてるプログラムは、なんじゃこりゃ。みたいな…。
このパソコンが10年たって、それそろ買い換えてもいいなぁと思える頃には、そこそこ書けるようになっていたいなぁと思います。
エアで冷却するのを別につけているという。　ファンレスなので発熱がすごいんです。　やはり動きが長時間使っていると悪くなる気がします。
このノートＰＣ、私の持ってる物の中で一番高いものです。　シャネルのバックくらいするのよ！　むちゃ高かったけど、どうしても欲しくなり、私は一生、シャネルもビトンも欲しがりませんと神様に誓い、
一生物大切に使うつもりで買った！名前入り、カラー天板の思い入れタップリのノートなんですが、今となってはムダに高かったと反省しています。　パソコンあんまり高いともったいないと考え方が変わった。　どんどんいいの出てくるもん。　技術は日々進歩するもの。高いものなんかいらんなと。原発もいらんなと。そんな感じですね。

と、本題になかなか入れませんが、この本の２章サンプル１７のフォームの実例他を見ながら、考えて自分だったらこう作るというのを作ってみたのです。
リセットボタンを押したら送信しましたというメッセージが出て、それが数秒後に消える。　送信ボタンをマウスオーバーすると送信しますというメッセージ。　マウスオーバーがはずれると消えるというものです。　本ではリセットボタンを押したら１度だけメッセージが出て、出たままになっていましたが、それを改造したいと思いました。　
↓
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
↓リセット押したら初期化しましたとメッセージ
$(function(){
$(":reset").click(function(){
$(this).after("<p class='test'>入力内容を初期化しました</p>");});
});
↓追加したメッセージを消す
$(function(){
var count = 5000;//表示までの時間（ミリ秒）
setTimeout(function(){$(".test").fadeOut(1000);},count);
});

↓マウスオーバーで送信しますの画像にかわる　メッセージがでる
$(function(){
$(":image").mouseover(function(){
$(this).attr("src","button_on.jpg").after("<p>送信します</p>");}).mouseout(function(){$(this).attr("src","button.jpg");});});

↓マウスオーバーはずれたら文字が消える
$(function(){
$(":image").mouseout(function(){$("p").remove();});
});

このプログラムは本では、リセットボタンをクリックすると「初期化しました」というのを　.after に入れるというものですが、ここで、やはりp要素だけで書くことって、あまりないと思うんです。　

やはり、cssで設定したものにしたいでしょう。
で、ここでこれを　p class="" といつもの感じで　ダブルコーテーションで書くと、エラーになってしまいます。
なんで、エラーになるのかわからずムチャ悩みました。その後、特殊文字に変換するとわかったが、別に'でもよいようである。
で、次のFunctionはこれを５秒たったら消えるというのを、探して書いてみました。意味はわかっていない。数字変更しても５０００と２０００で、あまり変わらない気がする。

が、この方法だと1回だけしかできない.ブラウザによっては、まったくリセットのメッセージが消えないのです。(テスト)orz
格闘は続く…

上へ
で、こうするとできました。（サンプル）
要するに、リセット押したら初期化しましたとメッセージと追加したメッセージを消すを別々に書くとだめ。で、リセットボタンを押すFunction内に書かないといけない。
$(function(){
$(":reset").click(function(){
var count = 2000;
$(this).after("<p class='test'>入力内容を初期化しました</p>"),　//カンマでつなぐ
setTimeout(function(){$(".test").fadeOut(1000);}, count);});});

と、まとめて書かないと、いけない。これも結構悩みました。　考えたら当り前ですな。

twitterで見つけたリアルタイム表示を組み合わせるとケッコウ便利かも…

上へ
また、137ページあたりのAjax()によるXMLの取得ですが、セキュリティ上、同じドメイン内のファイルしか読み込めないので、親切にもphpの file_get_contents($url) で変換して読み込む方法まで書いてあるのですが、本のとおりの方法だと読み込んだxmlファイルをeach()で全部表示してしまうことになる。

実際にページにRSS表示させたい場合は数を指定したいと思うので、これも相当探しましてありました。

<script type="text/javascript">
$(function(){

$.ajax({
url: 'import.php', //外部ファイルから読み込んだphp
dataType: 'xml',
success : function(data){
$("item",data).each(function(i){
if(i>3){ //4個表示させる場合
return false;}
$("dl").append("<dt><a href='"+$("link",this).text()+"'>"+$("title",this).text()+"</a></dt><dd>"+$("pubDate",this).text()+"<dd>");
});
}
});
});
</script>

@yumisaikiのツイッター情報を４つ表示する（サンプル）

本のとおりのPHPで何も表示されないときはtwitterのrssを読み込めてないときですので、ちょっと加工してみました。
**********************************
<?php
header("Content-type: application/xml; charset=utf-8"); //これがないと表示されないです。
$url =@file("https://twitter.com/statuses/user_timeline/yumisaiki.rss")or　　//@制御
print<<<EOF
<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0">
<channel>
<title>ツイッター出ません</title>
<item><title>メンテナンス中</title>
</item>
</channel>
</rss>
EOF;
ini_set('display_errors', 'Off');　　//エラーを出さないようにしないとxmlがエラーが出る
$rss=("https://twitter.com/statuses/user_timeline/yumisaiki.rss");
$xml = file_get_contents($rss);
header("Content-type: application/xml; charset=utf-8");
print $xml;
?>
**********************************
↑で読み込めない時はメンテナンス中の文章が、ある時はツイッターが表示されます。

確かにphpより簡単かもしれない。

↑ちなみに紹介されているのはPHP5です。

2-6のアニメーション効果は、クリックイベントで起動する考え方のものばかりで、これも確かにメニューを作ったりしたときに、使うかもとは思うけど、今ひとつﾋﾟﾝとこない。
CrossSlide.jsは~~横スライドには動かないので~~、動くけれどもDIVと同じサイズのものはまったく動かないので…。なんとか作れないかなと格闘したが無理だった。
ちなみに、CrossSlideは、jQueryのリンク先が全然違うので、本のリンクでは動かなかった。
ＣrossSlide→動作サンプルこちら…　　より詳しいCrossSlideの設置方法。　
こっちの解説はもっと詳しいこれでフラッシュに近くなる

こんなすばらしいスライドショーのプラグインも見つけました！

このように、最初の2章が基本中の基本なんだけど、直接すぐに役立つ感じがないのが残念。3章からは実用的なんですが。　要するにこういうFlashみたいなアニメを自在に作ってみたいというのはそうとう難しいことがわかりました。

で、先日、土屋の案件で…どうしても横にスクロールするjQueryを作る必要に迫られ、この方に頼みました！　ええ人です～。仕事早かったです。　このサイトも最高カッコいいよこちらに連絡したらパパっと作ってくれますので、困っている方はお願いしてみましょう。
ま。本を読むよりお金で解決！っていうのもありですね。　

やはり日頃、フォーラムはうろついておくもんですね～。お金払って情報ゲットしながら実力つけるのもありだわ。　学校行ったら死ぬほど高いぞ。
と、いうわけで…
お金を払って書いてもらいましたが、惜しげも無く紹介します！（というか、見たらわかるけど）

作ってもらったのが、クリックするとめくれるメニュー付きのもの…　これはなかなか珍しいと思う。

↑これを自動で動くスライダーだけにしてみました。

timer プラグインを自作しているのですが、意味が全然わからない。
検索してもしっくりくる説明がないので、また教えてもらいたいと思います。
気がついたことはソースに書きこんであるので見てください。
これでもかと親切に書いてもらってます。
jQuery.timer とか　jQuery って書いてあるのを時々みかけますが、先生に聞きましたら、$.timer と書いてもいいんだそうです。　ただ、protype.js　なんかと共存させる場合にjQuery と書いたりするのだそうです。　ああ、初心者はこいうことが悩む。そうじゃないかなと思っていたのですが、やはりそうでした。

実装してわかったのですが、jqueryはprotype.jpと共存できません。動かない場合はprotype.jsを削除し、それ使ってるメニューとかはjqueryで書き直しましょう…orz

でも、こんな風に効果のあるスライダーってどうやって作るのでしょうかなぁ。（更新されて今はなくなりました。今のもまたカッコいいですね！）

というわけで、→これまた書いてもらいました。☆彡ポップバージョンスライダー
なるへそ、.(ピリオド）でアニメ部分をつないで動きの変化をつけたらいいんだ～　感動～～！
こっちは左右ボタン付きバージョンです。

こういうのはよくあるけど、やはりぶよよ～んがいいですね。

これわかると、このチョロンと動くよというのも意味がわかる気がする？

お金出して教えてもらいましたが、この企画、使おうと思っていたクライアントが、
ラグジュアリー路線に変更したので、いきなりボツに…。誰か仕事ちょうだ～い。
このテレビショッピング的ホッププレゼンテーションは点数高いと思うんですよ。
よければお使いください。
印象が強いのが結局売上につながると思います。

本当にjquery楽しいわ。回転するやつ…　これやろう！　これも使える真ん中gifにしたり…

ボードの回転もかっこいい～～

これも良さそうなHTML5で作られたプレゼンスライド「deck.js」　これはホントウに将来を感じます。
この頃、ホントウに長い文章を読めない人が増えていると思うし、理解してもらうということの難しさを感じるわけです。
html5はホントウに勉強したいなといつも思います。

上へ

さらに本を読み、jQuery で　blogger の記事の複雑なcssを簡単に設定することができるなと思い、やってみました。

なんか、' は自動で文字の&#39形式に置き換えられてしまうのですが、ちゃんと動きます。ただ、　a herfに自動だとなってしまうので、ここに　target="_blank" を自動ですべてに入れるreplaceWith（ htmlの変更について…参考）は　~~いたずら対策か動きませんでした。~~

ではなく、nucleusでやってみましたが… target="_blank"　というhtml要素は写真のようになってしまうだけでできないらしい。
これくらいしか使い方が具体的に浮かばないけどなぁ。P要素だったところに　h2を入れたりしたくなったりするでしょうかねぇ～。（後日…いろいろbloggerについてアイデアがわいたので記録していきます。増えたらいいなぁ。）

西畑さんの本、確かにいいのですが、
もうちょっと、実用性がある実例が最初の方にもあるとダラけないのですが、あまりに教科書的で簡単すぎて頭に入りにくいので、工夫が必要な気がします…。　ま、一山越えるというのは、何でも大変ですなぁ〜。
皆様はどのようにして勉強しているのでしょうか…
いつか、私が書いてやる！なんてな。　

とてもまとまっているjQuery入門　西畑さんの本を読んだらこれもわかる気がします…。

jQueryでメニューに動き…この本読んだから意味わかる～　　本家の文章もわかるかも～

animate で作ったメニューの例　楽しすぎる～

でも、本当に自在に書けるようになりたい。フラッシュよりjQueryの方が加工のこととか考えたら面白くて便利だと思うけど、かなり道のりが遠いことがわかりました…　勉強で仕事ができない。　辛すぎる。

でも、先生曰く、ruby書けるけどjQueryできない人もいるから向き不向きがあるじゃないかと慰めてもらいました…。
私、flashも途中で挫折したので…。　寝ずに頑張ります！　って寝ないとできないよ＝。
皆、がんばろうね！

先生も発見できたことなので、次はこれを読むぞ～　って仕事が多くてここに整理しとくのが精一杯で次はいつになるかわかりませんが…

これもコツコツ読みたい→もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き）　もっとコンパクトに教えて欲しい気も…

↑もちろん　もうかなり前に買っていてまだキレイなままです。　はい。

でも、apple はなんでflash がいらないと思ったのか…気持ちはわかるんだけど、マジ喧嘩売ってると思うわ。
FlashDoとか常連客やったんだけどな。　いろいろ買いたいと思うけど、iPadの人twitter とかしてるとケッコウ年配の人に多い気がするのね。　それを見ていると、なんかねぇ。　flashは使えないなぁと思うようになりましたね。

そういう意味でも私はマックが嫌いだ…。なんてことは言ってる暇もない。
ビデオタグがhtml5に使えて便利になるとかいうのはわかりますが、こういうビデオビューアーとか、会社関係のサイトにはいい感じのものなんで。
これをまぁたぶんhtml5普及する頃になるとjquery で書くようになるだろうなと思って焦っている。まぁ。早くて適当な仕事でいいんだとは思うのであるが。

私なんかがそこまでインタラクティブなものはいらないとは思いますが、

カッコいいですね。HTML５　憧れます。
全国統一テストなんていうものもあってもう来てます！

このくらいは書けるようになりたいなと。
もっと雑誌的な感じが増えてくるじゃないかなと…。　IEでの挙動もケッコウ分岐していけてるみたいだし。　これなんて超かわいい～フランスって感じ
そろそろ５でも書けるようになりたいです。　参考

JavaScriptとhtml5だけで書いたゲーム　フラッシュ終わった…こんなものは作れなくてもいいけど、簡単なイエスノーゲームとかで仕事に役立ちそうなことは勉強したい。どうしたら勉強できるのだろう…

今私が電子書籍で読んでるhtml5の本を書いた人がやっているというjqueryのポッドキャスティング…。まったく意味がわかりません。　個人的には女性のお肌のトラブル具合が気になる。ちゃんと食べてはるのかしら…
なんかスゴイナ　というのだけがわかるけど、リンクをたどっていくと、私にもたまに使えそうなものがあるようです。

イメージマップのCSS　なぜそうなるかは知らない。

noreply@blogger.com (さいきゆみ) — Sun, 18 Sep 2011 16:38:00 +0000

見る人が見たらわかりますが、今回作った高槻土屋工務店さんのホームページ、ご要望のデザインどおりに作って欲しいと。　こんなゴチャゴチャしたのCSSで組めないですし、これはついに私がイメージマップを書く日がやってきたなと思いました。　

昔、自分のサイトを評価してくれる英語のサービスかなんかありまして、「とてもよくできていますが、画像が多いので表示が遅くなっているためイメージマップで書くことをオススメします」とメールが来てですねぇ。　イメージマップでいつかやりたいと思っていたのですが、その時は、CSSも今ほど知らなかったので、難しく思えて、すごく辛かったのを覚えている。今回、トラウマを解消すべく、やってみると結構便利かもと思えるようになりました。　が、その書き方のルールはわかるが、なぜそうなるかはまったく理解できません。

イメージマップについては、私はこの記事を参考にしました。　←こちらをもとにした日本語の情報もこちら　でも、最初これ読んでもよくわからず。
だいたい、座標をどうやって決めるのかがわからない。これを読みなんだペイント出してきたらいいんだとわかってからやっと作れるなと思ったという…。　そんな手探りな方のために記録を残しておきます。　なんせマインドマップの記事ばかり検索に出て来てマイりましたよ。

画像を準備する

作り方は上記の場合、上が見せるもので、下にhover で表示させるものを正確に上下でくっつけます。（左右でもよろしい）

最初に表示される画像をBackgroundでCSSで指定する。サイズは当然上の部分だけ
リンクの場所をひとつひとつ指定していく

この例の場合はdl dt dd の組み合わせで指定した。　dlが全体のバック画像でposition: relative;
dt を不可視にして、　position: absolute; font-size: 65%; display: none; 　
　　クリックさせる場所ごとにid をふったddを指定し、　　position: absolute。　top 　left で　左端の00からの位置を指定する
dd の　a でサイズを指定し、 dd のhover でバック画像を指定して、なぜか　だいたいの場合、表示する座標の数字にマイナスをつけた場所でだいたいいける…。（理由不明）

↑まったく不思議であるが、とにかくこれでできる。

例：左隅の台所のところなら
dd#kitchenDef　{ top: 25px; left: 45px; } 　　
dd#kitchenDef a{ position: absolute; width: 189px; height: 47px; text-decoration: none; } 　　dd#kitchenDef a span{ display: none; } 　　
dd#kitchenDef a:hover{ position: absolute; background: transparent url(../images/toppage_photo/refomimagemap.jpg) -40px -241px no-repeat; top: -9px; left: -5px; } 　　dd#kitchenDef a:hover span｛display: block; text-indent: 0; color: #000; background-color: #cfeef5; font-weight: bold; position: absolute; top:2px; left:190px; border: 1px solid #BCBCBC; bottom: 100%; margin: 0px; padding: 5px; width:187px;height:32px;｝

このようにしてフォバーすると右にニョキっと説明が出て色が変わるということが実現されている。：：：

ペイントで座標見ながら適当に…。規則性がまったくわからず、探偵のようにこのくらいかなと、具合みながらやっていったという感じ。

記録しておかないと二度と思い出せない…。

でも今回、ありとあらゆるところをこれで解決したので、食べず嫌いだったイメージマップを攻略したことが非常に嬉しかった。

ちなみに、CSSに詳しい人ならわかると思うけど、この右に出るのが右端のコラムの上になるようにするためには、まず右端のコラムを一番先に書かないといけない… ここでツボに嵌った。

まず　contents　で下の部分をつつむのだが、 #contents{width:1010px;position:relative;margin:0 auto;}

さらに　content-wrapper　というので右コラムと　左コラムを包み込むものを作っておき
#content-wrapper{ width:1010px; margin: 0 auto; overflow: hidden; }
#content-wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

そして右コラム #rightcolumn{position:absolute;top:4px;left:758px;width:240px;height:1136px;background-image:url('../images/right.png');background-repeat:no-repeat;}

左コラム
#leftcolumn{position:absolute;top:0px;left:6px;width:750px;height:1136px;padding-top:6px;}

と書いている。　

素直に上の場合　contents にheight を指定したらいいけど、他のページがコラム揃えしているので、cssが違うのめんどくさいためにこのように書いています。

そうです。このホームページはすごいことに、例えばこのページなどは記事が左側にどんどん増えると左コラムが伸びていくように作る。　これには２つのコラムを揃えるワザが必要であった。　
左右でそろえるコラムのワザはこちらを参考にしてください。

ちなみにこのサイト、従業員さんの記録がしやすくなるという配慮のため、ブログ数8つ、スペシャルスキンページ6つという…。

大サイトなのであった。　　疲れた。

prototype.jsなしスライドショー　IE8だけハック法

noreply@blogger.com (さいきゆみ) — Tue, 13 Sep 2011 19:35:00 +0000

手間かかった株式会社土屋様（パソコン教室学ぶ屋本舗さんプロデュース）のホームーページですが、こちらのキモは私は社員様が記録しているお客様の実例紹介だと思いました。

自分で簡単に更新できるブログシステムを使っておられたのですが、いかんせん文章力がない（当然です）　写真の加工わからない（当然です）

で、ビフォーアフターとかをぱっと見てわかるように、自由に載せたいという場合に、cssで設定することだけを覚えていただき before と　after をつけたら写真にフチがついて、それなりに見えるということを考えました。

で、写真ですが、よく使われているlight box でもよかったのですが、いちいち写真をそれなりの大きさに加工しないといけない。でも、写真を小さくすると本来の写真のよさが出ないし、顧客によっては写真をクローズアップして、細部を見たいという場合もあるでしょう。
そこで探したのがこのjqurery の写真表示です。

PIROBOX EXTENDED　これは写真をほとんど加工することなくそのまま掲載することができ、クリックするとそれなりに拡大、さらにクリックするとそこだけさらに拡大というもので、家とかの場合に向いていると思います。

Tested in ie7-8 , safari 5, chrome 9, firefox 3.6, opera 11　とあったので、安心していたのですが、今回、土屋様の場合、トップのメニューというか、タイトルというがjquery でスライダー使っていて、角丸にするjquery やら、　透明化にするのやら、ととにかく、js 祭りのように、コテコテで、　なるべく使わないところは条件分岐ではずすようにしたのですが…。

IE8で見たときにわけのわかんないエラーが出るのです。　prototype.jsをgoogleのじゃなくって GoogleでなくPrototype本家サイトのPrototype 1.6.1 RC2（http://www.prototypejs.org/assets/2009/3/27/prototype.js）を読み込むとかいうのもやてみたけどエラー消えずorz。　なんとなくスライダーの動きへん。 slider.js(自作)　の超簡単のにもオブジェクトがありませんってなるし…。　

でも、prototype.js と jquery 同時に使えないらしい。 prototype.js 何に使っていたっけ？　みたいな。　なんせ人の作ったものをコピペするだけなので、わかってないから…。 のけたら動いた～～。調子よくぅ。　

なんか、いろんなjqueryをテストしまくっていたため、使っていないものもありまして、それをさくりましたらエラーなくなりました。ただIE8だけは　このページのマウスオーバーで写真が変わるというのがなくなる…　もう疲れた。いいもん。これ普通のcssなんだけど… う～ん。　消しちゃえ～

以下　IEだと消えた設定。 a.pirobox_gall{background-color:transparent;filter:alpha(opacity=90);opacity:0.9;} a.pirobox_gall:hover{background-color:transparent;filter:alpha(opacity=1);opacity:1;} あれ、うまくいくな… もう何がなんだか。この記事は、ジャバスクリプト勉強したい。ということでした。前述の写真のスクリプトはやはり本家もIE8　で見るとエラー出てますが…なぜなんだろう。

とにかくエラーはなくなった。
もちろん私のマシンでッシュミレーションでうまくいっているように見えたから安心してたんだよね。
でも、実際のIE8のマシンで見たらエラーだったのよね。

やはり古い環境とかはおいとかんといかんね。ある程度はね。　IE8とかまだまだなくならないと思うしね。

最初諦めて IE6のみ読み込ませない方法
<![IGNORE[]]> <link href="css/ie6.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="xxxxx.js"></script>


とか書いて　IEあきらめようかなと思ったけど、こんなie多いのにと頑張りました。
上記リンク先のIEだけ回避は間違っている。単純に！つけただけで回避にならないです。前はこれでいけたんだっけ？　正しくは　と書く。　で閉じます。

でも、今後デザイン的には諦めないといかんこともあるだろうな。　IE切り替えのハックもう、ホントウに辛かった～。　やはりねぇ。あまり凝ったもの作るとこういうことになりますよ。　このサイト、私の技術をホントウに集結しまして、いろいろワザが進化しましたので、またご紹介します。

恋田さんから…今回のお礼に？ミニチュアデジタルカメラというものをもらいました。いったい私に何をしろというのか…という感じの小ささですが。脱原発のデモ（←ゆるい感じでよろしい）で逮捕者が出たときの証拠ビデオ(avi）を撮影するとか…。
結構高画質なのよね。

が確かに私はこのようなものが好きです。ちょっと使いこなしにナレがいる。

上で使ってみましたが、きちんと撮れないですなぁ。　スパイになれないよ。ビデオ高画質だったけど、どうしたの？っていうくらいはずれてます。　う～む。練習しよう。（これぞオモチャですね）

ThickBox 3 というのもjquery で　コンパクトなプログラムなんだそうです。

さくら（heteml）でウェブ　他はgoogle apps　お名前comで

noreply@blogger.com (さいきゆみ) — Sun, 11 Sep 2011 05:24:00 +0000

去年の冬から取り組んだ高槻・新築・リフォームの土屋様のホームページが出来上がりました…

メールはgoogle appsです。ドキュメントとかも作れるので便利だよと。
で、これまで、けっこうやりましたので、わかっているつもりでしたが、さくらレンタルサーバーは引っかかりましたのでご紹介しておきます。

google apps でA設定はします。で、wwwでリダイレクト機能がありますので、www.278.co.jpだけをさくらにする…。
そのIPアドレスがわかんない。　で、メールで聞いてもわかんないと言われる（ひでぇな）。

自力で探して…ここにありました。

A設定は、google appsにして、wwwにリダイレクトというのをしておくと、
278.co.jp　と打っても、www.278.co.jp に自動的に飛びますので、SEOでも統一しておくべき設定で、まぁ、htaccessでもできるのですが、こっちの方がよりいい気がするのです。　（google 様に申請してる感じでいいんじゃないかということですが…）

上記がお名前でのレンタルDNSレコード設定でございます。
最初、gmailに戸惑われていたようですが、意外にやってみたら便利だということで、皆様使ってくれているようです。

尚、heteml で　www.だけを使うとかの場合は…↓アカウント情報で確認するようです。間違ってマニュアルにあるのを入れてしまうとhetemlのトップページが出るようになって悩みます。

お名前はDNS設定したら反映されるのは、結構すぐですね。3時間もかからない気がします。

Gメールは私からすると、こんな便利なものないと思うのですが、outlookに使い慣れた人にとっては（アウトルックで満足できる人って私みたいに迷惑メールが1日に100通やそこいら来るという人ではないのでしょうな）
わかりません！わかりません！パニックになり、メールって重要なのはわかるのですが、落ち着いて考えたらわかることなのに、びっくりするみたい。
　これまでのメールはどこにあるんですか？←　引っ越したからあるわけないじゃんと思うが、そういう人にはアウトルックにも設定があるので安心してくださいと。アウトルックの住所録を吸い込んで使いやすくしてあげる。など、導入後も2回やそこらは指導してあげないと無理ですね。

　google appsやgmailの仕様がちょっとづず変わるということもあり、私もあれ、これどうするんだったけ？とかいうような態度を見せると「大丈夫ですか？」　なんて言われて。

　いや、あんた所が使っていた安物のどっかわからん会社のサーバーよりgmailが一番安心だよ。

　と言いたいところをぐっと堪える。

google apps に引っ越させるのは手続きはもうスッカ慣れましたが、社員さんの特に50歳以上の方の頭が切り替わるのがめんどくさいですね。　

　メールとかあまり使ったことのない人の方が、むしろスンナリ受け入れられるとか、

　私みたいに迷惑メールに悩まされている人なんかはgmail 神！って素直に思えるみたいなんですけど…。

パソコンやってますという人でも、gmailサーバーを利用するというのが「無料は不安だ」とか。セキュリティが不安だとか言うので…。うう～ん。　いや、どこも同じですというのが理解してもらえない。

　ホームページのサーバー毎月3万円とか使っているところほど、10人まで無料…とかが理解できないのであった。
　
　よ～くわかってから導入してもらうようにしないと、本当にムダなギャーギャーを聞くことになるので…。

　そのうち、わかりやすいビデオでも作らないといかんなと…。
　googleのホームページというのは、すっきりしてわかりやすいのですが、それがあまりに革命的すぎて理解できにくいというのがある。
　
　outlook の方がノートパソコンで立ち上げたら何もせんでもすぐ見れるけど、gmailに引越しせないかん意味がわからん！という人が組織に必ず2人はいるので、outlookも設定しに行くのであった。
　
　　　もうホンマに忍耐力とプレゼン力を磨かないといけないなと思うのであります。
　　　
　　　で、gmailのドメインの管理でメールを増やせるし、ニックネームもできるよというても、わからなくて、勝手にホームページのコンパネでメール設定がないとか騒ぐとか。
　　　
　　　ほんまに、私から言うと笑ってしまうようなトラブルが多いのである。　何回も説明してもわからんらしいのが…。
　　　
　　私がダメなんでしょう。　がんばります。

Ubuntu11.04 emacs23　を日本語化　日本語入力　苦労した～

noreply@blogger.com (さいきゆみ) — Fri, 09 Sep 2011 03:18:00 +0000

ubuntuが新しくなり、unity というノートブックなんかには便利なパネルが登場して、カッコいいらしいという噂を聞く。

関西PHPユーザーズの初心者勉強会 #kphpug　に行き、ノートパソコン一台でカフェ開発の話なんか聞いて、マックがいいという話で…そんなこと言われてもマックなんか買う余裕ないぜと、そうだレッツノートに仮想マシン入れて　ubuntu11.04にしてサーバー構築とかしてみようぉ。　この頃、もう本当にやる気出ないし。ということで、軽い気持ちでやってみたのですが、とても大変でした。
ここを読みました。
１．http://www.vmware.com/jp/products/player/overview.html
ここからVMware Playerをダウンロードしてインストール

２．http://www.ubuntulinux.jp/products/GetUbuntu
ここからUbuntuのイメージデータをダウンロードしてVMwareで作成した仮想マシンにインストール

でも私のレッツノートunityできなかった…グラフィックボードが 3D 関連をサポートしてない場合は，Unity 2d をインストールすることにより解消　できるというのでやってみたけど、なんか使いにくかったので、クラシックで…3Dないとボヨンボヨンってマックみたいに動かないから寂しいけど、スペックがもう古いんだなぁ。　ちょっと言えない値段で一生もののつもりで買ったパソコンなんですけど…でも、クラシックのubuntuだと、なかなか快適です。

で、カスタマイズですが、
$ sudo apt-get install -y mlterm mlterm-tools vim emacs manpages-ja manpages-ja-dev lv nkf zsh ibus ibus-mozc screen xfonts-mplus otf-ipafont otf-ipaexfont ttf-vlgothic
と端末叩いたらいいということで、

やったらやたら長くて…で、端末の画面が青い画面になり、了承とかしないといけないんです。　これが了承したらいいのかわからず…　TABキー押したら了承が選択になり、エンターで了承できました。

これがわからず最初壊れたのかと悩んだ。
で、$ sudo apt-get install emacs　でインストールできるのですが、日本語が打てません！
で、日本語化で検索すると、こんなんありました。

menu-tree.el落としてきて…どうしたらいいの？って感じですよ。このフォーラムの質問を読み
debと拡張子　を作るということをしてみたら、できあがったmenu-tree-el_0.97_all.deb をダブルクリックしたら無事ソフトウェアセンターでインストールできた。　そのやり方はよく見たら、ダウンロードの場所に書いてありましたけど…

だが、なんか日本語が打てない…
apt-get install anthy-el 　でフォントインストールするの？

.emacsってどこにあるの？書くの？どこに置くの？
なんと、これは隠しファイルなので、ホームの場所に作っても後で見たら消えているのですが、このようにすると見えます。

でも、なんか打てないけど。　.emacs を検索してきて適当に作った。
ふと読むと、ctrl+\で日本語に切り替えられるようになってる～～～。

.emacs の設定方法

やっとできた。　mozc　入れるところまで元気がないです。

でも、すばらし～。結構使い込むと便利だと思う。　なんせ右手が腱鞘炎にマジになるのよ。マウスのスクロールばかりしていると…。
ちなみに、なんとなくやったファイルの整理というので日本語設定が消えたらカッコいい.emacsの設定も消えたのでまた再インストールしたので注意。　まだよくわからない…。　それからmozc入れたらemacsの日本語入力の切換も普通の画面と同じになった。　なぜ？　もう、いいけど。便利だし。　でも、コピー＆ペーストの命令は違うので悩む。
詳しい方コメント待ってます！
さ＝。やっとPHPですよぉ。　もう大変だったわ。　ドメイン設定など
↑これだとうまくいかなくて、こっちで、設定したらうまくいった。この知識、役立つ時がくると信じていろいろやってるんですけどねぇ。

管理者権限で開く　$ sudo nautilus

ウィンドウズ使いにはいらつく、ダブルクリックで開くに変更するのは、フィアルマネージャーのところの編集→設定から変更できます。

emacs23に便利な　yasnippetを入れてみました。
これは　zen-cording みたいな動きをするのですが、もっと便利です。入れ方ですが、ビデオ（直リンク）を見たほうがわかると思います。　英語なんでびびりますが、ダウンロードするファイルは　上部のTab部分の　download にリストがある。
リストの中の、yasnippet-bundle-0.6.1c.el.tgzを落としてきて、
home の隠しファイルである.emacs.d　フォルダでpluginsフォルダを作り　展開してできたyasnippet-bundle.el　を設置する。　
emacesを起動し、隠しファイルの.emacsを開いて、そこに　
(add-to-list 'load-path
"~/.emacs.d/plugins")
(require 'yasnippet-bundle)
を入れてメニュー　alt+X とキーを押し　eval-buffer. と入力する。私、最初できないと思ったが、これをして再起動したらできてた〜。　で、使い方ですが、
div と打ったら、tabキーを押したら感動的なサブメニューが出るから！　これすごいわ！って感じです。　
本当にプログラムとかいじっている人、こういう記事、自分のために書いているだけだから、意味がわかんなくて超苦労するよ。
こんな平和な仕事をなんとか守ってもらいたいものです。　
原発はすぐ止めてください。　怖いです。福井に何か地震が来たら、カフェ開発なんてリッチなことはできません。　よろしくお願いします。　#yamerunakan

私がマックになれないのは、大きな理由は、私が最も愛用しているソフトであるXARAがウィンドウズオンリーだからです。

後、やはりコストを考えるとですね、分解したり、古いパーツでもう一台とか、カスタムして遊べるとかができないのはイヤなんだよね。　レッツノートまだまだ大切に使います！　1Ｇが3000円しかしなかったからメモリー買ったよ～！

マックOSだけ売るとかいうことをしないのがキラい。　富士通のマックとか、そういう自由化されない限り私はマックになることはないです。　はい。　ジョブズ様は偉いなと思うけど、怖そうできらい。　ごめん。　

ブロガーとツイッターで自分でできる広告戦略

noreply@blogger.com (さいきゆみ) — Sat, 03 Sep 2011 08:26:00 +0000

adsence入れされていただきましたら基本無料でブロガー作ります。

SEOもbloggerならバッチリです！

市民運動系の方や、現在苦戦中の中小企業の皆様を応援させて頂きます。　お問い合わせは@yumisaiki でメンションしてください。　

条件はトップページの一番下に大きな広告が入ることと、各記事の下の空間に四角の広告が入ることです。　トップページは1つだけ、各アイテムページにはもうひとつ広告が載るとういうことです。

広告がやたら目立つようなことはないです。

また、広告あった方が検索エンジン対策的にはいいと思います。

こちらにツイッターとbloggerで組み合わせて作る広告戦略について説明したビデオがございますのでご覧ください。 ipadの人はこちらのmp4の直リンクをご利用ください。

こちらの記事も同様のシステムで作りました。参考にしてください。マジに基本無料で作ります。会ってハンドオンセミナーは交通費は頂きます。お茶もおごってください。でも、たぶん会わなくても大丈夫だと思います。

今回、投稿Atomを消しました。携帯からも簡易変換で見えるのですが、これがコメント投稿に見えるみたいです。
これは、フィードを読み込むものなんだそうで、そんなんあったんだなぁと。

これが　八尾　ほのか整骨院　のアクセス分析ですが、本人と私がfirefox使っているのでIEより多いという…。　コレ見ると、　携帯も若干いる感じです。　結構携帯でもそれなりに見えます。スマートフォンでも結構見えます。　八尾　ほのか整骨院　で検索して御覧ください。
このスタットカウンターですが、英語ですが無料で優秀なアクセス解析で、私は必ずどのホームページにもつけています。いろいろわかって仕事のアイデアがわいてきます。

スタットカンターにおける分析についてのビデオを作りましたので御覧ください。

SEOについての私の考えも追加しました。ご参考にどうぞ。　20分のロングビデオです。　こちらにipad用のmp4の直リンクがあります。

#yamerunakan で脱原発運動を展開しています！共に声を上げましょう！　リツリート多かったので記念リンク。
↓　やはり今の時代はツイッターマーケティングが熱いと思う。特に店舗の人は地域のツイッターネットワークに参加するのはメリットが多いと思われますのでぜひ頑張ってやって欲しいです。
参考記事　今さら聞けないツイッター入門

↑　まだまだ日本のソーシャルメディアはこれからだという本でとても売れているそうです。
まぁ。私の考えと同じ感じですかねぁ。

↑脱原発のため、省エネがんばろう！てか、実はエネルギー問題はガスコンバインドサイクルで解決しているのである。

参考：jqueryでblogger のcssを操作してより魅力的に便利に…（設定/SEOについて）

私の幸せオプティマスパットをroot化　simフリー化

noreply@blogger.com (さいきゆみ) — Fri, 26 Aug 2011 18:15:00 +0000

私は知りませんでした。
root化とsimフリーは違います！　

ええ、私、Optimus Padも持ってます。それが何か？　ドコモこのごろ携帯サイトもういらないと思うようになり、日本全国で3Ｇを使いたいので　ドコモを使いネットをするためです。

でもSIMロック解除はここで買いました。

すぐ届きました。メールが届きまして、リンク先の一番上の数字を、こちらを見まして、　LauncherProのhidden Menuを使い、打ち込みましたらあっさり成功と出ました。

でも、ドコモとソフトバンクだけです。使えるの…　orz ９ユーロドブに捨てました。

私は、root 化をソフトバンクで初めてしまして、　root化したらsim freeなんかと思っていましたが、それは間違いでした。

最初一生懸命にroot化しました。
持ってるubuntuマシンにつないだら、usb認識しません。わざわざ、ここにあるように 7入ってるノートパソコンにバーチャルマシンでやってみました。　が！うまくいきませんでした。
パソコンにつないでいても、プログラム走らせようとするとすぐ認識がはずれてしまい、エラーになる。

うう～ん。菅政権のように負けてはいかんと、さらに調べるとやはり２チャンで発見しました。

手順：
1. Android SDK をインストールする
2. Windows 64ビットならドライブ修正: http://darkroid.net/archives/933
3. lg-v909/wikiサイトから Root.zip とHacky Clockwork Recovery をダウンロード
4. Root.zipを Optimus pad にコピー、CR-hacky-recovery-v909.img をandroid-sdk\toolsにコピー
5. Opadを Power off、Volume+を押しながら電源オンするとFastbootモードに入る
6. Windowsのcmd: android-sdk\toolsで
fastboot oem unlock
fastboot boot CR-hacky-recovery-v909.img
すると、CWM-based Recoveryに入る
7. lg-v909/wikiサイトのInstall the root.zip の手順にそってやる

http://code.google.com/p/lg-v909/wiki/Rooting 　を見ながらやってできた！
おめでとうと言われましたが…。

４時間くらい使いましたわ。

ありがとうございました。勉強になりました。　これではsimロック解除ではないとよくわかりまして、さらにユーロを払って、結局　e-mobileを使えなかったという。

別にいいんだけどね。e-mobileをwifiで使えばいいんだけど、電池がさぁ。　はぁ。
以上人柱報告終。

できたことを確認しただけ。たぶん２度とソフトバンクでは使わない。売ろうかな…

結構愛用しているのですが…寝ながらyoutube見るときとか…
で、いじくり倒しているからかどうかわかりませんが、標準のブラウザでブックマークが保存できなくなりました。

で、解決したのは…。設定のところのアプリケーションで、すべてのアプリケーションの中からブラウザを出してきて、
強制停止、データ消去、デフォルト設定も消去して初期化したらなおった…。そんなお気に入り登録してないからよかったけどね。

まぁ。こういうことがアンドロイドはあるので…。素人向きにはiPhoneの方がいいというのもわかりますよ。メモリーがいちいちキレイにならないのもキレイ好きの私にはちょっと気になるのよ。

でも、まぁ。慣れてきたら、結構使いやすい。　新聞読みながらちょっと調べ物したりとか…。愛用しています。

nucleus　の　テンプレート　メモ

noreply@blogger.com (さいきゆみ) — Thu, 18 Aug 2011 14:26:00 +0000

このごろ、脱原発騒ぎで、ちょっと見ないといけないビデオが多く、その時間を利用しまして、前から全部見たかったnucleusのテンプレートで、これ応用ききそうなやつをご紹介します。　

幅が狭くて見やすい感じ。文字の大きさ変わるプラグイン付き

色を選べるというのは確かに目の悪い人にいいかも

写真をjqueryとかにしたら使いやすいレイアウトだと

この日付のところのCSSすばらしい

上品でけっこう好き

普通のサイトに使いやすいレイアウト

スタンダード　実際使うのは黒はちょっと工夫が必要ですが

これも普通のサイトに工夫すると使いやすい

ゆったりしててスキパソコン専用って感じだけど

アイデアがよかったのでちょっとメモ

こういうスッキリしたのが加工しやすい

2011　7月　ブロガーの編集画面のデザインが変わりました

noreply@blogger.com (さいきゆみ) — Sat, 23 Jul 2011 02:53:00 +0000

これまた問い合わせが多いので講習をいたします↓
http://saiki.heteml.jp/myfiles/benkyo/webner_blogger/　私のサーバーにアップしてます。

リンク先で大画面化してみてください。（上の写真参考）

もうね。忙しいときにやめて欲しいって感じ。
これが画像のアップの設定が前みたいに細かくできない仕様変更。　ありえない…

またちょっと変わると思うわ。これは不評だと思う。　編集画面の表示は確かに早くなったけど。

うむむ…　表示も早くなってよくはなってると思いますが…。

基本的なアクロバットの操作方法

noreply@blogger.com (さいきゆみ) — Sat, 23 Jul 2011 00:08:00 +0000

アクロバットの基本的な使い方を教えて欲しいというのでビデオを作りました。

近畿宮崎県人会の会報をアクロバットで生成して、それをgoogle appsで表示させる方法です。

よく質問受けるので、こちらでいっきにご紹介します。

で、このウエブニィールですが（ネット上の講習のことをそういうらしい）、アフェリエイト系の会社でよく使われているカムタジアスタジオ６です。　7も持っているのですが、どうしても私のwindows7のパソコンに入れると、再起動を繰り返すようになり不安定です。

他のノートパソコンにいれて使ってますけどねぇ。　納得いかんのでメール入れましたが、丁寧な説明のメール来ましたけど、結局使えなかった。　パソコン壊れてもいやだし。　お買いになる方はご参考にしてください。

またアクロバットについて、他にもいろいろ記事がありますのでご参考にしてください。

今日も勉強しました

7もやっぱりRaid で作ろう！

Access2010 条件によってラベルを非表示にする

本当の初心者の為のhtmlの説明

html5 audio のクリックを利用し メニューに調整した音を出す

ヘテムルなどのマルチドメインに設定したファイルを必ずドメインに

body のid要素によりmenuにアクティブclassを追加 jquery で

iflameがiPadに使えなかった

いつか使いたいjqueryテクニック セムーちゃん大好き

jQuery で blogger のCSSを操作する

どうしてgoogle+は IEでエラーが出るのでしょうか？ IE回避 RDFやってみた

なんでそんなにiPhone アンドロイドで愛用アプリの紹介

オプティマスパットで読書の秋 ePubの青空文庫

FaceBookは来る！ OGPをblogger に設定 脱原発バッチshopを開店

脱原発一人でも 一人デモ！ 一人ずつ 革命だ！

flowplayer はmp4が貼りつけられます！iPad でビデオを見せられる！

下まで行くはずが空間が空く場合 リースフォト等

jQuery 初心者の心の日記 ああ、憧れのスライダー

イメージマップのCSS なぜそうなるかは知らない。

prototype.jsなしスライドショー IE8だけハック法

さくら（heteml）でウェブ 他はgoogle apps お名前comで

Ubuntu11.04 emacs23 を日本語化 日本語入力 苦労した～