<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link rel="hub" href="http://tumblr.superfeedr.com/" xmlns:atom="http://www.w3.org/2005/Atom"/><description>ソフトウェア・Linux・好きなモノ・日々のこと
トップ
ポートフォリオサイト
趣味たんぶら
</description><title>BLOG.QuelLENcode</title><generator>Tumblr (3.0; @mozako)</generator><link>http://blog.quellencode.org/</link><item><title>Doit.im Tips: Doit.im for Web Update Notes</title><description>&lt;a href="http://enblog.doit.im/post/17635532593/doit-im-for-web-update-notes"&gt;Doit.im Tips: Doit.im for Web Update Notes&lt;/a&gt;: &lt;p&gt;&lt;a class="tumblr_blog" href="http://enblog.doit.im/post/17635532593/doit-im-for-web-update-notes"&gt;doittips&lt;/a&gt;:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p class="MsoNormal"&gt;Today’s Doit.im for Web update prevents you from getting troubled when you confront with some tasks that needs to be done like a project. It also includes a number of stability improvements. Here is the update：&lt;/p&gt;
&lt;p class="MsoNormal"&gt;&lt;strong&gt;1. &lt;/strong&gt;&lt;strong&gt;Convert to a project&lt;/strong&gt;&lt;/p&gt;
&lt;p class="MsoListParagraph"&gt;&lt;span&gt;Sometimes, you may find that the task you collect needs…&lt;/span&gt;&lt;/p&gt;
&lt;/blockquote&gt;</description><link>http://blog.quellencode.org/post/17650985140</link><guid>http://blog.quellencode.org/post/17650985140</guid><pubDate>Wed, 15 Feb 2012 04:01:13 -0500</pubDate></item><item><title>(和訳) Doit.im for Web Update Notes</title><description>&lt;p&gt;わたしのお気に入りWebアプリ&lt;a href="http://doit.im/home/" target="_blank"&gt;Doit.im&lt;/a&gt;ですが、今日のお昼から妙に調子が悪かった。&lt;br/&gt;実はこれ、アップデートの兆候なんですね。&lt;br/&gt;前にも同じようなことがあったので。&lt;/p&gt;
&lt;p&gt;とりあえず&lt;a href="http://enblog.doit.im/post/17635532593/doit-im-for-web-update-notes" target="_blank"&gt;リリースノート&lt;/a&gt;をザックリ和訳してみました。&lt;br/&gt;気分がいいので変なﾃﾝｻｮﾝで突っ走っていきたいと思います。 &lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Doit.imのWebインターフェースがアップデートしたよ&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Doit.imを使っていて、たとえばプロジェクトの仕様なんかで、もう少しこうならないかな～～？とか思ったことはないかな？&lt;br/&gt;そこでわたしたちは、ちょこっと改良を加えてみたんだ。&lt;br/&gt;これがその全貌だ:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;1. タスクのプロジェクトへの変換&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;タスクをプロジェクト化したいときに、割とめんどくさかったと思うんだ。&lt;br/&gt;そうだよね、いちいちタスクを消して、またプロジェクトを作って…　なんてやってらんないよね。&lt;br/&gt;そういうときは、この魔法のボタン&lt;img src="http://media.tumblr.com/tumblr_lzfd8jqvcy1qhwl24.jpg"/&gt;を使ってみよう。&lt;br/&gt;これは”プロジェクトへの変換（Convert to project）”ボタンっていうんだ！&lt;/p&gt;
&lt;p&gt;こいつをポチッと押すだけで、 タスクがプロジェクトに早変わり！&lt;br/&gt;“プロジェクト（Projects）”を見てみて、どんどんタスクを追加しよう！&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;2.  Active projects &amp; Inactive projects（稼働中のプロジェクト &amp; 休業中のプロジェクト）&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;プロジェクトを作成したり編集するときに、開始日（start time）や締め切り日（deadline）を設定できるようになったよ！&lt;br/&gt;ちなみに、デフォルトでは開始日は設定されずに、次にやること（Next）になってるよ！ &lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lzfdjp82Xg1qhwl24.png"/&gt;&lt;/p&gt;
&lt;p&gt;もしキミがプロジェクトを今日（Today）や次にやること（Next）に設定すると、そのプロジェクトは&lt;strong&gt;稼働中のプロジェクト（Active project）&lt;/strong&gt;に分類される。&lt;/p&gt;
&lt;p&gt;逆に、いついつにやる（Scheduled）や、いつかやる（Someday）に設定すると、&lt;strong&gt;休業中のプロジェクト（Inactive project）&lt;/strong&gt;に分類される。&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lzfdq7qfXy1qhwl24.png"/&gt;&lt;/p&gt;
&lt;p&gt;実を言うと、プロジェクトを休業中にするには、ふたつの方法があるんだ。&lt;/p&gt;
&lt;p&gt;a. “休業中にする（Inactive）”ボタン&lt;img src="http://media.tumblr.com/tumblr_lzfdu1vmfO1qhwl24.jpg"/&gt;を押してみよう。開始日（start time）が変更されて、休業中のプロジェクト（Inactive project）に移るだろう。&lt;/p&gt;
&lt;p&gt;b. プロジェクトの開始日（start time）を、明日（Tommorow）、いついつにやる（Scheduled）やいつかやる（Someday）に変えてみよう。すぐさま休業中のプロジェクト（Inactive project）に移るのがわかるだろう。&lt;/p&gt;
&lt;p&gt;同じように、プロジェクトを稼働中にするには、ふたつの方法があるぞ。&lt;/p&gt;
&lt;p&gt;a. “稼働中にする（Active）”ボタン&lt;img src="http://media.tumblr.com/tumblr_lzfe105blY1qhwl24.png"/&gt;をポチッとやってみよう。開始日（start time）が変更されて、稼働中のプロジェクト（Active project）に移ったのがわかるかな？&lt;/p&gt;
&lt;p&gt;b. こちらは直接に開始日（start time）を変えてやる方法だ。プロジェクトの開始日（start time）を今日（Today）か次にやること（Next）に変えてみよう。キミのプロジェクトは、無事に稼働中のプロジェクト（Active project）に移ったはずだ。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;3. 達成したタスクがプロジェクト画面で見えるようになったぞ&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;達成したタスクをプロジェクト画面でも見ることができるようになった。&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lzfe8g9vGs1qhwl24.png"/&gt;&lt;/p&gt;
&lt;p&gt;今までのように、達成したタスク（Completed）から見ることもできる！&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lzfe9e6s8v1qhwl24.png"/&gt;&lt;/p&gt;
&lt;p&gt;これで達成したタスクのレビューが捗るね！&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;4. プロジェクトにコンテキストを付加できるようになったよ&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;タイトルの通りだ。&lt;br/&gt;プロジェクトにコンテキストを付けることができる。 &lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lzfeckHhO81qhwl24.png"/&gt;&lt;/p&gt;
&lt;p&gt;プロジェクトにつるされているタスクのコンテキストは、別のものにすることもできるんだ。&lt;/p&gt;
&lt;p&gt;新しい便利機能がキミを待っているぞ！さあ、Doit.imをもっともっと使おう！&lt;/p&gt;</description><link>http://blog.quellencode.org/post/17650972488</link><guid>http://blog.quellencode.org/post/17650972488</guid><pubDate>Wed, 15 Feb 2012 04:00:00 -0500</pubDate><category>Doit.im</category><category>和訳</category></item><item><title>数学川柳＆数学俳句コンテストなるものがあるらしい</title><description>&lt;p&gt;&lt;span&gt;&lt;a href="http://www.su-gaku.net/events/senryu-haiku/" target="_blank"&gt;第一回 数学川柳＆数学俳句 | 財団法人 日本数学検定協会&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;へえええーって感じ。&lt;/p&gt;
&lt;p&gt;こういう試み大好きです。&lt;br/&gt;みんなでいっぱい応募しよう！ &lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;</description><link>http://blog.quellencode.org/post/17602612033</link><guid>http://blog.quellencode.org/post/17602612033</guid><pubDate>Tue, 14 Feb 2012 05:42:00 -0500</pubDate><category>数学</category><category>ネタ</category></item><item><title>とっかかりにはイイ！「Ruby 1.8.7とRails 3.0.xによるWebアプリケーション制作超入門」</title><description>&lt;p&gt;&lt;img align="middle" alt="Ruby on Rails ロゴ" height="376" src="http://upload.wikimedia.org/wikipedia/commons/9/9c/Ruby_on_Rails_logo.jpg" width="316"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://blog.quellencode.org/post/17245499676/ruby-on-rails"&gt;この間の記事&lt;/a&gt;でも取り上げましたが、クリエイティブコモンズで公開されている以下のテキストが面白かったです。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://d.hatena.ne.jp/ikad/20110427"&gt;入門者用Railsテキストできました。windows用。 - 困ったときのメモ&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;作者の徳永氏が述べているように、ホントにscaffoldで雛形作って、それをちょっとカスタマイズしてみるところまでの内容になっています。&lt;br/&gt;語り口がたいへん面白く、一気に最後まで読んじゃいました。&lt;/p&gt;
&lt;p&gt;ガチ初心者が、とりあえずRoRを触ってみるには十分で、これだけでもそこそこのWebアプリが作れちゃいそうな感じ。&lt;br/&gt;ただし、それゆえの弱点というか、やっぱり物足りない感が。&lt;br/&gt;もっともっと教えて！わたしに教えて！&lt;br/&gt;って感じになっちゃいます(*´･x･)&lt;/p&gt;
&lt;p&gt;やっぱり本買わないとだめなのかなあ。&lt;br/&gt;RoRを勉強するためのオススメの本、あります？&lt;/p&gt;</description><link>http://blog.quellencode.org/post/17362172139</link><guid>http://blog.quellencode.org/post/17362172139</guid><pubDate>Fri, 10 Feb 2012 01:20:58 -0500</pubDate><category>Ruby on Rails</category><category>プログラミング</category></item><item><title>OneNote MobileがAndroidに対応したとか</title><description>&lt;a href="http://blogs.office.com/b/microsoft-onenote/archive/2012/02/07/onenote-mobile-for-android-is-now-available-worldwide.aspx"&gt;OneNote MobileがAndroidに対応したとか&lt;/a&gt;: &lt;p&gt;&lt;img alt="OneNote" height="256" src="http://a3.mzstatic.com/us/r1000/109/Purple/ce/f4/46/mzm.dckkbwdq.png" width="256"/&gt;&lt;/p&gt;
&lt;p&gt;Evernoteと同じくらいOneNoteを愛用しているわたしですが…&lt;/p&gt;
&lt;p&gt;なんと、&lt;strong&gt;わたしのXperia arcには対応してないとかでインストールできない..&lt;/strong&gt;&lt;br/&gt;もしインストールできるようになったらレビューしたいと思います。&lt;/p&gt;</description><link>http://blog.quellencode.org/post/17309694050</link><guid>http://blog.quellencode.org/post/17309694050</guid><pubDate>Thu, 09 Feb 2012 01:37:00 -0500</pubDate><category>Android</category><category>MS Office</category><category>OneNote</category></item><item><title>Ruby on Railsたのしいなあ</title><description>&lt;p&gt;&lt;img align="middle" alt="RoR ロゴ" height="376" src="http://upload.wikimedia.org/wikipedia/commons/9/9c/Ruby_on_Rails_logo.jpg" width="316"/&gt;&lt;/p&gt;
&lt;p&gt;こんにちは。Mozamimyこと兎音です。&lt;/p&gt;
&lt;p&gt;前からRuby on Railsをちょこちょこ触っていたのですが、わからないなりにviewの部分をいじる程度で深いところまで勉強していませんでした。&lt;br/&gt;でも、どうせなら、きっちり体系的に勉強したいなと思って入門書を図書館で探すものの..&lt;/p&gt;
&lt;p&gt;ない。&lt;br/&gt;専門書って、買うと高いのよね..&lt;/p&gt;
&lt;p&gt;そこで、ネット上でいい資料がないものかと探していると、ありました。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://d.hatena.ne.jp/ikad/20110427"&gt;入門者用Railsテキストできました。windows用。 - 困ったときのメモ&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Ruby on Rails 3.xに対応しているので、すごく実践しやすいです。&lt;br/&gt;Windows用と書かれていますが、別にMacでもLinuxでも大丈夫。&lt;br/&gt;実際、わたしはこのテキストをMac環境で実践しています。&lt;/p&gt;
&lt;p&gt;とりあえずひと通り実践してみて、また感想でも書きたいと思います。&lt;/p&gt;</description><link>http://blog.quellencode.org/post/17245499676</link><guid>http://blog.quellencode.org/post/17245499676</guid><pubDate>Tue, 07 Feb 2012 22:01:00 -0500</pubDate><category>プログラミング</category><category>Ruby on Rails</category></item><item><title>Tumblrをブログとして運用するためのtips</title><description>&lt;p&gt;こんにちは。もざみみこと兎音です。&lt;br/&gt;最近ブログをサボり気味だったので、できる範囲で少しずつ書いていきたい所存です。&lt;br/&gt;継続は力なりといいますし。&lt;/p&gt;
&lt;p&gt;本日は&lt;strong&gt;Tumblrをブログとして運用するためのtips&lt;/strong&gt;ということで書いていきます。&lt;br/&gt;自鯖のWordpressからTumblrに移行するときに気づいたことのまとめです。&lt;br/&gt;同じようなことがしたい方のご参考になれば。&lt;/p&gt;
&lt;!-- more --&gt;
&lt;p&gt;&lt;strong&gt;■タイトルに気をつけろ！&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;ズバリ言ってしまいますと、&lt;strong&gt;&lt;br/&gt;パーマリンクされた記事ページのタイトルに気をつけよう、&lt;/strong&gt;ということです。&lt;/p&gt;
&lt;p&gt;テーマにもよりますが、大抵のテーマは、記事の個別ページのタイトルとしてTumblrそのもののタイトル（うちだとBlog.QuelLENcode）が出るようになっています。&lt;br/&gt;これでは検索などで引っかかりにくくなって残念です。&lt;br/&gt;本来ならば、個別ページには記事のタイトルが出て欲しいわけです。&lt;/p&gt;
&lt;p&gt;たとえばこの記事。タイトルとして「Blog.QuleLENcode」が出てきてもおいしくないわけで&lt;strong&gt;、&lt;/strong&gt;「Tumblrをブログとして運用するためのtips - Blog.QuelLENcode」というように表示されるべきなのです。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;■記事の個別ページにタイトルが表示されるようにしよう。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;ブログに適用しているテーマによって変更箇所などが変わってくるため、変更の一例を挙げることしかできません。適当にあなたの環境に当てはめて試してみてください。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;1. カスタマイズ画面を開いて、「編集HTML」ボタンを押す。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lyyhldIMjG1qhwl24.png"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;2. &lt;title&gt;&lt;/title&gt;の中身を書き替える。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;以下のように書き換えてください。&lt;br/&gt;&lt;em&gt;&lt;title&gt;{block:IndexPage}{Title}{/block:IndexPage}{block:PermalinkPage}{block:Posts}{Title}{/block:Posts}{/block:PermalinkPage}&lt;/title&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;テーマにもよるでしょうが、こんな感じになると思います。&lt;em&gt;&lt;br/&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;img src="http://media.tumblr.com/tumblr_lyzwxuGHK01qhwl24.png"/&gt;&lt;br/&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;あとはプレビューの更新を押せばおしまいです。&lt;br/&gt;記事の個別ページをチェックして、ブラウザのタブに表示されるタイトルが、記事のタイトルになっていることを確認してください。&lt;em&gt; &lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;br/&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;■しくみ&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Tumblrのテーマを作るために、独自のタグを埋め込むことで記事ごとに異なる情報、たとえばタイトルや作成日などを埋め込むことができます。&lt;br/&gt;タグの一覧は以下のページにまとめられています。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.tumblr.com/docs/en/custom_themes"&gt;Creating a custom HTML theme | Tumblr&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;title&gt;&lt;/title&gt;の中に、インデックスページ（いわゆるトップページ）とパーマリンクページ（記事ごとのページ）のタイトルを、両方書いてしまいます。&lt;br/&gt;これで、トップページの時はブログタイトル、記事ページのときは記事タイトル、と表示を分けることができます。&lt;br/&gt;いろいろテーマをいじってみても楽しいかもしれませんね。&lt;/p&gt;</description><link>http://blog.quellencode.org/post/17195020894</link><guid>http://blog.quellencode.org/post/17195020894</guid><pubDate>Mon, 06 Feb 2012 23:18:00 -0500</pubDate><category>Tumblr</category><category>Webサービス</category></item><item><title>MacTex-2011環境でのTeXのスタイルファイル置き場</title><description>&lt;p&gt;Mac環境でTeXのスタイルファイルを置く場所がわからず、いろいろ調べたら出てきたのでメモ。&lt;br/&gt;Mac OS X 11.7.2(Lion)で、MacTex-2011がインストールされていることが前提です。&lt;br/&gt;&lt;br/&gt;参考: &lt;a href="http://wofwof.blog60.fc2.com/blog-entry-526.html" target="_blank"&gt;自分用メモ) MAC で使う TeX の スタイルファイルの置き場所 - 統計学＋ε: 米国留学・研究生活&lt;/a&gt;&lt;br/&gt;&lt;br/&gt;要は、&lt;strong&gt;/usr/local/texlive/texmf-local/tex/latexに任意のスタイルファイルをコピーして、mktexlsrすれば良い&lt;/strong&gt;です。&lt;br/&gt;&lt;br/&gt;$ sudo cp hoge.sty /usr/local/texlive/texmf-local/tex/latex&lt;br/&gt;$ sudo mktexlsr&lt;br/&gt;&lt;br/&gt;でいけるでしょう。&lt;br/&gt;&lt;br/&gt;# 論文やレポートはやっぱりとTeXとLyXで&lt;/p&gt;</description><link>http://blog.quellencode.org/post/17017246873</link><guid>http://blog.quellencode.org/post/17017246873</guid><pubDate>Sat, 04 Feb 2012 00:42:10 -0500</pubDate><category>TeX</category><category>Mac</category></item><item><title>21歳を迎えるにあたって、それまでに学んだ21のこと</title><description>&lt;p&gt;おひさしブログです。&lt;br/&gt; もざみみです(*･x･)b&lt;/p&gt;
&lt;p&gt;昨日めでたくお誕生日を迎えました。&lt;br/&gt; そんなときに、ちょうど&lt;a href="http://www.lifehacker.jp/2011/09/110912thirtyone.html"&gt;このような記事&lt;/a&gt;をみつけたので、わたしも書いてみました。&lt;/p&gt;
&lt;ol&gt;&lt;li&gt;&lt;span&gt;&lt;strong&gt;スキなことをやる。同じくらいキライなことをやる。&lt;/strong&gt;&lt;br/&gt;&lt;/span&gt;&lt;span&gt;わたしは学生なので、好きなことばかりをするわけにはいきません。それはお仕事でも同じだと思います。ならばその現実を受け入れましょう。嫌なことにも、こじつけでもいいから「役に立つ」と信じましょう。&lt;br/&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;ねむたいときは寝る。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;ねむたいときに何をやっても捗りません。寝ましょう。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;コーヒーを飲む。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;本気で作業するときは、コーヒーを飲みましょう。カフェインがあなたをシャープにします。カフェインが効かない体質のあなたでも、作業を始めるときの「スイッチ」にするといいと思います。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;新しいことをたくさん学ぶ。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;めまぐるしく変わる世の中。新しいことを学ばないと、あっという間に 取り残されます。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;家族を大切に。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;あなたが気づかなくても、陰で支えてくれています。感謝しましょう。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;お金を使うことを惜しまない。&lt;/strong&gt;&lt;br/&gt;&lt;/span&gt;&lt;span&gt;特に学びにかけるお金を惜しんではいけません。払ったお金よりも大きな体験が得られれば、御の字です。&lt;br/&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;何もしてない時間をなくす。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;眠ってるときや休んでるとき以外は、常に動き続けましょう。動いた分だけ、あなたは良くなっていくはずです。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;タイマーを使う。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;意識だけで自分をコントロールできればベストですが、わたしはそれができません。そこで、タイマーの力を借りましょう。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;タスク管理術を実践する。&lt;/strong&gt;&lt;br/&gt;&lt;/span&gt;&lt;span&gt;&lt;a href="http://bizmakoto.jp/bizid/articles/0606/27/news003.html"&gt;GTD&lt;/a&gt;を自分流にアレンジするのがおすすめです。いろいろなタスク管理術がありますが、それをそのまま実践する必要はありません。タスク管理に飲み込まれたら、本末転倒ですから。&lt;br/&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;常にモノを考える。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;電車に揺られてるときも、歩いてるときも。また、10本の記事を流し読みするくらいなら、1本の記事を熟読するほうがよいです。本をじっくり考えるながら読むのもおすすめです。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;逆算スキルを磨く。&lt;/strong&gt;&lt;br/&gt;&lt;/span&gt;&lt;span&gt;スケジュールを立てるときや、将来のビジョンを考えるとき、逆算スキルは必須です。また、モノを逆算アプローチで考えてみると、また違った側面が見えてきます。&lt;br/&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;遊びも一生懸命やる。&lt;/strong&gt;&lt;br/&gt;&lt;/span&gt;&lt;span&gt;何事もホンキで。わたしはとあるゲームのクランに入って、スキル磨きと同じくらい頑張っています。&lt;br/&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;いろんな思想を学ぶ。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;たくさんの思想を考察して、自分の中で、柱になるものを得ましょう。そして信じましょう。時には柔軟に柱をリビルドする勇気も必要です。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;謙虚に。そして大胆に。&lt;/strong&gt;&lt;br/&gt;&lt;/span&gt;&lt;span&gt;謙虚にアドバイスに耳を傾けましょう。そして、大胆に自分の考えを伝えましょう。議論は新しい考え方を生み出します。&lt;br/&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;多くを語らなくてもいい。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;自分をおしとやかで物静かだと思うなら、無理して喋る必要はありません。そういうのは、お喋りさんに任せましょう。ただし、ここぞというときに大胆になれないと、ただの根暗のレッテルを貼られてしまいます。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;自然を大切にする。&lt;/strong&gt;&lt;br/&gt;&lt;/span&gt;&lt;span&gt;自然を慈しむ綺麗な心を持ちましょう。イライラから解放され、必要なときに集中できます。わたしは、外で見かけた花や植物の写真を撮るのが好きです。&lt;br/&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;美しいもの・可愛いもの・きれいなものに触れる。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;あなたの琴線に触れたものを大切に。センスを磨く上でも、重要なことです。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;小さな旅をする。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;普段の生活の中でも、たまには違う道を通ってみたりすると、いろいろな発見があると思います。&lt;/span&gt; &lt;br/&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;おいしいものを食べる。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;普段は粗食で、たまには「いいもの」を食べましょう。ファストフードはダメです。たまには食べますけど。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;デジタルガジェットを大事にする。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;いつもいつも一緒にいてくれてるバディを大切に。ある意味、家族や彼氏(彼女)よりも身近な存在なのだから。&lt;br/&gt;&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;strong&gt;次の誕生日までの目標を決めて達成する。&lt;/strong&gt;&lt;br/&gt;&lt;span&gt;目標を持ちましょう。毎日それを忘れずに。&lt;/span&gt; &lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;ざっとこんなものかなーと。&lt;br/&gt;来年も（忘れてなければ）このネタで書きたいです。 &lt;/p&gt;</description><link>http://blog.quellencode.org/post/10227524395</link><guid>http://blog.quellencode.org/post/10227524395</guid><pubDate>Wed, 14 Sep 2011 22:43:01 -0400</pubDate></item><item><title>[雑記]第1回 So-Kai Hacks! に行ってきました</title><description>&lt;p&gt;2011/04/24のこと。&lt;br/&gt;So-Kai Hacks!というセキュリティ系の勉強会に行ってきました。&lt;br/&gt;詳しくは以下のURLから。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://sites.google.com/site/soukaisecurity/news/sokai-hacks-001"&gt;第1回 So-kai Hacks!（爽快セキュリティ系技術勉強会）の開催のお知らせ&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;お題は顔文字JavaScript。&lt;br/&gt;要はJavaScriptの難読化のお話でした。&lt;/p&gt;
&lt;p&gt;最初のセッションでは、Brainfu*kのような顔文字っぽい文法で、x86のプログラムを書いたりなどの実に変態的なお話でした。&lt;br/&gt;実際にx86のアセンブラをちょーっとだけ触ったことがあるのですが、ああなるほどなーと。&lt;/p&gt;
&lt;p&gt;次の実習では、実際に顔文字JavaScriptを書いてみよう！というものでした。&lt;br/&gt;ただ、これが結構大変..&lt;br/&gt;なかなかうまくいかずに、少し歯がゆい思いをしました。&lt;/p&gt;
&lt;p&gt;普段Web制作で使っているJavaScriptで変態的なことができるんだなーと目からウロコでした。&lt;br/&gt;もう少しセキュリティに絡んだ話も聞けたらよかったーと思います。&lt;/p&gt;
&lt;p&gt;最近忙しいので、取り急ぎこれくらいで。&lt;br/&gt;以上です。&lt;/p&gt;</description><link>http://blog.quellencode.org/post/5000419790</link><guid>http://blog.quellencode.org/post/5000419790</guid><pubDate>Wed, 27 Apr 2011 21:37:41 -0400</pubDate></item><item><title>[おしらせ]オンライン勉強会やりたいです</title><description>&lt;p&gt;こんにちは、もざみみです。&lt;/p&gt;
&lt;p&gt;勉強会、好きですか？&lt;br/&gt;わたしは好きです。&lt;br/&gt;ただ、最近余裕がなくて、なかなか勉強会に参加できずにいます。&lt;/p&gt;
&lt;p&gt;そこで、もっと手軽に勉強会ができないかと思案した結果、Ustreamなどを使ってオンラインでやってみればいいんじゃないかという結論に落ち着きました。&lt;br/&gt;デザイナや開発者向けの勉強会になると思います。&lt;/p&gt;
&lt;p&gt;まだサイトも立ち上げてないし、構想を練っている段階ですが、もし興味があるという方は&lt;a href="mailto:mozamimy.*.quellencode.org"&gt;メール&lt;/a&gt;や&lt;a href="http://twitter.com/Mozamimy"&gt;Twitter&lt;/a&gt;で声をかけてもらえるとありがたいです。&lt;/p&gt;</description><link>http://blog.quellencode.org/post/4387272199</link><guid>http://blog.quellencode.org/post/4387272199</guid><pubDate>Wed, 06 Apr 2011 05:19:00 -0400</pubDate><category>勉強会</category><category>おしらせ</category></item><item><title>[雑記]ブログ移動しました</title><description>&lt;p&gt;今までブログシステムにWordpressを使っていましたが、維持管理のコストが高いのでTumblrに変えました。&lt;/p&gt;
&lt;p&gt;かわいいものコレクソョンは主に&lt;a href="http://note.quellencode.org/"&gt;こちら&lt;/a&gt;でやっていますが、こっちでは自分の投稿をメインにして、たまにちょっとrblgする感じで運用しようかなーと思っています。&lt;/p&gt;
&lt;p&gt;あと、今年はTeam USAMIMIで何かやります。&lt;br/&gt;こうご期待。&lt;/p&gt;</description><link>http://blog.quellencode.org/post/4360451587</link><guid>http://blog.quellencode.org/post/4360451587</guid><pubDate>Tue, 05 Apr 2011 02:27:00 -0400</pubDate><category>日記</category></item><item><title>[テンプレート]Ardent Scientist Template 公開しました！</title><description>&lt;p&gt;こんにちは、&lt;strike&gt;もみもみ&lt;/strike&gt;もざみみです(*･x･)&lt;/p&gt;
&lt;p&gt;シリアスな場面でも使えるシンプルなPowerPoint用テンプレートが欲しくなったのでつくりました。      &lt;br/&gt;実用的な広々描画スペースと、そこに映える強烈でシンプルな赤色が、オーディエンスの目を離さないことうけあい。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2011/01/ardent_temp.jpg"&gt;&lt;img title="ardent_temp" alt="ardent_temp" src="http://quellencode.org/blog/wp-content/uploads/2011/01/ardent_temp_thumb.jpg" border="0" height="260" width="324"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/package/Ardent_Scientist_01_pack.zip"&gt;ダウンロードはこちら&lt;/a&gt;から。&lt;/p&gt;
&lt;p&gt;また、日本語用フォントに&lt;a href="http://ossipedia.ipa.go.jp/ipafont/index.html"&gt;IPAフォント&lt;/a&gt;を使用しているので、再現性を高めるためにもぜひダウンロードして導入することをオススメします。フリーで配布されています。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/?OpenTemplate"&gt;こちらのページ&lt;/a&gt;から他のテンプレートの一覧を見ることもできます。&lt;/p&gt;
&lt;p&gt;ではではこの辺で(*･x･)&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;2010/02/09 (Wed.)追記&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;ダウンロードのリンクが切れていたので修正しました。     &lt;br/&gt;ご迷惑をおかけして申し訳ありません。&lt;/p&gt;</description><link>http://blog.quellencode.org/post/4360384877</link><guid>http://blog.quellencode.org/post/4360384877</guid><pubDate>Tue, 05 Apr 2011 02:21:55 -0400</pubDate><category>Office2010</category><category>PowerPoint2010</category><category>テンプレート</category></item><item><title>[デザイン]EeePC701をかわいくデコっちゃいました(型紙ファイル付き)</title><description>&lt;p&gt;みなさんこんにちは。もざです。      &lt;br/&gt;今年も残すところ4日となりましたが、いかがお過ごしでしょうか(*･x･)?&lt;/p&gt;
&lt;p&gt;2年前から年賀状を書くことを放棄したわたしは、卒業論文に追われつつ、せっせとEeePCをデコデコしていました。      &lt;br/&gt;作業自体は非常にシンプルで、ひたすら寸法を測ってIllustratorに型をおとして、その上にお好みのデザインをする感じ。       &lt;br/&gt;こんな感じで、とってもかわいくなりました。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/12/front.jpg"&gt;&lt;img title="slant_side" alt="slant_side" src="http://quellencode.org/blog/wp-content/uploads/2010/12/slant_side_thumb.jpg" border="0" height="304" width="404"/&gt;&lt;!-- more --&gt;&lt;img title="front" alt="front" src="http://quellencode.org/blog/wp-content/uploads/2010/12/front_thumb.jpg" border="0" height="218" width="404"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/12/back.jpg"&gt;&lt;img title="back" alt="back" src="http://quellencode.org/blog/wp-content/uploads/2010/12/back_thumb.jpg" border="0" height="304" width="287"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/12/close.jpg"&gt;&lt;img title="close" alt="close" src="http://quellencode.org/blog/wp-content/uploads/2010/12/close_thumb.jpg" border="0" height="304" width="404"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;写真じゃわかりづらいけれど、これ、すごくツルツルテカテカしてていい感じ。      &lt;br/&gt;次はキーボードに貼るシールも作りたいけれど、すごく手間がかかりそう..!&lt;/p&gt;
&lt;p&gt;型紙は以下のリンクからダウンロードできます。      &lt;br/&gt;&lt;a href="http://quellencode.org/package/EeePC_701_paper_pattern_1000.zip"&gt;EeePC 701用 デコデコセット Ver1.0.0.0 ダウンロード&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;どれくらい需要があるかはわかりませんが、どうぞお役立てください。&lt;/p&gt;
&lt;p&gt;2011年も、よいお年を∩_∩&lt;/p&gt;</description><link>http://blog.quellencode.org/post/4360369455</link><guid>http://blog.quellencode.org/post/4360369455</guid><pubDate>Tue, 05 Apr 2011 02:20:41 -0400</pubDate><category>デザイン</category></item><item><title>[Linux]DropboxをopenSUSE 11.3 + KDE 4で使うためのtips</title><description>&lt;p&gt;こんにちは、もざみみです(*･x･)&lt;/p&gt;
&lt;p&gt;みんなダイスキDropbox。活用していますか。      &lt;br/&gt;DropboxとEvernoteは、コレが無くなったらお仕事にならないくらい活用しています。&lt;/p&gt;
&lt;p&gt;DropboxにはLinux版もあるのですが、用意されているパッケージがUbuntu用とFedora用しかありません。もざのように、他のディストリビューションを使っているひとは、&lt;strong&gt;自力でコンパイルしてください&lt;/strong&gt;と言うのです。ああめんどくさい。&lt;/p&gt;
&lt;p&gt;しかもDropboxが公式に対応しているのはGNOMEだけらしいのです。完全にもざは負け組なのかなーと思っていたら、ちゃっかり有志が作ってくれたパッケージがありました。以下のリンクからどうぞ。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://software.opensuse.org/search?q=dropbox&amp;baseproject=openSUSE%3A11.3&amp;lang=ja&amp;exclude_filter=home%3A&amp;exclude_debug=true"&gt;software.opensuse.org: 検索結果&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;パッケージの検索クエリに「dropbox」と入れてみると、ご覧の通り。      &lt;br/&gt;さすがopenSUSE。ぬかりない。&lt;/p&gt;
&lt;p&gt;ではでは、さっそくインストール作業に移りましょう！      &lt;br/&gt;もざは64bit版のopenSUSEを使っていますが、32bit版でも同じようにできると思います。&lt;!-- more --&gt;&lt;/p&gt;
&lt;p&gt;&lt;span id="more-271"&gt; &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;いろいろパッケージがあるので、どれを入れるか悩みどころです。      &lt;br/&gt;とりあえずザッと見て、kdropboxの安定版らしき以下のパッケージ（現時点でバージョン0.4.1-11.1）を入れてみることにしましょう。       &lt;br/&gt;どうやらopenSUSEのリポジトリのExtraというカテゴリにある、公式のパッケージみたいです。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/kdropbox.png"&gt;&lt;img title="kdropbox" alt="kdropbox" src="http://quellencode.org/blog/wp-content/uploads/2010/11/kdropbox_thumb.png" border="0" height="129" width="324"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;インストールはかんちくりんです。1-クリックインストールをポチるだけ。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/download.jpg"&gt;&lt;img title="download" alt="download" src="http://quellencode.org/blog/wp-content/uploads/2010/11/download_thumb.jpg" border="0" height="260" width="404"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;ここで、「プログラムで開く(&lt;u&gt;O&lt;/u&gt;)」を選びます。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/add_repo.png"&gt;&lt;img title="add_repo" alt="add_repo" src="http://quellencode.org/blog/wp-content/uploads/2010/11/add_repo_thumb.png" border="0" height="304" width="386"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Extraのリポジトリが新たに追加されます。このまま「次へ(&lt;u&gt;N&lt;/u&gt;)」をクリック。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/inst_dropbox.png"&gt;&lt;img title="inst_dropbox" alt="inst_dropbox" src="http://quellencode.org/blog/wp-content/uploads/2010/11/inst_dropbox_thumb.png" border="0" height="304" width="389"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;kdropboxにチェックが入っていることを確認したら、「次へ(&lt;u&gt;N&lt;/u&gt;)」をクリック。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/inst_dropbox_2.png"&gt;&lt;img title="inst_dropbox_2" alt="inst_dropbox_2" src="http://quellencode.org/blog/wp-content/uploads/2010/11/inst_dropbox_2_thumb.png" border="0" height="304" width="392"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;インストール情報を確認して、「次へ(&lt;u&gt;N&lt;/u&gt;)」をクリック。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/password.png"&gt;&lt;img title="password" alt="password" src="http://quellencode.org/blog/wp-content/uploads/2010/11/password_thumb.png" border="0" height="262" width="404"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;ここでrootのパスワードを入力します。      &lt;br/&gt;このあとGnuPG Keyに関するダイアログが出たら、「取り込み(I)」をクリックするようにします。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/completed.png"&gt;&lt;img title="completed" alt="completed" src="http://quellencode.org/blog/wp-content/uploads/2010/11/completed_thumb.png" border="0" height="304" width="392"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;おめでとう！念願のDropboxがインストールできたぞ！&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/start.jpg"&gt;&lt;img title="start" alt="start" src="http://quellencode.org/blog/wp-content/uploads/2010/11/start_thumb.jpg" border="0" height="304" width="293"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;さて、ここからはDropboxの設定です。      &lt;br/&gt;スタートメーニューから、「インターネット – データ交換」とたどり、&lt;strong&gt;kdropbox&lt;/strong&gt;をクリックします。       &lt;br/&gt;ここで注意。どうやら一度目はkdropboxをクリックしても、何も言わずに閉じてしまう不具合があるようなので、気を取り直してもう一度kdropboxをクリックしてみてください。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/daemon.jpg"&gt;&lt;img title="daemon" alt="daemon" src="http://quellencode.org/blog/wp-content/uploads/2010/11/daemon_thumb.jpg" border="0" height="152" width="404"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Dropboxのデーモン（裏方プログラム）がセットアップされます。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/welcome.png"&gt;&lt;img title="welcome" alt="welcome" src="http://quellencode.org/blog/wp-content/uploads/2010/11/welcome_thumb.png" border="0" height="304" width="340"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;ここまでくると、見慣れたインターフェースがあなたをお出迎え。      &lt;br/&gt;Windows版のDropboxと同じように、アカウントの設定をしましょう。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/home.png"&gt;&lt;img title="home" alt="home" src="http://quellencode.org/blog/wp-content/uploads/2010/11/home_thumb.png" border="0" height="304" width="373"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;設定が完了すると、自分のホームディレクトリに「Dropbox」ディレクトリが作成され、ただちにファイルの動機が始まります。      &lt;br/&gt;あとはWindows版のようにバンバンファイルを置くだけで、バンバン同期してくれます。&lt;/p&gt;
&lt;p&gt;よきDropboxライフを！&lt;/p&gt;
&lt;p&gt;以上です(*･x･)&lt;/p&gt;</description><link>http://blog.quellencode.org/post/4360348133</link><guid>http://blog.quellencode.org/post/4360348133</guid><pubDate>Tue, 05 Apr 2011 02:19:01 -0400</pubDate><category>Linux</category><category>KDE4</category><category>Dropbox</category></item><item><title>[Web]gifアニメにonload属性を設定するときの注意点</title><description>&lt;p&gt;こんにちは、もざみみです(*･x･)      &lt;br/&gt;今日はJavascriptと&lt;strong&gt;IEのアレな話&lt;/strong&gt;を書こうと思います。       &lt;br/&gt;これでハマってしまったので、同じようなところでハマる人のために。&lt;/p&gt;
&lt;p&gt;まず、こんなHTMLコード(onload_test.html)を書きます。      &lt;br/&gt;(読みづらくてごめんなさい)&lt;/p&gt;
&lt;ol&gt;&lt;li&gt; &lt;span&gt;&lt;!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt; &lt;span&gt;&lt;&lt;a href="http://december.com/html/4/element/html.html"&gt;&lt;span&gt;html&lt;/span&gt;&lt;/a&gt; xmlns&lt;span&gt;=&lt;/span&gt;&lt;span&gt;“http://www.w3.org/1999/xhtml”&lt;/span&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;   &lt;span&gt;&lt;&lt;a href="http://december.com/html/4/element/head.html"&gt;&lt;span&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;     &lt;span&gt;&lt;&lt;a href="http://december.com/html/4/element/meta.html"&gt;&lt;span&gt;meta&lt;/span&gt;&lt;/a&gt; &lt;span&gt;http-equiv&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;“Content-Type”&lt;/span&gt; &lt;span&gt;content&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;“text/html; charset=utf-8”&lt;/span&gt; &lt;span&gt;/&lt;/span&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;     &lt;span&gt;&lt;&lt;a href="http://december.com/html/4/element/meta.html"&gt;&lt;span&gt;meta&lt;/span&gt;&lt;/a&gt; &lt;span&gt;http-equiv&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;“Content-Script-Type”&lt;/span&gt; &lt;span&gt;content&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;“text/javascript”&lt;/span&gt; &lt;span&gt;/&lt;/span&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;     &lt;span&gt;&lt;&lt;a href="http://december.com/html/4/element/script.html"&gt;&lt;span&gt;script&lt;/span&gt;&lt;/a&gt; &lt;span&gt;type&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;“text/javascript”&lt;/span&gt; &lt;span&gt;src&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;“script.js”&lt;/span&gt;&gt;&lt;&lt;span&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/script.html"&gt;&lt;span&gt;script&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;     &lt;span&gt;&lt;&lt;a href="http://december.com/html/4/element/title.html"&gt;&lt;span&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;span&gt;画像のonloadテスト&lt;/span&gt;&lt;span&gt;&lt;&lt;span&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/title.html"&gt;&lt;span&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;   &lt;span&gt;&lt;&lt;span&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/head.html"&gt;&lt;span&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;   &lt;span&gt;&lt;&lt;a href="http://december.com/html/4/element/body.html"&gt;&lt;span&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;     &lt;span&gt;&lt;&lt;a href="http://december.com/html/4/element/img.html"&gt;&lt;span&gt;img&lt;/span&gt;&lt;/a&gt; &lt;span&gt;src&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;“anime.gif”&lt;/span&gt; &lt;span&gt;alt&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;“アニメーション”&lt;/span&gt; &lt;span&gt;onload&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;“Hoge();”&lt;/span&gt; &lt;span&gt;/&lt;/span&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;   &lt;span&gt;&lt;&lt;span&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/body.html"&gt;&lt;span&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt; &lt;span&gt;&lt;&lt;span&gt;/&lt;/span&gt;&lt;a href="http://december.com/html/4/element/html.html"&gt;&lt;span&gt;html&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt; &lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;このソースのミソは以下の点です。&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;DOCTYPE宣言のシステム識別子(DTDのURL)がないので、IE8(おそらくIE9βも)にコレを食わせると、&lt;strong&gt;Quirksモード&lt;/strong&gt;(IE5と同等にレンダリングするモード)に。 &lt;/li&gt;
&lt;li&gt;&lt;strong&gt;gifアニメーション&lt;/strong&gt;画像を表示。 &lt;/li&gt;
&lt;li&gt;gifアニメーション画像のonload属性に、&lt;strong&gt;Hoge()&lt;/strong&gt;という関数を実行するように設定。Hoge()はscript.jsの中に書いてあります。 &lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;では、次にロードするJavascriptファイル(script.js)を見てみましょう。&lt;!-- more --&gt;&lt;/p&gt;
&lt;p&gt;&lt;span id="more-239"&gt; &lt;/span&gt;&lt;/p&gt;
&lt;ol&gt;&lt;li&gt; &lt;span&gt;/* gifアニメのonloadテスト */&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;   &lt;/li&gt;
&lt;li&gt; &lt;span&gt;function&lt;/span&gt; Hoge&lt;span&gt;(&lt;/span&gt;&lt;span&gt;)&lt;/span&gt; &lt;/li&gt;
&lt;li&gt; &lt;span&gt;{&lt;/span&gt; &lt;/li&gt;
&lt;li&gt;     &lt;span&gt;alert&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;”(*･x･)ｳｻ!”&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;span&gt;;&lt;/span&gt; &lt;/li&gt;
&lt;li&gt; &lt;span&gt;}&lt;/span&gt; &lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;Hoge()自身は、単純明快、単にアラートを表示させるだけです。&lt;/p&gt;
&lt;p&gt;さて、onload_test.htmlをFirefoxに食わせてみましょう。      &lt;br/&gt;&lt;br/&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/firefox1.jpg"&gt;&lt;img title="firefox" alt="firefox" src="http://quellencode.org/blog/wp-content/uploads/2010/11/firefox_thumb1.jpg" border="0" height="267" width="324"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;アラートが1回表示され、OKボタンで消した後は二度とアラートが表示されることはありません。なぜなら、onload属性は、&lt;strong&gt;画像がロードされたときに実行されるメソッドを指定するモノ&lt;/strong&gt;だからです。&lt;/p&gt;
&lt;p&gt;では、Google Chromeでも試してみましょう。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/chrome1.jpg"&gt;&lt;img title="chrome" alt="chrome" src="http://quellencode.org/blog/wp-content/uploads/2010/11/chrome_thumb1.jpg" border="0" height="240" width="324"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;よしよし期待通り。ちなみに、Opera10でも同じような挙動でうまくいきました。&lt;/p&gt;
&lt;p&gt;次はIE8、行ってみましょうか。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/ie81.jpg"&gt;&lt;img title="ie8" alt="ie8" src="http://quellencode.org/blog/wp-content/uploads/2010/11/ie8_thumb1.jpg" border="0" height="324" width="313"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;……………………アラート大爆発。        &lt;br/&gt;IE9βでもキッチリ大爆発してくれました。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;実際に実行してもらうとわかると思いますが、どうやらgifアニメの再生が1周するたびに、Hoge()が呼ばれているようなのです。&lt;/p&gt;
&lt;p&gt;つまり、      &lt;br/&gt;どうやらIE8とIE9βは、Quirksモード(IE5と同じ挙動を実現するモード)で動かすと、gifアニメの再生が終わるたびにonloadイベントが発生するみたいなのです。       &lt;br/&gt;イマドキ、Quirksモードでレンダリングさせることは滅多にないとは思いますが、これを知らなかったら見事にハマること請け合いです。&lt;/p&gt;
&lt;p&gt;もちろん、QuirksモードじゃなくてちゃんとDOCTYPE宣言書いて、ちゃんとしたモード(Standardモード)で動かすなら、FirefoxやChromeのような挙動になってくれるから大丈夫です。&lt;/p&gt;
&lt;p&gt;ただ、問題なのは、&lt;strong&gt;Windows7のガジェットのバグ(?)&lt;/strong&gt;なんですね…       &lt;br/&gt;Windows7のガジェットは、実はIEでレンダリングしたHTML+CSS+Javascriptを、ガジェットの枠内に表示させているだけなのです。       &lt;br/&gt;つまり、Webアプリを作る感覚でガジェット作りができるということです。&lt;/p&gt;
&lt;p&gt;ただ、これがクセモノで、ちゃんと&lt;strong&gt;XHTMLのDOCTYPE宣言を書いているにもかかわらず&lt;/strong&gt;、gifアニメが1周するたびに律儀にonloadをお発行してくださるのです。       &lt;br/&gt;&lt;a href="http://quellencode.org/blog/?p=219"&gt;このときに書いたバグ&lt;/a&gt;は、まさにコレが原因でした。&lt;/p&gt;
&lt;p&gt;やっぱりIEは一筋縄ではいかない、ワガママな子です..      &lt;br/&gt;だがそれが.. &lt;strong&gt;よくない(*;x;)!&lt;/strong&gt;&lt;/p&gt;</description><link>http://blog.quellencode.org/post/4360327760</link><guid>http://blog.quellencode.org/post/4360327760</guid><pubDate>Tue, 05 Apr 2011 02:17:25 -0400</pubDate><category>プログラミング</category><category>Javascript</category><category>Ajax</category></item><item><title>[テンプレート]Night Flight Template 公開しました！</title><description>&lt;p&gt;こんにちは、もざみみです(*･x･)&lt;/p&gt;
&lt;p&gt;先日のPikoPiko USAMIMI Templateに続いて、PowerPoint用のテンプレートできました。      &lt;br/&gt;夜の街をイメージした、凛としているのに甘いデザインは、あなたの自己表現のためのアクセントにピッタリでしょう。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/11/night_temp1.png"&gt;&lt;img title="night_temp" alt="night_temp" src="http://quellencode.org/blog/wp-content/uploads/2010/11/night_temp_thumb1.png" border="0" height="260" width="324"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/package/Night_Flight_01_pack.zip"&gt;ダウンロードはこちら&lt;/a&gt;から。      &lt;br/&gt;他のテンプレートは&lt;a href="http://quellencode.org/#%21template"&gt;こちら&lt;/a&gt;から。&lt;/p&gt;
&lt;p&gt;また、日本語用フォントに&lt;a href="http://ossipedia.ipa.go.jp/ipafont/index.html"&gt;IPAフォント&lt;/a&gt;を使用しているので、再現性を高めるためにもぜひダウンロードして導入することをオススメします。フリーで配布されています。&lt;/p&gt;
&lt;p&gt;ではでは、今日はこの辺で(*･x･)&lt;/p&gt;
&lt;p&gt;/* 名前はPerfumeへのオマージュです */&lt;/p&gt;</description><link>http://blog.quellencode.org/post/4360306599</link><guid>http://blog.quellencode.org/post/4360306599</guid><pubDate>Tue, 05 Apr 2011 02:15:46 -0400</pubDate><category>Office2010</category><category>PowerPoint2010</category></item><item><title>[ソフトウェア]qMimy Tumblr Viewer for Windows7 1.0.1.0 リリースしました！</title><description>&lt;p&gt;こんにちは、もざみみです(*･x･)!&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/?p=219"&gt;このページ&lt;/a&gt;で書いた、gifアニメに関する不具合を修正しました。      &lt;br/&gt;それにともなって、バージョンが1.0.0.0→1.0.1.0になりました。&lt;/p&gt;
&lt;p&gt;ダウンロードはいつものごとく、以下のページからどうぞ。      &lt;br/&gt;&lt;a href="http://quellencode.org/#%21qMimy_win7"&gt;** Ex.QuelLENcode::Software::qMimy Tumblr Viewer for Windows7 **&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;さしあたって、&lt;strong&gt;表示領域の大きさ調整機能&lt;/strong&gt;をつけたいと思っています。       &lt;br/&gt;Windows7のデフォルトのガジェットのように、大サイズと小サイズを切り替える感じで。       &lt;br/&gt;ただ、これは少しめんどうなのでぼちぼちやっていこうと思っています。&lt;/p&gt;
&lt;p&gt;ではでは。&lt;/p&gt;</description><link>http://blog.quellencode.org/post/4360294585</link><guid>http://blog.quellencode.org/post/4360294585</guid><pubDate>Tue, 05 Apr 2011 02:14:49 -0400</pubDate><category>qMimy</category><category>Tumblr</category><category>ソフトウェア</category></item><item><title>[ソフトウェア]qMimy Tumblr Viewer for Windows7 1.0.0.0 リリースしました！</title><description>&lt;p&gt;こんにちは、もざみみです(*･x･)&lt;/p&gt;
&lt;p&gt;先日、qMimy Tumblr Viewer 1.1.0.0を公開しました。      &lt;br/&gt;ただ、そのときにWindowsのガジェットとして使いたいという声と、もざ自身、おうちのパソコンにはGoogle Desktopを入れてないこともあって、Windows7のガジェット用に移植しました。&lt;/p&gt;
&lt;p&gt;移植といっても、Google Desktop版のコードで使える部分がXML解析部分ぐらいしかなく、あとはほとんどスクラッチで書き直しました。      &lt;br/&gt;ソースめっちゃきたないです(:x)rz       &lt;br/&gt;次のバージョンをリリースする頃にはリファクタリングしておきたい..&lt;/p&gt;
&lt;p&gt;ダウンロードは以下のリンクのページからどーぞ。      &lt;br/&gt;&lt;a href="http://quellencode.org/#%21qMimy_win7"&gt;** Ex.QuelLENcode::Software::qMimy Tumblr Viewer for Windows7**&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;スクリーンショットはこんなかんじ。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/10/ss01.jpg"&gt;&lt;img title="ss01" alt="ss01" src="http://quellencode.org/blog/wp-content/uploads/2010/10/ss01_thumb.jpg" border="0" height="225" width="324"/&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;!-- more --&gt;Google Deskotp版とはかなり違った見た目になってます。      &lt;br/&gt;以下にGoogle Desktop版との違いをカキカキしておきます。&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;&lt;strong&gt;画像表示領域の大きさ          &lt;br/&gt;&lt;/strong&gt;Google Desktop版は正方形ですが、Windows7版はQVGAとなっています。         &lt;br/&gt;また、縦長の画像の拡大縮小の挙動が違います。         &lt;br/&gt;Google Desktop版は正方形に収まるようにトリミングするのに対し、Windows7版は高さに合わせて横に黒い帯を置くようになっています。 &lt;/li&gt;
&lt;li&gt;&lt;strong&gt;インターフェース          &lt;br/&gt;&lt;/strong&gt;Google Desktop版はちょっとダサイですが、Windows7版はちょっとだけカッコヨクなってます。 &lt;/li&gt;
&lt;li&gt;&lt;strong&gt;サイドバーに格納できるか          &lt;br/&gt;&lt;/strong&gt;Google Desktop版はサイドバーにガジェットを格納できますが、Windows7版はデスクトップに置く形のみとなっています(Windowsの仕様)。 &lt;/li&gt;
&lt;li&gt;&lt;strong&gt;動作の安定性          &lt;br/&gt;&lt;/strong&gt;Google Desktop版は安定しています。Windows7版は少し不安定です。 &lt;/li&gt;
&lt;li&gt;&lt;strong&gt;マルチランゲージ          &lt;br/&gt;&lt;/strong&gt;Google Desktop版は英語と日本語に対応していますが、Windows7版は、今のところ日本語版のみの提供となります。 &lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;もざとしては、インターフェースはWindows7版のほうがオサレで好き。      &lt;br/&gt;Windows7のガジェットは、完全にXHTML+CSS+JavaScriptで、Tridentエンジンの上で動くから融通が利くのでいろいろできます。       &lt;br/&gt;コード書くのはめんどいけど！！&lt;/p&gt;
&lt;p&gt;もうちょっと動作を安定させることとか、スライドショーできる画像を増やすとか、いろいろ改善したい点はあります。      &lt;br/&gt;もし使っていただけたら、感想とか改善点とか教えてもらえればもざうれしいな！&lt;/p&gt;
&lt;p&gt;ではでは(*･x･)&lt;/p&gt;</description><link>http://blog.quellencode.org/post/4360279644</link><guid>http://blog.quellencode.org/post/4360279644</guid><pubDate>Tue, 05 Apr 2011 02:13:38 -0400</pubDate><category>qMimy</category><category>Tumblr</category><category>ソフトウェア</category></item><item><title>[ソフトウェア]qMimy Tumblr Viewer 1.1.0.0をリリースしました！</title><description>&lt;p&gt;こんにちは、もざです。&lt;/p&gt;
&lt;p&gt;TumblrにReblogしたステキ画像を写真立てのようにデスクトップに飾れる、Google Desktop用ガジェット &lt;strong&gt;“qMimy Tumblr Viewer”&lt;/strong&gt;のアップデートをしました。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/blog/wp-content/uploads/2010/10/ss02.jpg"&gt;&lt;img title="ss02" alt="ss02" src="http://quellencode.org/blog/wp-content/uploads/2010/10/ss02_thumb.jpg" border="0" height="273" width="404"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;変更点(1.0.0.0→1.1.0.0)は以下の通りです。&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;画像のフェードインに対応した &lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;ダウンロードは以下のページからどうぞ。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://quellencode.org/#%21qMimy"&gt;** Ex.QuelLENcode::Software::qMimy Tumblr Viewer**&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;詳しい使い方は、ダウンロードしたファイルの中のReadme.chmファイルを参照してください。&lt;/p&gt;
&lt;p&gt;より美しくなったqMimy Tumblr ViewerでよきTumblrライフを。      &lt;br/&gt;以上です。&lt;/p&gt;</description><link>http://blog.quellencode.org/post/4360264327</link><guid>http://blog.quellencode.org/post/4360264327</guid><pubDate>Tue, 05 Apr 2011 02:12:26 -0400</pubDate><category>qMimy</category><category>Tumblr</category><category>ソフトウェア</category></item></channel></rss>

