<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>framework | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/framework/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Wed, 11 May 2011 11:47:49 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>Androidで使えるゲームエンジン色々</title>
		<link>https://blog.verygoodtown.com/2011/05/open-source-android-game-engines/</link>
					<comments>https://blog.verygoodtown.com/2011/05/open-source-android-game-engines/#comments</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Wed, 11 May 2011 01:10:09 +0000</pubDate>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[framework]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=7134</guid>

					<description><![CDATA[<p>Androidで使えるオープンソースのゲームエンジンを探してみたので、情報をシェア。 ざっとご紹介します。 e3roid 2DのOpenGLゲームエンジン。 レイヤ管理、マルチタッチのサポート、Box2d、音声入力機能の [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2011/05/open-source-android-game-engines/">Androidで使えるゲームエンジン色々</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110511-02.png" alt="20110511 02" title="20110511-02.png" border="0" width="118" height="55" /></p>
<p>Androidで使えるオープンソースのゲームエンジンを探してみたので、情報をシェア。</p>
<p><span id="more-7134"></span></p>
<p>ざっとご紹介します。</p>
<h3><a href="https://code.google.com/p/e3roid/" target="_blank">e3roid</a></h3>
<p>2DのOpenGLゲームエンジン。<br />
レイヤ管理、マルチタッチのサポート、Box2d、音声入力機能のサポートがされています。</p>
<p>作者は日本の方のようですね。</p>
<h3><a href="http://code.google.com/p/yoghurtgum/" target="_blank">yoghurtgum</a></h3>
<p>AndroidとWindows Mobile対応の2dゲームエンジン。</p>
<h3><a href="http://code.google.com/p/mages/" target="_blank">mages</a></h3>
<p>Android2.2のAPIにも対応しているゲームエンジン。</p>
<h3><a href="http://code.google.com/p/angle/" target="_blank">angle</a></h3>
<p>OpenGL ESを使用して、2Dゲームを開発するためのゲームエンジン。</p>
<h3><a href="http://code.google.com/p/andengine/" target="_blank">andengine</a></h3>
<p>Androidに最適化された2Dゲームエンジン。</p>
<p>Androidの1.6以上で使用でき、ネットワークマルチプレイ、ライブ画像、マルチタッチ、Box2Dに対応できるなど多機能な内容になっています。</p>
<h3><a href="https://github.com/badlogic/libgdx" target="_blank">libgdx</a></h3>
<p>Javaで開発されたゲームフレームワーク。</p>
<h3><a href="http://code.google.com/p/catcake/" target="_blank">catcake</a></h3>
<p>Windows、Linux、Androidで動作するオープンソースの3Dグラフィックエンジン。</p>
<p>アニメーション、入力の処理、サウンド再生などのゲーム開発機能をサポートしています。</p>
<h3><a href="http://www.jpct.net/jpct-ae/" target="_blank">jPCT-AE</a></h3>
<p>JPCTというフレームワークのAndroid対応版3Dゲームエンジン。</p>
<h3><a href="http://code.google.com/p/loon-simple/" target="_blank">loon-simple</a></h3>
<p>J2SE対応のゲームエンジン。</p>
<h3><a href="http://code.google.com/p/alien3d/" target="_blank">alien3d</a></h3>
<p>AndroidのOpenGL ESベースのゲームエンジン。<br />
開発は2009年で終わっているようです。</p>
<h3><a href="http://code.google.com/p/rokon/" target="_blank">rokon</a></h3>
<p>AndroidのOpenGL ES対応ゲームエンジン。</p>
<p>他にもAndroidで使えるのがあれば教えてください。</p>
<p><strong>※追記</strong></p>
<p>ノベルゲームを作れるA<a href="http://famibee.web.fc2.com/intro/home.htm" target="_blank">IRNovel</a>というものがあるようです！<br />
コメントにて教えていただきました。<br />
<a href="http://famibee.web.fc2.com/intro/home.htm" target="_blank">http://famibee.web.fc2.com/intro/home.htm</a></p>The post <a href="https://blog.verygoodtown.com/2011/05/open-source-android-game-engines/">Androidで使えるゲームエンジン色々</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2011/05/open-source-android-game-engines/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7134</post-id>	</item>
		<item>
		<title>[JS]ちょっとした処理に使えるマイクロフレームワークを50以上集めた「microjs」</title>
		<link>https://blog.verygoodtown.com/2011/05/discover-micro-frameworks-micro-libraries-with-microjs/</link>
					<comments>https://blog.verygoodtown.com/2011/05/discover-micro-frameworks-micro-libraries-with-microjs/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Fri, 06 May 2011 00:20:14 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[MIT license]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=7076</guid>

					<description><![CDATA[<p>特定の用途だけに特化したフレームワークが必要な場合、シンプルなもので良いのではないだろうか。 「microjs」では、DOM構築後のタイミングで処理を実行したいだけのフレームワークやBase64処理をするだけの物、ブラウ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2011/05/discover-micro-frameworks-micro-libraries-with-microjs/">[JS]ちょっとした処理に使えるマイクロフレームワークを50以上集めた「microjs」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110506-01.jpg" alt="20110506 01" title="20110506-01.jpg" border="0" width="500" height="330" /></p>
<p>特定の用途だけに特化したフレームワークが必要な場合、シンプルなもので良いのではないだろうか。</p>
<p>「<a href="http://microjs.com/" target="_blank">microjs</a>」では、DOM構築後のタイミングで処理を実行したいだけのフレームワークやBase64処理をするだけの物、ブラウザ判別するだけの物など、<br />
ちょっとした時に使えるフレームワークが50以上揃っています。</p>
<p>以下にいくつか気になった物をご紹介。<br />
<span id="more-7076"></span></p>
<h3><a href="https://github.com/ded/domready" target="_blank">domReady</a></h3>
<p>DOM構築後のタイミングで処理を実行場合に使えます。0.2KB。</p>
<pre class="brush:js;">
domReady(function () {
  // dom is loaded!
});</pre>
<h3><a href="https://bitbucket.org/davidchambers/base64.js/src" target="_blank">Base64.js</a></h3>
<p>Base64処理ができます。0.9KB。</p>
<h3><a href="https://github.com/ded/bowser" target="_blank">Bowser</a></h3>
<p>ブラウザ判別したい時に。0.2KB。</p>
<pre class="brush:js;">
if (bowser().msie && bowser().version <= 6) {
  alert('hello China');
}</pre>
<h3><a href="http://ejohn.org/blog/javascript-micro-templating/" target="_blank">Micro-Templating</a></h3>
<p>JSで使えるテンプレートエンジン。0.2KB。</p>
<pre class="brush:html;">
&lt;script&nbsp;type=&quot;text/html&quot;&nbsp;id=&quot;user_tmpl&quot;&gt;
&nbsp;&nbsp;&lt;%&nbsp;for&nbsp;(&nbsp;var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;&lt;&nbsp;users.length;&nbsp;i++&nbsp;)&nbsp;{&nbsp;%&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a&nbsp;href=&quot;&lt;%=users[i].url%&gt;&quot;&gt;&lt;%=users[i].name%&gt;&lt;/a&gt;&lt;/li&gt;
&nbsp;&nbsp;&lt;%&nbsp;}&nbsp;%&gt;
&lt;/script&gt;</pre>
<p>jQuery や Prototype のような フルスタック なフレームワークは必要ないという場合良さそうですね。</p>
<p>使ってみたい方は下のリンクからどうぞ。</p>The post <a href="https://blog.verygoodtown.com/2011/05/discover-micro-frameworks-micro-libraries-with-microjs/">[JS]ちょっとした処理に使えるマイクロフレームワークを50以上集めた「microjs」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2011/05/discover-micro-frameworks-micro-libraries-with-microjs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7076</post-id>	</item>
		<item>
		<title>[JS]#以降のURLによって処理を振り分けるjQueryベースのフレームワーク「Sammy.js」</title>
		<link>https://blog.verygoodtown.com/2011/04/tiny-javascript-framework-built-on-top-of-jquery-sammyjs/</link>
					<comments>https://blog.verygoodtown.com/2011/04/tiny-javascript-framework-built-on-top-of-jquery-sammyjs/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Wed, 27 Apr 2011 01:10:40 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[MIT license]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=7044</guid>

					<description><![CDATA[<p>「Sammy.js」はURLによって処理を振り分ける事ができるJavaScriptの軽量フレームワークです。 #以降のアドレスを利用してURLルーティングを実装されており、 簡潔に記述することを目指したフレームワークとな [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2011/04/tiny-javascript-framework-built-on-top-of-jquery-sammyjs/">[JS]#以降のURLによって処理を振り分けるjQueryベースのフレームワーク「Sammy.js」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110427-01.jpg" alt="20110427 01" title="20110427-01.jpg" border="0" width="498" height="198" /></p>
<p>「<a href="http://sammyjs.org/" target="_blank">Sammy.js</a>」はURLによって処理を振り分ける事ができるJavaScriptの軽量フレームワークです。<br />
<strong>#以降のアドレス</strong>を利用してURLルーティングを実装されており、<br />
簡潔に記述することを目指したフレームワークとなっています。</p>
<p><span id="more-7044"></span></p>
<p>RubyのSinatraというフレームワークにインスパイアされたみたいですね。</p>
<p>わずか16KBしかないのですが、<strong>外部ファイルの読み込みやリダイレクト処理などがサポート</strong>されており、手軽に使う事ができます。</p>
<h3>使い方</h3>
<p>jQueryを読み込んだ後に、sammy.jsを読み込みます。</p>
<pre class="brush:html;">
&lt;script&nbsp;src=&quot;jquery.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&nbsp;&nbsp;&lt;script&nbsp;src=&quot;sammy.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</pre>
<p>URLに対して実行するアクションを設定します。</p>
<p><strong>JavaScript</strong></p>
<pre class="brush:js;">
(function($) {
    //アクションの設定
    var app = $.sammy(function() {
        //TOPにアクセス
        this.get('#/', function() {
          $('#main').text('');
        });
        //TOP以外のアクションを追加していきます。
        this.get('#/test', function() {
          $('#main').text('Hello World');
        });

    });

    $(function() {
        app.run()
    });
})(jQuery);
</pre>
<p><strong>html</strong></p>
<pre class="brush:html;">
<a href="#/test">Hellow Worldを表示</a>
<a href="#/">TOPページ</a>
</pre>
<p>jQueryがベースになっているので、既存のプラグインを使って処理を実装する事も簡単です。<br />
ちょっとしたWEBアプリケーションを作る際に便利そうです。</p>
<p>※jQueryのバージョンは1.4.1以上が必要です。</p>
<p>Githubにはサンプルコードもアップされていますので、<br />
興味のある方は下のリンクからどうぞ。</p>The post <a href="https://blog.verygoodtown.com/2011/04/tiny-javascript-framework-built-on-top-of-jquery-sammyjs/">[JS]#以降のURLによって処理を振り分けるjQueryベースのフレームワーク「Sammy.js」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2011/04/tiny-javascript-framework-built-on-top-of-jquery-sammyjs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7044</post-id>	</item>
		<item>
		<title>classを指定するだけでGitHub風のボタンが作れる「CSS3 Buttons  」</title>
		<link>https://blog.verygoodtown.com/2011/03/css3-buttons-simple-framework-for-creating-github-style-css3-buttons/</link>
					<comments>https://blog.verygoodtown.com/2011/03/css3-buttons-simple-framework-for-creating-github-style-css3-buttons/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Fri, 04 Mar 2011 06:51:06 +0000</pubDate>
				<category><![CDATA[WEB製作全般]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[framework]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=6633</guid>

					<description><![CDATA[<p>ちょっとしたボタンに使えそうなCSSフレームワークだったので、ご紹介。 cssを読み込んでclass指定するだけでGitHub風のボタンが作れちゃいます。 以下に使い方を簡単にご紹介。 四角いボタン aタグにclass= [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2011/03/css3-buttons-simple-framework-for-creating-github-style-css3-buttons/">classを指定するだけでGitHub風のボタンが作れる「CSS3 Buttons  」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/03/201100304-10.jpg" alt="201100304-10" title="201100304-10" width="368" height="270" class="alignnone size-full wp-image-6634" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/03/201100304-10.jpg 368w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/03/201100304-10-300x220.jpg 300w" sizes="(max-width: 368px) 100vw, 368px" /></p>
<p>ちょっとしたボタンに使えそうなCSSフレームワークだったので、ご紹介。<br />
cssを読み込んでclass指定するだけでGitHub風のボタンが作れちゃいます。</p>
<p><span id="more-6633"></span></p>
<p>以下に使い方を簡単にご紹介。</p>
<h3>四角いボタン</h3>
<p>aタグにclass=&#8221;button&#8221;を追加します。</p>
<pre class="brush:html;">
<a href="#" class="button">リンク</a>
</pre>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/03/20110304-11.jpg" alt="20110304-11" title="20110304-11" width="61" height="41" class="alignnone size-full wp-image-6636" /></p>
<h3>角丸のボタン</h3>
<p>class=&#8221;pill button&#8221;を追加します。</p>
<pre class="brush:html;">
<a href="#" class="pill button">角丸リンク</a>
</pre>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/03/20110304-12.jpg" alt="20110304-12" title="20110304-12" width="103" height="41" class="alignnone size-full wp-image-6637" /></p>
<h3>エラー系ボタン</h3>
<p>class=&#8221;negative button&#8221;を追加</p>
<pre class="brush:html;">
<a href="#" class="negative button">リンク</a>
</pre>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/03/20110203-13.jpg" alt="20110203-13" title="20110203-13" width="61" height="44" class="alignnone size-full wp-image-6635" /></p>
<p>個人利用および商業利用も可能との事です。ダウンロードは下のリンクからどうぞ。</p>The post <a href="https://blog.verygoodtown.com/2011/03/css3-buttons-simple-framework-for-creating-github-style-css3-buttons/">classを指定するだけでGitHub風のボタンが作れる「CSS3 Buttons  」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2011/03/css3-buttons-simple-framework-for-creating-github-style-css3-buttons/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6633</post-id>	</item>
		<item>
		<title>超クールな雑誌風UIを全画面表示できるJavaScriptフレームワーク「Treesaver」</title>
		<link>https://blog.verygoodtown.com/2011/02/treesaver-creating-magazine-style-layouts-with-javascript/</link>
					<comments>https://blog.verygoodtown.com/2011/02/treesaver-creating-magazine-style-layouts-with-javascript/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Tue, 08 Feb 2011 01:04:10 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[GPLv2]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=6518</guid>

					<description><![CDATA[<p>雑誌風UIで全画面表示できる方法を探している。 そんな方におすすめなのが、「Treesaver」です。 特徴的なのが、画面サイズによるコンテンツの表示切り替えです。 PC等の大画面の場合と、iPhoneで見た場合とで文字 [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2011/02/treesaver-creating-magazine-style-layouts-with-javascript/">超クールな雑誌風UIを全画面表示できるJavaScriptフレームワーク「Treesaver」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-01.jpg" alt="20110207-01" title="20110207-01" width="500" height="522" class="alignnone size-full wp-image-6519" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-01.jpg 500w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-01-287x300.jpg 287w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>雑誌風UIで全画面表示できる方法を探している。<br />
そんな方におすすめなのが、「<a href="http://treesaverjs.com/" target="_blank">Treesaver</a>」です。</p>
<p><span id="more-6518"></span></p>
<p>特徴的なのが、画面サイズによるコンテンツの表示切り替えです。<br />
PC等の大画面の場合と、iPhoneで見た場合とで文字の量を変化させて読みやすいようにしてくれています。</p>
<p>iPhoneだと右左へスライドするとページ遷移できるので、かなり見やすそうでした。</p>
<h3>使ってみた様子</h3>
<p>以下に使ってみて特徴的な動作を上げてみます。</p>
<p><strong>■ 画面左側にあるタブでメニューが一覧表示</strong></p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-02.jpg" alt="20110207-02" title="20110207-02" width="227" height="312" class="alignnone size-full wp-image-6520" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-02.jpg 227w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-02-218x300.jpg 218w" sizes="(max-width: 227px) 100vw, 227px" /></p>
<p>↑タブをクリックしてみます。</p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-03.jpg" alt="20110207-03" title="20110207-03" width="414" height="569" class="alignnone size-full wp-image-6521" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-03.jpg 414w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-03-218x300.jpg 218w" sizes="(max-width: 414px) 100vw, 414px" /></p>
<p>するとコンテンツのメニューがサムネイル入りで表示されます。</p>
<p><strong>■ 常に固定のメニューが表示できる</strong></p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-04.jpg" alt="20110207-04" title="20110207-04" width="251" height="288" class="alignnone size-full wp-image-6522" /></p>
<p>雑誌メニューとは別に連絡先やTwitterへのリンクなどを表示させることができます。</p>
<p><strong>■ ページ移動はボタン、キーボード、スライド方式</strong></p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-05.jpg" alt="20110207-05" title="20110207-05" width="328" height="153" class="alignnone size-full wp-image-6523" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-05.jpg 328w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-05-300x139.jpg 300w" sizes="(max-width: 328px) 100vw, 328px" /></p>
<p>↑ページの移動はボタンクリックか、キーボード、iOSの場合はスライドで移動できます。これ地味に便利です。</p>
<p><strong>■ 画面サイズによるコンテンツ切り替え</strong></p>
<p>画面のサイズによって表示するコンテンツの要素を自動的に切り替えてくれるようになります。</p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-06.jpg" alt="20110207-06" title="20110207-06" width="500" height="468" class="alignnone size-full wp-image-6524" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-06.jpg 500w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-06-300x280.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>↑PCで見た場合</p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-07-200x300.PNG" alt="20110207-07" title="20110207-07" width="200" height="300" class="alignnone size-medium wp-image-6525" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-07-200x300.PNG 200w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-07-400x600.PNG 400w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/02/20110207-07.PNG 640w" sizes="(max-width: 200px) 100vw, 200px" /></p>
<p>↑iPhoneで見た場合</p>
<p>色々便利機能があって素敵ですね。ダウンロードとデモは下のリンクからどうぞ。</p>The post <a href="https://blog.verygoodtown.com/2011/02/treesaver-creating-magazine-style-layouts-with-javascript/">超クールな雑誌風UIを全画面表示できるJavaScriptフレームワーク「Treesaver」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2011/02/treesaver-creating-magazine-style-layouts-with-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6518</post-id>	</item>
		<item>
		<title>URLルーティングが出来る4KBのPHP製フレームワーク「ShortPHP」</title>
		<link>https://blog.verygoodtown.com/2010/12/php-mvc-framework-shortphp/</link>
					<comments>https://blog.verygoodtown.com/2010/12/php-mvc-framework-shortphp/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Mon, 20 Dec 2010 01:15:59 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[framework]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=5659</guid>

					<description><![CDATA[<p>「ShortPHP」は超軽量のPHP製フレームワークです。 コードはわずか4KBで出来ており現在の行数は100行以下になっているようです。 最近のフレームワークはMVCが流行していますが、これはVC(ビューとコントローラ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/12/php-mvc-framework-shortphp/">URLルーティングが出来る4KBのPHP製フレームワーク「ShortPHP」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/12/20101219-07.jpg" alt="20101219-07" title="20101219-07" width="600" height="100" class="alignnone size-full wp-image-5666" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/12/20101219-07.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/12/20101219-07-300x50.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>「<a href="http://shortphp.com/" target="_blank">ShortPHP</a>」は超軽量のPHP製フレームワークです。</p>
<p><span id="more-5659"></span></p>
<p> コードは<strong>わずか4KBで出来ており</strong>現在の行数は100行以下になっているようです。</p>
<p>最近のフレームワークはMVCが流行していますが、これはVC(ビューとコントローラー)のみの実装のようですね。</p>
<p>モデルが無い分データベースとのやり取りは出来ませんが、単純なサイトにて<strong>URLルーティングを使いたい場合</strong>に良さそうです。</p>
<p>例えば以下のようなClassを作成します。</p>
<pre class="brush:php;">
class mypage {
	function dostuff () {
		echo 'This is where you do stuff';
	}
}

</pre>
<p>すると<strong>www.example.com/mypage/dostuff</strong>というURLで上記のdostuffメソッドが実行されるようになります。</p>
<p>ちょっとしたサイト構築に便利そうですね！</p>
<p>動作環境はApacheのmod_rewriteとPHP 5以上となっています。</p>The post <a href="https://blog.verygoodtown.com/2010/12/php-mvc-framework-shortphp/">URLルーティングが出来る4KBのPHP製フレームワーク「ShortPHP」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/12/php-mvc-framework-shortphp/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5659</post-id>	</item>
		<item>
		<title>タイポグラフィに特化したCSSフレームワーク「Atatonic」</title>
		<link>https://blog.verygoodtown.com/2010/08/typography-css-framework-atatonic/</link>
					<comments>https://blog.verygoodtown.com/2010/08/typography-css-framework-atatonic/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Fri, 13 Aug 2010 00:36:15 +0000</pubDate>
				<category><![CDATA[WEB製作全般]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[MIT license]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=4732</guid>

					<description><![CDATA[<p>「Atatonic」はタイポグラフィに特化したCSSフレームワークです。 グリッド配置に重点を置いているため、背景画像に経線が使われていたりします。 デモ 英文用のため、文字サイズが小さめに設定されていますがカスタマイズ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/08/typography-css-framework-atatonic/">タイポグラフィに特化したCSSフレームワーク「Atatonic」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-13.jpg" alt="20100808-13" title="20100808-13" width="600" height="333" class="alignnone size-full wp-image-4733" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-13.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-13-300x166.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>「<a href="http://atatonic.timbenniks.nl/" target="_blank">Atatonic</a>」はタイポグラフィに特化したCSSフレームワークです。<br />
グリッド配置に重点を置いているため、背景画像に経線が使われていたりします。<br />
<span id="more-4732"></span><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-14.jpg" alt="20100808-14" title="20100808-14" width="600" height="284" class="alignnone size-full wp-image-4734" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-14.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-14-300x142.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><a class="comments_l" target="_blank" href="http://atatonic.timbenniks.nl/example.html">デモ</a></p>
<p>英文用のため、文字サイズが小さめに設定されていますがカスタマイズしても使えそうですね。</p>The post <a href="https://blog.verygoodtown.com/2010/08/typography-css-framework-atatonic/">タイポグラフィに特化したCSSフレームワーク「Atatonic」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/08/typography-css-framework-atatonic/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">4732</post-id>	</item>
		<item>
		<title>MobileMeで使われているHTML5用のJavaScriptライブラリ「SproutCore」</title>
		<link>https://blog.verygoodtown.com/2010/03/html5-javascript-sproutcore/</link>
					<comments>https://blog.verygoodtown.com/2010/03/html5-javascript-sproutcore/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Tue, 23 Mar 2010 00:12:54 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[html5]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=3552</guid>

					<description><![CDATA[<p>「SproutCore」はAppleのMobileMeで使われているオープンソースのJavaScriptフレームワークです。 デスクトップアプリ風のUIをこのフレームワークだけで作れるようです。 先日、ついにメジャーバー [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/03/html5-javascript-sproutcore/">MobileMeで使われているHTML5用のJavaScriptライブラリ「SproutCore」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100322-02.png" alt="20100322-02" title="20100322-02" width="600" height="140" class="alignnone size-full wp-image-3554" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100322-02.png 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100322-02-300x70.png 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
「<a href="http://www.sproutcore.com/" target="_blank">SproutCore</a>」は<strong>AppleのMobileMeで使われている</strong>オープンソースのJavaScriptフレームワークです。</p>
<p>デスクトップアプリ風のUIをこのフレームワークだけで作れるようです。<br />
先日、ついにメジャーバージョンがリリースされたようなのでご紹介します。</p>
<p>詳しくは以下<br />
<span id="more-3552"></span></p>
<h3>デスクトップのようなUIを構築できる</h3>
<p>SproutCoreを使用する事で、様々なUIを構築可能になります。</p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100322-01.jpg" alt="20100322-01" title="20100322-01" width="600" height="249" class="alignnone size-full wp-image-3553" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100322-01.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/03/20100322-01-300x124.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><a class="comments_l" target="_blank" href="http://demo.sproutcore.com/sample_controls">デモ</a></p>
<p>FlashやSilverlightとくらべるとブラウザだけで動作する利点があるJavaScriptですが、こういったアプリが作成できるようになると利用用途も増えていきそうですね。</p>
<p>jQuery，ExtJS，YUI，Prototypeなどのライブラリと同時使用もできるようです。</p>
<p>興味のある方はぜひダウンロードしてみてください。</p>The post <a href="https://blog.verygoodtown.com/2010/03/html5-javascript-sproutcore/">MobileMeで使われているHTML5用のJavaScriptライブラリ「SproutCore」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/03/html5-javascript-sproutcore/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3552</post-id>	</item>
		<item>
		<title>AJAXを簡単に扱えるフレームワーク「Clean」</title>
		<link>https://blog.verygoodtown.com/2010/02/ajax-easy-use-framework-clean/</link>
					<comments>https://blog.verygoodtown.com/2010/02/ajax-easy-use-framework-clean/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Fri, 12 Feb 2010 00:47:20 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[frame]]></category>
		<category><![CDATA[framework]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2156</guid>

					<description><![CDATA[<p>CleanはAJAXを使用して外部ファイルを読み込む際にCache化をしてくたりメッセージを表示する事ができるフレームワークです。 AJAXにのみ特化しているため、シンプルな構造になっています。 以下のような機能があるよ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/ajax-easy-use-framework-clean/">AJAXを簡単に扱えるフレームワーク「Clean」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/clean.jpg" alt="clean" title="clean" width="452" height="254" class="alignnone size-full wp-image-2158" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/clean.jpg 452w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/clean-300x168.jpg 300w" sizes="(max-width: 452px) 100vw, 452px" /><br />
<a href="http://clean-ajax.sourceforge.net/" target="_blank">Clean</a>はAJAXを使用して外部ファイルを読み込む際にCache化をしてくたりメッセージを表示する事ができるフレームワークです。<br />
AJAXにのみ特化しているため、シンプルな構造になっています。</p>
<p><span id="more-2156"></span></p>
<p>以下のような機能があるようです。</p>
<ul>
<li>複数要求の処理</li>
<li>例外処理</li>
<li>キャッシュや履歴管理</li>
<li>ガベージコレクション</li>
<li>SOAP、XMLRPC、JSONのサポート</li>
<li>主要ブラウザにて動作</li>
</ul>
<p>リクエストを送る際は、以下のようなコードで実装できるようです。</p>
<pre class="brush:js;">
function showError(e){
  alert(e);
}

function get(url, consumer, progress_bar, cache){
  var message = Clean.createSimpleMessage(url, 
  consumer, showError);
  if(cache != null)
	message.cache = cache;
  if(progress_bar != null){
	var progress = new EmbeddedProgressBar(document, 
    progress_bar);
	message.progressBar = progress;  
  }
	message.effect = {steps: 12, effect:"FADE"};
  Clean.doGet(message); 
} 

function post(url, consumer, form){
  var message = Clean.createSimpleMessage(url, consumer, 
  showError);	
  Clean.sendFormByName(message, form, false);
} 
</pre>
<p>AJAXをもっと簡単に操作されたい方、いかがでしょうか。</p>The post <a href="https://blog.verygoodtown.com/2010/02/ajax-easy-use-framework-clean/">AJAXを簡単に扱えるフレームワーク「Clean」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/ajax-easy-use-framework-clean/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2156</post-id>	</item>
		<item>
		<title>mixiアプリで使えるJavaScriptフレームワーク「mist.js」</title>
		<link>https://blog.verygoodtown.com/2010/02/mixi-app-framework-mist-js/</link>
					<comments>https://blog.verygoodtown.com/2010/02/mixi-app-framework-mist-js/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Wed, 03 Feb 2010 12:58:12 +0000</pubDate>
				<category><![CDATA[mixi アプリ]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mist.js]]></category>
		<category><![CDATA[mixiアプリ]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=1664</guid>

					<description><![CDATA[<p>mist.jsはmixiアプリで使えるJavaScriptフレームワークです。 以下の機能があるようです。 OWNER、VIEWER情報の取得 マイミク情報の取得 指定mixi IDユーザ情報の取得 画面遷移の制御 表示 [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/mixi-app-framework-mist-js/">mixiアプリで使えるJavaScriptフレームワーク「mist.js」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/mist.png" alt="mist" title="mist" width="198" height="107" class="alignnone size-full wp-image-1665" /><br />
<a href="http://tech.kayac.com/archive/mixi-app-framework-mist.js.html" target="_blank">mist.js</a>はmixiアプリで使えるJavaScriptフレームワークです。</p>
<p>以下の機能があるようです。</p>
<p><span id="more-1664"></span></p>
<ul>
<li>OWNER、VIEWER情報の取得</li>
<li>マイミク情報の取得</li>
<li>指定mixi IDユーザ情報の取得</li>
<li>画面遷移の制御</li>
<li>表示領域の自動調整</li>
<li>「日記に書く」リンクの自動設定</li>
<li>アクティビティの発行</li>
<li>「友達を誘う」機能の追加</li>
</ul>
<p>GitHubの方に詳しい使い方が載っているため興味のある方は参考にしてみてください。</p>
<ul>
<li><a href="http://github.com/kyo-ago/mist.js" target="_blank">kyo-ago&#8217;s mist.js at master &#8211; GitHub</a></li>
</ul>
<p>自分でJavaScriptを書くこと無くマイミクの情報を取得したりする事が可能になっているため、これからmixiアプリを作る際に使えるのではないでしょうか。</p>The post <a href="https://blog.verygoodtown.com/2010/02/mixi-app-framework-mist-js/">mixiアプリで使えるJavaScriptフレームワーク「mist.js」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/mixi-app-framework-mist-js/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1664</post-id>	</item>
	</channel>
</rss>
