<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>阿部辰也のブログ――人生はひまつぶし。</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/" />
    <link rel="self" type="application/atom+xml" href="http://www.abe-tatsuya.com/atom.xml" />
    <id>tag:www.abe-tatsuya.com,2007-08-10://5</id>
    <updated>2012-12-13T14:37:30Z</updated>
    <subtitle>Webコンサルタントやシステムエンジニア、執筆業などをやっている、グッドホープ代表・阿部辰也のブログです。Web技術系のTipsから仕事の話、趣味の話まで色々と。人生は所詮生まれてから死ぬまでの壮大な暇つぶし。だったら有意義に暇をつぶして生きましょー。</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 5.02</generator>

<entry>
    <title>今までに行ってきた自然史系博物館etcを緩く紹介するサイト『Pangea Note』を作りました</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/museum/pangea_note.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.1004</id>

    <published>2012-12-13T13:20:45Z</published>
    <updated>2012-12-13T14:37:30Z</updated>

    <summary>今までに行ってきた自然史系博物館etcを緩く紹介するサイト『Pangea Note』を作りましたという話。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="博物館巡り" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="pangeanote" label="Pangea Note" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="博物館" label="博物館" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<p>タイトル通りなんですけど。</p>
<p>ここ二年ほど、急激に自然史系博物館巡りが自分の中の趣味としてのポジションを高めてきたので、そろそろそっち方面のサイトでもやってみようかな、と。</p>
<p>というわけで、今までに行ってきた自然史系博物館etcを緩く紹介するサイト『Pangea Note』を作りました。<br />
⇒ <a href="http://pangea-note.com/" target="_blank">Pangea Note</a><br />
良かったら見てやってください。</p>
<p>まだ、ここ二年で行ってきた場所の一割も紹介文を書けてないんだけど、この調子だといつまで経っても公開できないので、とりあえずプレオープンということで。</p>
<!--
<p>と、紹介というか宣伝だけで終わらせるのもなんなので、一応Web製作系ブログらしく、この『Pangea Note』を公開するまでの道のりや、技術的なポイントをシェアしておこうかと思います。<br />
別に難しい技術かとか全く使ってないんですけどね。</p>
-->
]]>
        
    </content>
</entry>

<entry>
    <title>『web制作現場ですぐ役立つ jQuery実践講座』の講師をします【8/4・11(土) 神戸・カフーツ】</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/business/seminar/jquery120804.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.952</id>

    <published>2012-07-30T06:57:42Z</published>
    <updated>2012-07-30T07:11:20Z</updated>

    <summary>2012年8月4・11日(土)に、神戸・カフーツにて『web制作現場ですぐ役立つ jQuery実践講座』の講師をします。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="jQuery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="セミナー/講習会" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="javascript" label="JavaScript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="jquery" label="jQuery" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="セミナー" label="セミナー" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<p>企業サイトの構築なんかでニーズの多いjQueryの使用法を、実際にコードを書いて、学んでいただく実践的なjQuery講座を全二回で開催しますよ！</p>
<p>ぜひぜひお気軽にご参加くださいねー！</p>
<h4><a href="http://cahootz.jp/?p=1319" target="_blank">『web制作現場ですぐ役立つ jQuery実践講座』の詳細・お申込みはこちら</a></h4>]]>
        
    </content>
</entry>

<entry>
    <title>「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会・京都編 を開催するよ【6/23(土)京都】</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/business/seminar/html5120623.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.936</id>

    <published>2012-06-04T05:27:23Z</published>
    <updated>2012-06-04T05:42:28Z</updated>

    <summary>2012年6月23日(土)に、京都にて「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会を開催します。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="HTML5" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="セミナー/講習会" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html5" label="HTML5" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="セミナー" label="セミナー" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<p>「そろそろいい加減HTML5にも手を出さないといけないなー」なんて思いながら、なかなかきっかけがなくて手を出せていない皆様こんにちは！</p>
<p>去年は毎月、「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会 というものを主催していたんですが、今回、京都でも開催させていただくことになりました。<br />
今まで取り上げた内容をもとに、HTML5って何？どんなことができるの？っていうレベルの話から、現状での実用的な利用法についてまでを、入門編としてお伝えしたいと思っております。</p>
<p>ぜひぜひお気軽にご参加くださいねー！</p>

<p>あんまりカチっとした「講習会」という感じではなく、みんなでゆるーく勉強しませんか？という感じの集まりにできればな、と思っています。</p>
<p>※できれば単発ではなく、定期的に開催したいと思っています。</p>
<h3>「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会・京都編の詳細</h3>
<table border="1" cellspacing="0" cellpadding="4">
  <tr>
    <td>日時</td>
    <td>2012年6月23日(土) 17:00～19:00</td>
  </tr><tr>
    <td>場所</td>
    <td><a href="http://kinokocafe.com/" target="_blank">kinoko café.</a></td>
  </tr><tr>
    <td>地図</td>
    <td>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.jp/maps?q=35.002204,135.762506&amp;ie=UTF8&amp;ll=35.002204,135.762506&amp;spn=0.014378,0.033023&amp;t=m&amp;z=14&amp;brcurrent=3,0x6001089773ef09f7:0xeedff669c85c2974,0&amp;output=embed"></iframe><br /><small><a href="https://maps.google.co.jp/maps?q=35.002204,135.762506&amp;ie=UTF8&amp;ll=35.002204,135.762506&amp;spn=0.014378,0.033023&amp;t=m&amp;z=14&amp;brcurrent=3,0x6001089773ef09f7:0xeedff669c85c2974,0&amp;source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small><br />
    ●地下鉄四条駅・阪急烏丸駅　徒歩5分くらい</td>
  </tr><tr>
    <td>参加費用</td>
    <td>￥2,000</td>
  </tr><tr>
    <td>対象</td>
    <td>これからHTML5を勉強したい人</td>
  </tr>
</table>

<h3>「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会・京都編 申込フォーム</h3>
<!-- h4>多数のお申込を頂いたので、募集は締め切りました</h4 -->
<form method="POST" action="https://sv31.xserver.jp/~tatsuya/goodhope.jp/form/form13.cgi">
  <table border="1" cellspacing="0" cellpadding="4">
    <tr>
      <td>ご氏名<span style="color:#99ccff;">（必須）</span></td>
      <td><input type="text" name="name" value="" size="40" maxlength="256" /></td>
    </tr><tr>
      <td>会社・事業者名</td>
      <td><input type="text" name="company" value="" size="40" maxlength="256" /></td>
    </tr><tr>
      <td>メールアドレス<span style="color:#99ccff;">（必須）</span></td>
      <td><input type="text" name="mail" value="" size="40" maxlength="256" /></td>
    </tr><tr>
      <td>webサイト・ブログ</td>
      <td><input type="text" name="url" value="http://" size="40" maxlength="256" /></td>
    </tr><tr>
      <td>Twitterアカウント</td>
      <td><input type="text" name="twitter" value="" size="20" maxlength="40" /></td>
    </tr><tr>
      <td>勉強会で特に知りたいこと</td>
      <td><textarea name="comment1" cols="25" rows="4"></textarea></td>
    </tr><tr>
      <td>この勉強会をどのようにお知りになりましたか？</td>
      <td><textarea name="comment2" cols="25" rows="4"></textarea></td>
    </tr><tr>
      <td colspan="2" style="text-align:center;"><input type="submit" value="【確認】" /></td>
    </tr>
  </table>
</form>
]]>
        
    </content>
</entry>

<entry>
    <title>『HTML5?何それおいしいの?な人のためのHTML5入門講座』の講師をします【4/25（水）神戸・カフーツ】</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/business/seminar/elementary-html5.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.934</id>

    <published>2012-04-19T09:38:07Z</published>
    <updated>2012-04-19T09:51:06Z</updated>

    <summary>2012年4月25日(水)に、神戸・カフーツにて『HTML5?何それおいしいの?な人のためのHTML5入門講座』の講師をします。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="HTML5" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="セミナー/講習会" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html5" label="HTML5" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="セミナー" label="セミナー" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<p>「そろそろいい加減HTML5にも手を出さないといけないなー」なんて思いながら、なかなかきっかけがなくて手を出せていない皆様こんにちは！</p>
<p>というわけで、いつも大変お世話になっている神戸のコワーキング・スペース カフーツさんの主催で『HTML5?何それおいしいの?な人のためのHTML5入門講座』の講師をさせて頂くことになりました。</p>
<p>去年は毎月、「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会 というものを主催していたんですが、今回はそちらで取り上げた内容をもとに、HTML5って何？どんなことができるの？っていうレベルの話から、現状での実用的な利用法についてまでを、入門編としてお伝えしたいと思っております。</p>
<p>ぜひぜひお気軽にご参加くださいねー！</p>
<h4><a href="http://cahootz.jp/?p=1115" target="_blank">『HTML5?何それおいしいの?な人のためのHTML5入門講座』の詳細・お申込みはこちら</a></h4>]]>
        
    </content>
</entry>

<entry>
    <title>PHPExcel を使って PHP で Excelファイル(xls/xlsxファイル)を読み込む方法</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/web_prog/php/read-phpexcel.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.933</id>

    <published>2012-04-17T01:34:16Z</published>
    <updated>2012-04-17T01:35:54Z</updated>

    <summary>PHPExcel というライブラリを利用して、Excelファイル(xlsファイルやxlsxファイル)を読み込む方法の解説です。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="PHP" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="excel" label="Excel" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="php" label="PHP" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="phpexcel" label="PHPExcel" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<p>かーなり前に<a href="/web_prog/perl_cgi/output2xls.php">perl や PHP で Excelファイル(xlsファイル)を簡単に出力する方法</a>ということで、ちょっと裏技的なExcelファイルの出力方法をご紹介しました。</p>
<p>今回は、逆にPHPでExcelファイルを読む方法の紹介です。</p>

<h3>PHPExcel をダウンロードする</h3>
<p>ExcelファイルをPHPで読み込むには、PHPExcelというライブラリを利用するのが楽です。</p>
<p>というわけで、以下のサイトから PHPExcel をダウンロードしましょう。</p>
<p><a href="http://phpexcel.codeplex.com/" target="_blank">PHPExcel</a></p>
<p>解凍すると色々ファイルが出てきますが、「Classes」ディレクトリ内のファイルがライブラリ本体です。<br />
Classesディレクトリを、どこかに置きましょう。</p>

<h3>PHPExcel をインクルードする</h3>
<p>設置したClassesディレクトリ内のライブラリをインクルードします。</p>
<pre class="script">include_once './Classes/PHPExcel.php';
include_once './Classes/PHPExcel/IOFactory.php';</pre>

<h3>Excelファイルを開く</h3>
<p>以下のようにしてExcelファイルを開きます。</p>
<pre class="script"><strong>#-- Excelファイル名</strong>
$xlsFile = 'yutyrannus.xls';

<strong>#-- Excel2007のファイルの場合</strong>
$xlsReader = PHPExcel_IOFactory::createReader('Excel2007');
<strong>#-- Excel95のファイルの場合</strong>
$xlsReader = PHPExcel_IOFactory::createReader('Excel5');

<strong>#-- Excelファイルを読み込む</strong>
$xlsObject = $xlsReader->load($xlsFile);</pre>

<h3>Excelファイルを読んでいく</h3>
<p>Excelファイルをシートごと、行ごと、セルごとに読んでいくには、以下のようにします。</p>
<pre class="script"><strong>#-- シートごとに読んでいく</strong>
for ($i = 0; $i < $xlsObject->getSheetCount(); $i++) {
	$xlsObject->setActiveSheetIndex($i);
	$xlsSheet = $xlsObject->getActiveSheet();
	<strong>#-- シート名</strong>
	$sheetTitle = $xlsSheet->getTitle();
	$j = 0;
	<strong>#-- シートの行ごとに読んでいく</strong>
	foreach ($xlsSheet->getRowIterator() as $row) {
		$xlsCell = $row->getCellIterator();
		$xlsCell->setIterateOnlyExistingCells(true);
		$k = 0;
		<strong>#-- 行のセルごとに読んでいく</strong>
		foreach ($xlsCell as $cell) {
			<strong>#-- 「シート名・行番号・セル番号」の連想配列にセル内のデータを格納</strong>
			$data[$sheetTitle][$j][$k] = $cell->getCalculatedValue();
			$k++;
		}
		$j++;
	}
}</pre>
<p>上記のコードで、$data という連想配列に、シート、行、セルごとのデータが格納されます。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>2011年に読んだ小説ベスト20</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/books/2011novelbest20.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.932</id>

    <published>2012-04-16T11:01:08Z</published>
    <updated>2012-04-16T11:01:45Z</updated>

    <summary>2011年に読んだ小説のベスト20です。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="読書" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="すベてがfになる" label="すベてがFになる" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="アラビアの夜の種族" label="アラビアの夜の種族" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="グリーン・ワールド" label="グリーン・ワールド" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ジェイムズ・p・ホーガン" label="ジェイムズ・P・ホーガン" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ジェノサイド" label="ジェノサイド" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ジョージ・オーウェル" label="ジョージ・オーウェル" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ダークゾーン" label="ダークゾーン" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ドゥーガル・ディクソン" label="ドゥーガル・ディクソン" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ハーモニー" label="ハーモニー" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="バースデイ" label="バースデイ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="一九八四年" label="一九八四年" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="上橋菜穂子" label="上橋菜穂子" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="世界の終わり、あるいは始まり" label="世界の終わり、あるいは始まり" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="京極夏彦" label="京極夏彦" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="伊藤計劃" label="伊藤計劃" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="似鳥鶏" label="似鳥鶏" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="古川日出男" label="古川日出男" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="告白" label="告白" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="姑獲鳥の夏" label="姑獲鳥の夏" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="宮部みゆき" label="宮部みゆき" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="家に棲むもの" label="家に棲むもの" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="密室殺人ゲーム王手飛車取り" label="密室殺人ゲーム王手飛車取り" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="小林泰三" label="小林泰三" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="市井豊" label="市井豊" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="慟哭" label="慟哭" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="放課後探偵団" label="放課後探偵団" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="星を継ぐもの" label="星を継ぐもの" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="梓崎優" label="梓崎優" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="森博嗣" label="森博嗣" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="歌野晶午" label="歌野晶午" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="湊かなえ" label="湊かなえ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="獣の奏者" label="獣の奏者" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="相沢沙呼" label="相沢沙呼" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="虐殺器官" label="虐殺器官" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="貫井徳郎" label="貫井徳郎" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="貴志祐介" label="貴志祐介" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="鈴木光司" label="鈴木光司" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="鍵のかかった部屋" label="鍵のかかった部屋" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="高野和明" label="高野和明" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="鳩笛草" label="鳩笛草" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="鵜林伸也" label="鵜林伸也" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<p>既に年が明けて四ヶ月目となり、今さら感溢れるエントリなのですが（去年、一昨年と同じ書き出し）、2011年に読んだ27冊（少なっ！）の小説の中から、面白かった小説ベスト20を決めてみました。<br />
2011年は「本屋オフ」なるものをやってみて、本屋でぶらぶらしながら参加者それぞれがお互いに本をおすすめしあって買い漁る、ということをやったおかげで、今まで自分の選択肢になかった本を色々読めた年だなあ、という感じです。</p>
<p>「ベスト20」とか銘打ってるものの、相変わらず順位はかなり適当です。<br />
まあでもこれから読む小説選びの参考にでもなれは幸いです。</p>
<p>ちなみに2011年はSFとファンタジーが多めだったかもしれない。本屋オフ参加者の傾向そのままですな。</p>


<h3>20位～11位</h3>
<table border="1" cellspacing="0" cellpadding="4">
  <tr>
    <td style="text-align:center;"><strong>20位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4048731513/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/61SQ3Q5T7TL._SL75_.jpg" width="51" height="75" alt="バースデイ" /><br />
    バースデイ</a></td>
    <td>鈴木光司著。<br />
    有名な『リング』三部作のおまけ的短編集。<br />
    昔読んだときは、ブームに乗っかった蛇足、というイメージが強かったんだけど、改めて読んでみると、本作で綺麗に『リング』シリーズがまとまったな、という印象に変わった。<br />
    三つの短編のうち、最初の二作がホラーテイストで、ラストが前向きな生の物語、というのも『リング』三部作の構成と同じ。どの作品も、本編の裏側をいい感じに補完してくれていると思う。<br />
    当然ながら、読むなら先に『リング』三部作を読んでからで。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>19位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4334729851/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/61p3BDfooEL._SL75_.jpg" width="52" height="75" alt="鳩笛草" /><br />
    鳩笛草</a></td>
    <td>宮部みゆき著。<br />
    超能力を持った三人の女性が主人公の三編の短編集。どれも「人とは違う力を持つことの不幸」にスポットを当てている。<br />
    『クロスファイア』を読んでいたので『燔祭』から『クロスファイア』の流れはテーマとして一貫していたんだなあ、と思った。あとの二つの作品は『燔祭』とは違って救いがあって読んでて安心した。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>18位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4043595042/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51R6NTMB7GL._SL75_.jpg" width="52" height="75" alt="世界の終わり、あるいは始まり" /><br />
    世界の終わり、あるいは始まり</a></td>
    <td>歌野晶午著。<br />
    「自分の息子が連続殺人事件の犯人なんじゃないか？」と苦悩する父の葛藤を描いた、かーなり実験的な構成のミステリ。<br />
    歌野さんはこういう実験的な構成のミステリを沢山書かれているなあ。<br />
    こういう構成を貶すのは簡単だけど、歌野さんのこの手の実験的なタイプの作品には、どうしても深読みしたくなる何かがある。万人に「面白いからおすすめ！」とは決して言えないけど、色んな人に読ませて反応をうかがってみたいと思わせる。<br />
    あと、自己保身大好きな主人公に共感を覚えすぎてやばかった。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>17位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4488400558/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51IH0eVcadL._SL75_.jpg" width="52" height="75" alt="放課後探偵団" /></a><br />
    放課後探偵団</td>
    <td>相沢沙呼、市井豊、鵜林伸也、梓崎優、似鳥鶏著。<br />
    複数作家による学園物ミステリアンソロジー。<br />
    前に読んだ相沢沙呼さんの『サンドリヨン』が凄く良かったので、相沢さんの作品目当てで読んだ。<br />
    相沢さんの『チンク・ア・チンク』は『サンドリヨン』と同じく安定してるなあ、という印象。<br />
    ラストの梓崎優さんの『スプリング・ハズ・カム』は自分の年齢的なところもあってか、一番ぐっと来るものがあった。<br />
    他の作品も読んでみたい。<br />
    鵜林伸也さんの『ボールがない』の、凄く些細な謎を、ロジカルに展開した後に甘酸っぱーいオチに持っていった構成は、まさに学園物ミステリという感じでこちらも良かった。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>16位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4048742248/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/511ZLmrdM9L._SL75_.jpg" width="51" height="75" alt="鍵のかかった部屋" /><br />
    鍵のかかった部屋</a></td>
    <td>貴志祐介著。<br />
    『硝子のハンマー』『狐火の家』の続編にあたる、密室ミステリ短編集。<br />
    まあ普通に面白かったんだけど、『狐火の家』よりも「貴志さんならでは」な感じが薄くなって、「よくある密室物のミステリ」以外の何物でもなくなってきてるのでちょっと残念。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>15位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4488425011/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51THN94W91L._SL75_.jpg" width="52" height="75" alt="慟哭" /><br />
    慟哭</a></td>
    <td>貫井徳郎著。<br />
    連続幼女誘拐事件を追う刑事の物語と、心に穴を持つ男が新興宗教にはまっていく物語。<br />
    構成的にオチの想像がしやすい作品だったけど、十年前の作品だしその辺は仕方ないところもあるかな。<br />
    早い段階でオチが想像できても、最後まで惹きつけて読ませる力のある作品だと思った。<br />
    心に穴の空いた人間が新興宗教にのめり込んでしまう心理の過程の描写が非常に説得力があったなと思う。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>14位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4062639246/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/41vAbauP0TL._SL75_.jpg" width="53" height="75" alt="すベてがFになる" /><br />
    すベてがFになる</a></td>
    <td>森博嗣著。<br />
    有名な作品でずっと気になってたけど、シリーズが色々出てるっぽいので今から手を出すのもなあ、と思ってたけど、読んでみたらなるほどやっぱり面白かった。いかにも理系なミステリ。<br />
    職業柄どうしてもコンピュータとかネットを扱った小説はちょっとしたボロが出ただけで冷めちゃったりするんだけど、さすがにこの人の小説にはそういうことないので安心して読めた。シリーズの他の作品も読もうと思う。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>13位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4043470053/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/5160GJ2VW5L._SL75_.jpg" width="53" height="75" alt="家に棲むもの" /><br />
    家に棲むもの</a></td>
    <td>小林泰三著。<br />
    ホラー短編集。<br />
    あっさり目の作品が多く、小林さんのホラー作品としては、意外性がなくてあまり驚きがなかった印象。<br />
    ホラー短編集としては同作者の『忌憶』のインパクトが凄かったからなぁ......。<br />
    でも表題作『家に棲むもの』と『食性』は良かった。『お祖父ちゃんの絵』もじわじわきた。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>12位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4396633580/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51U8uK73cAL._SL75_.jpg" width="54" height="75" alt="ダークゾーン" /><br />
    ダークゾーン</a></td>
    <td>貴志祐介著。<br />
    軍艦島を舞台にした、ファンタジーというかゲームっぽいバトルものの小説。<br />
    貴志さんの作品は相変わらず一気に読ませる力があるなあと実感。<br />
    出てくるモチーフというか諸々のキーワードが好みすぎてかなり読んでいて楽しかった。<br />
    ラストの展開にはちょっとまごついてしまうけども、エンターテイメント小説として、最後まで一気に読ませる力はほんとさすが。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>11位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4062638878/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/518PCCM3G0L._SL75_.jpg" width="52" height="75" alt="姑獲鳥の夏" /><br />
    姑獲鳥の夏</a></td>
    <td>京極夏彦著。<br />
    理系っぽさと民俗学系のおどろおどろしさを兼ね備えた独特の空気を持つミステリ。<br />
    今まで何度も色んな人に勧められて気になりながらも、分厚さから敬遠していたんだけどついに読んだ。面白かった。<br />
    もっと若い頃に読んだらもっと楽しめたかもな。作品全体を覆う独特の空気が凄く好みだった。<br />
    丁寧に張られた伏線から展開していく物語も綺麗にまとまってて良かった。<br />
    ただ、伏線が丁寧過ぎて、結構先の展開が部分部分で読めてしまったのが仕方ないけどちょっと残念。</td>
  </tr>
</table>

<h3>10位～1位</h3>
<table border="1" cellspacing="0" cellpadding="4">
  <tr>
    <td style="text-align:center;"><strong>10位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4061825135/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/61p9Q8%2BuCYL._SL75_.jpg" width="47" height="75" alt="密室殺人ゲーム王手飛車取り" /><br />
    密室殺人ゲーム王手飛車取り</a></td>
    <td>歌野晶午著。<br />
    「試したいトリックやネタがあるから殺す」。<br />
    ただそれだけでそこに悪意や憎悪はかけらもない。そんな殺人推理ゲーム参加者達の物語。<br />
    そしてこの物語自体も「書きたいトリックやネタがあるから書いた」。という感じで、そこに深遠なテーマや問題提起があるわけではない淡々とした進行。<br />
    その自己言及的な皮肉こそがテーマなのかな、とか深読みしたくなる作品。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>9位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4048741837/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51-o9VRV37L._SL75_.jpg" width="53" height="75" alt="ジェノサイド" /><br />
    ジェノサイド</a></td>
    <td>高野和明著。<br />
    スケールのデカいエンターテイメント作品。<br />
    このスケールの物語が破綻なくまとまっている時点で凄いと思う。<br />
    場面転換が頻繁にある割に、読んでいて置いてきぼりになることもなかったし。 <br />
    9.11以降の戦争を取り扱ったSF寄りの作品ということや、人類の進化が大きなキーワードである点が『虐殺器官』と重なったけど、似ているからこそ相違点が大きく浮き彫りになった印象。<br />
    こういうエンターテイメント的な作品に著者の政治的思想を持ち込むのはちょっとアレだけど、まあそこはスルーで。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>8位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4151200533/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/414wWKnm8KL._SL75_.jpg" width="50" height="75" alt="一九八四年" /><br />
    一九八四年</a></td>
    <td>ジョージ・オーウェル著。<br />
    極端な監視社会を描いた古典SF。<br />
    全体主義を突き詰めていくと、人間の社会はアリやハチのような真社会性生物のような社会になっていくなあ、という妄想を読めて楽しかった。<br />
    「過去の改変」や「言語の語彙を減らすことによって思想を制限する」というアイディアは凄いなーと思った。<br />
    本編ももちろん良かったけど、巻末の『附録 ニュースピークの諸原理』は鳥肌立った。
    </td>
  </tr><tr>
    <td style="text-align:center;"><strong>7位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/457551344X/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/41k4CmwKEcL._SL75_.jpg" width="52" height="75" alt="告白" /><br />
    告白</a></td>
    <td>湊かなえ著。<br />
    かなりの話題作なので、ついつい斜に構えて読み始めちゃったけど、素直に面白いと思える作品だった。<br />
    特に第一章の完成度は見事。これだけでも短編として綺麗にまとまってるんじゃ。<br />
    全体を通しての構成も、第一章を拡大したような感じになっているし。<br />
    各章で視点の異なる一人称、という形式がうまく活きていて、人の主観は信用ならないということが表現されていたと思う。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>6位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4043636032/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51fhHEUIKBL._SL75_.jpg" width="54" height="75" alt="アラビアの夜の種族1" />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4043636040/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51S%2BUTnKdfL._SL75_.jpg" width="54" height="75" alt="アラビアの夜の種族2" />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4043636059/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/513hyq4BFeL._SL75_.jpg" width="53" height="75" alt="アラビアの夜の種族3" /><br />
    アラビアの夜の種族</a></td>
    <td>古川日出男著。<br />
    アラビアを舞台にした、Wizardryっぽいファンタジー小説。<br />
    設定がいちいちツボで面白かった。<br />
    複数の主人公たちがどれも魅力的で良い。超展開の連続もとっても楽しい。<br />
    物語ることと、それを読むことを掘り下げていくと、こうなるんだな。と思った。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>5位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4150309841/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/41prk9iwXpL._SL75_.jpg" width="51" height="75" alt="虐殺器官" /><br />
    虐殺器官</a></td>
    <td>伊藤計劃著。<br />
    すぐそこにある未来を描いたSF作品。<br />
    まさにこの時代だからこそ書かれた作品だなぁ、と思った。<br />
    ストーリーがどうこうよりも、「すぐそこにある未来」に適切かつ魅力的に、説得力を持たせている細かい設定の数々が読んでいて凄いと思った。<br />
    個人的には「虐殺の文法」は非常に説得力があったし説明不足では全くないと思う。<br />
    生物好きとしては「言葉」や「利他的行動」がどのように人間の中で進化したかについての著者の考えが非常に興味深かった。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>4位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/415031019X/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/21JMwi4R89L._SL75_.jpg" width="50" height="75" alt="ハーモニー" /><br />
    ハーモニー</a></td>
    <td>伊藤計劃著。<br />
    『虐殺器官』に引き続き「すぐ先にありそうな未来」の不気味さを丁寧に描いた作品だな、と思った。<br />
    目次や本文がいきなりxmlで書かれてるのもニヤリとさせられる演出だな、と思ってたらちゃんと意図があって、なるほど、と思わせてくれる。<br />
    社会性動物であるヒトに対して、より社会性が強まる方向に淘汰が働くと、アリやハチのような真社会性動物になっていくんじゃないか、というような妄想は生物好きなら一度はしたことある人も多いと思うけど、その手の妄想にきっちり筋道をつけてみた、という見方もあるかな、と感じた。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>3位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4478860580/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/41o1vbhjf0L._SL75_.jpg" width="53" height="75" alt="グリーン・ワールド 上" />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4478012512/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/41d-p75kuML._SL75_.jpg" width="52" height="75" alt="グリーン・ワールド 下" /><br />
    グリーン・ワールド</a></td>
    <td>ドゥーガル・ディクソン著。<br />
    何らかの理由で地球によく似た惑星に移住した一万人の人類から始まる、千年にわたる人類の歴史のやり直しと環境破壊の物語。<br />
    『アフターマン』や『フューチャーイズワイルド』で発揮された説得力ある妄想力で描かれるグリーンワールドの生態系が非常に魅力的。<br />
    非常にわかりやすい直球の問題提起なテーマだけど、序盤のグリーンワールドは想像力を刺激されて本当に魅力的だった。<br />
    関連していなさそうな各エピソードが、後で繋がっていくのも読んでいて楽しかった。<br />
    一から生態系を妄想するのは凄く大変だと思うけど、取り上げられる架空生物の種類がもうちょっと多かったらなあとも感じる。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>2位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4062764466/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51wBI2in8KL._SL75_.jpg" width="54" height="75" alt="獣の奏者　1 闘蛇編" /><br />
    獣の奏者　1 闘蛇編</a></td>
    <td>上橋菜穂子著。<br />
    序章をちらっと読んだ時点で「これは素晴らしく緻密に世界が構築された上質なファンタジーの予感がひしひしとするぜ......！」と思ったけど、一巻読みきったらやっぱり素晴らしいファンタジーだった。大好き。<br />
    生物好きとしても主人公のエリンには感情移入しまくれるし、最高。<br />
    はやく続きを読まねば。</td>
  </tr><tr>
    <td style="text-align:center;"><strong>1位</strong><br />
    <a href="http://www.amazon.co.jp/exec/obidos/ASIN/448866301X/amethystwebor-22/ref=nosim" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51GMQM4MC4L._SL75_.jpg" width="53" height="75" alt="星を継ぐもの" /><br />
    星を継ぐもの</a></td>
    <td>ジェイムズ・P・ホーガン著。<br />
    アツいな。アツいSFだぜ！！<br />
    有名な作品だけあってめちゃくちゃ面白かった。生物進化絡みのSFとか好物過ぎてもう！！<br />
    最初から最後まで延々ｗｋｔｋしたまま読み切った！！<br />
    なんかバカっぽい感想だけど気にしない！ そんだけ面白かったってことだ！</td>
  </tr>
</table>
]]>
        
    </content>
</entry>

<entry>
    <title>『WebデザイナーのためのjQuery入門講座』の講師をします【3/10(土) 神戸・カフーツ】</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/business/seminar/webjquery310.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.930</id>

    <published>2012-03-05T09:47:12Z</published>
    <updated>2012-03-05T09:47:01Z</updated>

    <summary>2012年3月10日(土)に、神戸・カフーツにて『WebデザイナーのためのjQuery入門講座』の講師をします。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="jQuery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="セミナー/講習会" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="javascript" label="JavaScript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="jquery" label="jQuery" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="セミナー" label="セミナー" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<h4>非プログラマなWeb屋のみなさん！</h4>
<p>プログラマじゃなくてもちょこっとJavaScriptやjQuery知ってると色々と便利だし、プログラマな人に仕事を頼む時も話がしやすくなりますよ！！</p>
<p>というわけで、いつも大変お世話になっている神戸のコワーキング・スペース カフーツさんの主催で『WebデザイナーのためのjQuery入門講座』の講師をさせて頂くことになりました。</p>
<p>JavaScript/jQueryの基本から、ある程度実用的なサンプル紹介まで、これからjQueryもかじろうかな、という人向けの内容となっております。</p>
<p>ぜひぜひお気軽にご参加くださいねー！</p>
<h4><a href="http://cahootz.jp/?p=1001" target="_blank">『WebデザイナーのためのjQuery入門講座』の詳細・お申込みはこちら</a></h4>]]>
        
    </content>
</entry>

<entry>
    <title>『WebデザイナーのためのPHP入門講座リターンズ』の講師をします【2/29(水) 神戸・カフーツ】</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/business/seminar/elementary-php-returns.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.928</id>

    <published>2012-02-22T11:18:49Z</published>
    <updated>2012-02-22T11:18:40Z</updated>

    <summary>2012年2月29日(水)に、神戸・カフーツにて『WebデザイナーのためのPHP入門講座リターンズ』の講師をします。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="PHP" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="セミナー/講習会" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="php" label="PHP" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="セミナー" label="セミナー" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<h4>非プログラマなWeb屋のみなさん！</h4>
<p>プログラマじゃなくてもちょこっとPHP知ってると色々と便利だし、プログラマな人に仕事を頼む時も話がしやすくなりますよ！！</p>
<p>というわけで、先月も開催しましたが、今月もいつも大変お世話になっている神戸のコワーキング・スペース カフーツさんの主催で『WebデザイナーのためのPHP入門講座』の講師をさせて頂くことになりました。</p>
<p>本格的にプログラミングを学ぶというよりも、普段HTMLのコーディングやWebデザインを生業にしている方にとって、ちょっと知っておくと得するようなPHPの使い方をお伝えする内容になっております。</p>
<p>ぜひぜひお気軽にご参加くださいねー！</p>
<h4><a href="http://cahootz.jp/?p=980" target="_blank">『WebデザイナーのためのPHP入門講座リターンズ』の詳細・お申込みはこちら</a></h4>]]>
        
    </content>
</entry>

<entry>
    <title>TinyMCE の編集ボタンの配置カスタマイズ方法</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/web_prog/javascript/tinymce-button-customize.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.927</id>

    <published>2012-01-31T08:14:28Z</published>
    <updated>2012-01-31T08:15:31Z</updated>

    <summary>自作のフォームに導入した TinyMCE の編集ボタンをカスタマイズする方法の解説です。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="JavaScript" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="javascript" label="JavaScript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="textarea要素" label="textarea要素" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="tinymce" label="TinyMCE" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="wysiwyg" label="WYSIWYG" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xhtml" label="xhtml" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<p>以前、<a href="/web_prog/javascript/tinymce.php">自作のフォームに TinyMCE を導入して WYSIWYG エディタにする方法</a>という記事を書きましたが、今回はその続編です。</p>
<p>上記の記事のコードを元に<a href="http://www.tinymce.com/" target="_blank">TinyMCE</a>を自作フォームのtextareaに適用すると、編集用のツールバーには四行にわたって大量のボタンが表示されます。</p>
<p>もちろんWYSIWYGエディタなので多機能なのは良いのですが、中には「これいらねーだろ」ってボタンや、インターフェイスによっては「色々あると重すぎるから必要なボタンだけでいいや」というケースなんかもあるかと思います。</p>
<p>そういった場合、TinyMCE設置用のJavaScriptの以下の部分を修正すれば、設置するボタンの種類を変更できます。</p>
<pre class="script">&lt;script language="javascript" type="text/javascript"&gt;
tinyMCE.init({
	mode : "textareas",
	theme : "advanced",
	plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager",

	<strong>// 以下の四行が各行のボタンの設定箇所</strong>
	theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
	theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
	theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
	theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
	<strong>// ↑ボタン配置設定ここまで↑</strong>
	theme_advanced_toolbar_location : "top",
	theme_advanced_toolbar_align : "left",
	theme_advanced_statusbar_location : "bottom",
	theme_advanced_resizing : true,

	content_css : "styles.css",
});
&lt;/script&gt;</pre>
<p>それぞれ、「theme_advanced_buttons1」「theme_advanced_buttons2」「theme_advanced_buttons3」「theme_advanced_buttons4」が、一～四行目に何のボタンを配置するかという設定部分です。</p>
<p>それぞれの行に「save,newdocument,|,bold,italic,underline,strikethrough,|,...」という具合に、カンマ区切りで設定するボタンの種類が書かれています。<br />
それぞれのボタンがどういう名前と紐付けられているかは、実際の画面と比較すれば容易でしょう。<br />
また、「|」は区切り線です。区切り線をツールバー内に入れる場合も、「|」自体をカンマで区切って入れます。</p>
<p>上記のコードでは四行にわたってツールバーが表示されますが、この行数を減らしたい、という場合、表示したくない行以降の「theme_advanced_buttons*」の項目自体を削除してしまえば大丈夫のようです。<br />
ただし、例えば、</p>
<pre class="script">	theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
	theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
	<strong>theme_advanced_buttons3 : "",</strong></pre>
<p>という風に、「この行からは要らないよ」という行の設定を「""」で空に設定しないと、環境によっては空行が挿入されて見た目が変になってしまったりしてしまうケースがあるようですので注意。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>jQuery でフォームの値を取得・変更する方法</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/web_prog/jquery/jquery-val.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.926</id>

    <published>2012-01-27T07:36:04Z</published>
    <updated>2012-01-27T07:36:20Z</updated>

    <summary>jQuery でフォームのinput要素等の値を取得・変更する方法の解説です。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="jQuery" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="input要素" label="input要素" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="javascript" label="JavaScript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="jquery" label="jQuery" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="val" label="val" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<h3>input要素等の値を取得する</h3>
<p>jQuery を利用してフォームの値を取得するには、</p>
<pre class="script"><strong>// 変数 Fvalue にフォームの値を代入</strong>
var Fvalue = $("#id").val();</pre>
<p>とやればOKです。</p>
<p>JavaScript でやろうとするとループを回したりして色々めんどくさい select要素によるドロップダウンの値も、<strong>val()</strong> だけで取得できるので非常に楽ちんです。</p>
<h3>input要素に値をセットする</h3>
<p>逆に、フォームの input要素に値をセットする（変更する）には、</p>
<pre class="script"><strong>// #id の値を「1」に変更</strong>
$("#id").val(1);</pre>
<p>とやればOKです。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>jQuery で iframe 内のウィンドウから親ウィンドウの要素を操作する方法</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/web_prog/jquery/jquery-parent-window.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.925</id>

    <published>2012-01-26T07:26:23Z</published>
    <updated>2012-01-26T07:25:51Z</updated>

    <summary>jQuery で iframe 内のウィンドウから親ウィンドウの要素を操作する方法の解説です。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="jQuery" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="iframe" label="iframe" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="javascript" label="JavaScript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="jquery" label="jQuery" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="parent" label="parent" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<p>本日も jQuery の小ネタメモ。</p>
<p>いわゆるLightbox風のインターフェイスが流行している影響で、インラインフレーム（に見えないUIだけど）内のウィンドウから、呼び出し元である親ウィンドウの要素を操作する、という処理は多用する機会が増えたなあ、という印象がありますね。</p>
<p>親ウィンドウの要素を操作する時は、</p>
<pre class="script"><strong>parent</strong>.$("#id").addClass('ClassName');</pre>
<p>とか、</p>
<pre class="script"><strong>parent</strong>.$("p").html('カラオケ行きたい。');</pre>
<p>とか、まあ普通の JavaScript と同じように <strong>parent</strong> で親ウィンドウを指定すればOKです。</p>]]>
        
    </content>
</entry>

<entry>
    <title>jQuery で指定した要素のスタイルを変更する方法</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/web_prog/jquery/change-css.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.924</id>

    <published>2012-01-25T11:38:54Z</published>
    <updated>2012-01-25T11:38:41Z</updated>

    <summary>jQuery を利用して、指定した要素のスタイルを変更したり(css)、クラスの追加(addClass)・削除(removeClass)をする方法の解説です。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="jQuery" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="スタイルシート(CSS)" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="addclass" label="addClass" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="css" label="css" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="javascript" label="JavaScript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="jquery" label="jQuery" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="removeclass" label="removeClass" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<p>jQuery の超小ネタメモ。</p>
<p>ボタンクリックに合わせて、特定要素の背景色や文字色を変えたりというインターフェイスを実現するには、jQuery を使うのが手っ取り早いですね。</p>
<pre class="script"><strong>// div要素の文字色を変更</strong>
$("div").<strong>css</strong>("color","#9932cc");</pre>
<p>上記のように、変更したいスタイルのプロパティと値をカンマ区切りで指定します。</p>
<p>複数のスタイルを一気にしたいする場合は、以下のようにさらにカンマ区切りで続ければ良いです。</p>
<pre class="script"><strong>// div要素の文字色と背景色の変更</strong>
$("div").<strong>css</strong>("color","#9932cc", "background-color", "#000000");</pre>
<p>何らかのアクションに合わせて、ブロック要素の表示・非表示の切り替えをしたりするのもよくやりますが、これも display:none; と display: block; (または display: inline; etc) を切り替えれば良いわけですね。</p>
<pre class="script"><strong>// id="mesage" を非表示にする</strong>
$("#message").css("display", "none");

<strong>// id="message" を表示する</strong>
$("#message").css("display", "block");</pre>
<h3>クラスの追加と削除</h3>
<p>上記のように <strong>css()</strong> を使って直接スタイルを指定するのも良いですが、デザインとの一元管理を考えると、クラスの追加・削除を活用した方が良いかもしれません。</p>
<pre class="script"><strong>// div要素にクラスClassNameを追加</strong>
$("div").<strong>addClass</strong>("ClassName");

<strong>// div要素からクラスClassNameを削除</strong>
$("div").<strong>removeClass</strong>("ClassName");</pre>
<p>クラスAをクラスBに変更したい場合は、<strong>removeClass("ClassA")</strong> で削除した後に、<strong>addClass("ClassB")</strong> で追加してやれば、結果的にClassA が ClassB に変わったことになりますね。</p>]]>
        
    </content>
</entry>

<entry>
    <title>『WebデザイナーのためのPHP入門講座』の講師をします【1/28(土) 神戸・カフーツ】</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/business/seminar/elementary_php.php" />
    <id>tag:www.abe-tatsuya.com,2012://5.922</id>

    <published>2012-01-16T03:21:53Z</published>
    <updated>2012-01-16T03:21:54Z</updated>

    <summary>2012年1月28日(土)に、神戸・カフーツにて『WebデザイナーのためのPHP入門講座』の講師をします。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="PHP" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="セミナー/講習会" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="php" label="PHP" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="セミナー" label="セミナー" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<h4>非プログラマなWeb屋のみなさん！</h4>
<p>プログラマじゃなくてもちょこっとPHP知ってると色々と便利だし、プログラマな人に仕事を頼む時も話がしやすくなりますよ！！</p>
<p>というわけで、いつも大変お世話になっている神戸のコワーキング・スペース カフーツさんの主催で『WebデザイナーのためのPHP入門講座』の講師をさせて頂くことになりました。</p>
<p>本格的にプログラミングを学ぶというよりも、普段HTMLのコーディングやWebデザインを生業にしている方にとって、ちょっと知っておくと得するようなPHPの使い方をお伝えする内容になっております。</p>
<p>ぜひぜひお気軽にご参加くださいねー！</p>
<h4><a href="http://cahootz.jp/?p=847" target="_blank">『WebデザイナーのためのPHP入門講座』の詳細・お申込みはこちら</a></h4>]]>
        
    </content>
</entry>

<entry>
    <title>みんなで集まってWebサービス作ろうぜ！という企画をやるよ 【11/13(日)神戸・カフーツ】</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/business/seminar/webservice111113.php" />
    <id>tag:www.abe-tatsuya.com,2011://5.921</id>

    <published>2011-11-07T10:31:11Z</published>
    <updated>2011-11-07T10:32:09Z</updated>

    <summary>2011年11月13日(日)に、神戸にてみんなで集まってWebサービス作ろうぜ！という企画をやります。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="セミナー/講習会" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="webサービス" label="Webサービス" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="兵庫" label="兵庫" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="神戸" label="神戸" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<p>「Webサービスとか作ってみたいなー」と思いつつ、なかなか形にできていないみなさんこんにちは！ 僕も全く同じです！</p>
<h4>面白いアイディアはあるんだけど、Webサービスを作り上げるスキルがない</h4>
<p>とか、</p>
<h4>プログラミングはできるんだけど、需要のありそうなWebサービスのアイディアが浮かばない</h4>
<p>とか、</p>
<h4>プログラミングはできるんだけど、よさげなサイトデザインが作れない</h4>
<p>とか、</p>
<h4>デザインはできるんだけど、プログラミング方面はさっぱり</h4>
<p>とか、</p>
<h4>集客する手段は用意できるけど、Webサービスとか作れないし</h4>
<p>とかとか！</p>
<p>特にフリーランスで活動していると、みんなそれぞれ得意分野と不得意分野があるわけで、なかなか全部一人で済ませちゃうのは難しいですよね。</p>
<p>というわけで、そんな人たちで集合して、一度ひとつのWebサービスを作ってみようじゃないか！せっかく作るなら、地元の振興に繋がるものにしたいよね！ という企画を立ち上げました。</p>
<p>とりあえず、どんな方向性でやっていくかを集まって話し合いましょう、ということで、11/13(日)に、第0回を開催するので、ぜひぜひお気軽にご参加くださいませ！</p>
<h3><a href="http://www.zusaar.com/event/163153" target="_blank">神戸振興WEBサービス開発倶楽部　第0回MTG の詳細はこちら</a></h3>
<p>↑ネーミングが固いけど、そんな固い集まりじゃないからね！ 気軽にきてね！</p>
]]>
        
    </content>
</entry>

<entry>
    <title>東京出張版「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会 を開催するよ【10/28(金)東京・京橋】</title>
    <link rel="alternate" type="text/html" href="http://www.abe-tatsuya.com/business/seminar/html5111028.php" />
    <id>tag:www.abe-tatsuya.com,2011://5.919</id>

    <published>2011-10-21T10:51:48Z</published>
    <updated>2011-10-26T15:17:42Z</updated>

    <summary>2011年10月28日(金)に、東京・京橋にて「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会を開催します。</summary>
    <author>
        <name>Tatsuya</name>
        <uri>http://www.abe-tatsuya.com/</uri>
    </author>
    
        <category term="HTML5" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="セミナー/講習会" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html5" label="HTML5" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="セミナー" label="セミナー" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.abe-tatsuya.com/">
        <![CDATA[<h4>祝！関東進出！</h4>
<p>「そろそろいい加減HTML5にも手を出さないといけないなー」なんて思いながら、なかなかきっかけがなくて手を出せていない皆様こんにちは！ 僕も全く同じです！</p>
<p>というわけで神戸で五回ほど開催した「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会ですが、このたび、東京で開催することが急遽決定いたしました。</p>
<p>神戸で開催した五回の内容をもとに、「ぶっちゃけHTML5って何がどうなの」レベルのところから、お話しようかなと思っております。</p>
<p>同じWeb業界にいる人とかで集まって、色々話すのは勉強になりますね！</p>
<h4><a href="#mailmag">残念ながら今回は参加できないけど機会があれば次回以降参加したいという方はこちら</a></h4>
<p>主催である僕自身、タイトル通り「HTML5？なにそれおいしいの？」レベルな状態ですので、高度な内容は期待しないでくださいね＞＜</p>
<p>あんまりカチっとした「講習会」という感じではなく、みんなでゆるーく勉強しませんか？という感じの集まりにできればな、と思っています。</p>
<p>※できれば単発ではなく、関東でも今後定期的に開催できればいいなと思っています。</p>
<h3>東京出張版「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会の詳細</h3>
<table border="1" cellspacing="0" cellpadding="4">
  <tr>
    <td>日時</td>
    <td>2011年10月28日(金) 19:00～21:00</td>
  </tr><tr>
    <td>場所</td>
    <td>ブロードバンドテクノロジーコンサルティング 社内会議室<br />
    東京都中央区京橋2-12-12 サカキビル2F</td>
  </tr><tr>
    <td>地図</td>
    <td>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E4%B8%AD%E5%A4%AE%E5%8C%BA%E4%BA%AC%E6%A9%8B2-12-12&amp;hl=ja&amp;ie=UTF8&amp;sll=36.5626,136.362305&amp;sspn=42.049262,92.724609&amp;vpsrc=0&amp;brcurrent=3,0x60188be2f64f92a7:0x4fa0b6fa791d4ac,0&amp;hnear=%E6%9D%B1%E4%BA%AC%E9%83%BD%E4%B8%AD%E5%A4%AE%E5%8C%BA%E4%BA%AC%E6%A9%8B%EF%BC%92%E4%B8%81%E7%9B%AE%EF%BC%91%EF%BC%92%E2%88%92%EF%BC%91%EF%BC%92&amp;t=m&amp;hq=&amp;z=14&amp;ll=35.675984,139.771457&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E4%B8%AD%E5%A4%AE%E5%8C%BA%E4%BA%AC%E6%A9%8B2-12-12&amp;hl=ja&amp;ie=UTF8&amp;sll=36.5626,136.362305&amp;sspn=42.049262,92.724609&amp;vpsrc=0&amp;brcurrent=3,0x60188be2f64f92a7:0x4fa0b6fa791d4ac,0&amp;hnear=%E6%9D%B1%E4%BA%AC%E9%83%BD%E4%B8%AD%E5%A4%AE%E5%8C%BA%E4%BA%AC%E6%A9%8B%EF%BC%92%E4%B8%81%E7%9B%AE%EF%BC%91%EF%BC%92%E2%88%92%EF%BC%91%EF%BC%92&amp;t=m&amp;hq=&amp;z=14&amp;ll=35.675984,139.771457&amp;source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small></td>
  </tr><tr>
    <td>参加費用</td>
    <td>無料</td>
  </tr><tr>
    <td>対象</td>
    <td>これからHTML5を勉強したい人</td>
  </tr><tr>
    <td>主催</td>
    <td>グッドホープ</td>
  </tr><tr>
    <td>協賛</td>
    <td>株式会社アバンド<br />
    ブロードバンドテクノロジー・コンサルティング株式会社</td>
  </tr>
</table>

<h3>「HTML5？ なにそれおいしいの？」レベルの俺と共に学ぶHTML5勉強会 申込フォーム</h3>
<h4>多数のお申込を頂いたので、募集は締め切りました<br />
<a href="#mailmag">次回以降の開催予定のメール通知をご希望の方はこちら</a>からどうぞ</h4>
<!-- form method="POST" action="https://sv31.xserver.jp/~tatsuya/goodhope.jp/form/form15.cgi" -->
<form method="GET" action="#">
  <table border="1" cellspacing="0" cellpadding="4">
    <tr>
      <td>ご氏名<span style="color:#99ccff;">（必須）</span></td>
      <td><input type="text" name="name" value="" size="40" maxlength="256" /></td>
    </tr><tr>
      <td>会社・事業者名</td>
      <td><input type="text" name="company" value="" size="40" maxlength="256" /></td>
    </tr><tr>
      <td>メールアドレス<span style="color:#99ccff;">（必須）</span></td>
      <td><input type="text" name="mail" value="" size="40" maxlength="256" /></td>
    </tr><tr>
      <td>webサイト・ブログ</td>
      <td><input type="text" name="url" value="http://" size="40" maxlength="256" /></td>
    </tr><tr>
      <td>Twitterアカウント</td>
      <td><input type="text" name="twitter" value="" size="20" maxlength="40" /></td>
    </tr><tr>
      <td>勉強会で特に知りたいこと</td>
      <td><textarea name="comment1" cols="25" rows="4"></textarea></td>
    </tr><tr>
      <td>この勉強会をどのようにお知りになりましたか？</td>
      <td><textarea name="comment2" cols="25" rows="4"></textarea></td>
    </tr><!-- tr>
      <td>プレゼン希望の方は大まかなプレゼン内容など</td>
      <td><textarea name="comment3" cols="25" rows="4"></textarea></td>
    </tr --><!-- tr>
      <td>二次会（懇親会）</td>
      <td><input type="checkbox" name="2jikai" value="1" />二次会（懇親会）に参加します</td>
    </tr --><tr>
      <td colspan="2" style="text-align:center;"><input type="submit" value="【確認】" /></td>
    </tr>
  </table>
</form>
<h3 id="mailmag">残念ながら今回は参加できないけど機会があれば次回以降参加したいという方へ</h3>
<p>以下のフォームからメールアドレスをご登録頂くと、次回以降の日程が決定次第、お知らせいたします。</p>
<form method="POST" action="https://sv31.xserver.jp/~tatsuya/goodhope.jp/form/form16.cgi">
  メールアドレス：<input type="text" name="mail" value="" size="40" maxlength="256" />
  <input type="submit" value="【送信】" />
</form>]]>
        
    </content>
</entry>

</feed>

