tag:blogger.com,1999:blog-87671686177839369882024-03-14T14:30:26.791+09:00One By One日々の作業メモtsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.comBlogger36125tag:blogger.com,1999:blog-8767168617783936988.post-2484512676212354692012-12-07T13:57:00.001+09:002012-12-07T13:57:27.586+09:00ChromeショートカットキーChromeショートカットキーメモ<br />
<br />
・F6またはCtrl+L:アドレスバーにフォーカス<br />
・「Ctrl+Shift+V」でプレーンテキストを貼りつけ<br />
・「Command」+「F」で検索をかけて次を検索する場合:Command」+「G」tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-48221307005815045032012-12-02T20:37:00.003+09:002012-12-02T20:37:44.585+09:00PDO接続関連メモ<br />
<br />
PDO接続関連エラー解決方法<br />
・データを挿入できない<br />
→<a href="http://d.hatena.ne.jp/y_ohi/20110101/1293833567" target="_blank">PDOによるデータの挿入(INSERT)</a><br />
・文字化け<br />
→<a href="http://d.hatena.ne.jp/aoi_273/20071127/1196150017" target="_blank">[PHP]PDOでmysqlに日本語つっこんだら文字化けして困ったけど解決した</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-75933349997746095822012-12-01T21:20:00.003+09:002012-12-01T21:20:55.909+09:00PHPでfaviconの取得メモ<br />
・<a href="http://128bit.blog41.fc2.com/blog-entry-229.html" target="_blank">リンク先のFaviconを取得・表示できるWebサービス(API)とJavaScript・プラグインまとめ</a><br />
<br />
<br />tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-4285996818675940322012-11-18T18:07:00.002+09:002012-11-18T18:07:25.113+09:00Twitter 自動フォロー返しTwitter 自動フォロー返し 参考メモ<br />
<br />
・<a href="http://techiella.com/8/twitter-api%E3%81%A7%E8%87%AA%E5%8B%95%E3%83%95%E3%82%A9%E3%83%AD%E3%83%BC%E8%BF%94%E3%81%97%E6%A9%9F%E8%83%BD%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B/" target="_blank">Twitter APIで自動フォロー返し機能を実装する</a><br />
・<a href="http://www.voodoomarketing.net/2010/09/twitter%E7%94%A8%E8%87%AA%E5%8B%95%E3%83%95%E3%82%A9%E3%83%AD%E3%83%BC%E8%BF%94%E3%81%97%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88-php/" target="_blank">Twitter用自動フォロー返しスクリプト PHP</a><br />
・<a href="http://blog.okumin.com/archives/twitter-bot-7" target="_blank">bot開発物語 その7(最終回)―自動フォロー返し―</a><br />
・<a href="http://www.server-memo.net/tips/crontab.html" target="_blank">crontabの書き方</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-25693801348556443252012-09-02T10:11:00.000+09:002012-09-02T10:11:20.383+09:00Railsプロジェクトの作り方Railsプロジェクトの作り方<br />
<br />
新たにディレクトリを作成し、その中で下記のコマンドを叩きます。<br />
<br />
$ rails new 【プロジェクト名】<br />
<br />
簡単です。tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-73504945878252250282012-09-01T22:54:00.000+09:002012-09-01T22:55:20.518+09:00Ruby on Rails 開発環境構築Ruby on Railsの開発環境を構築するために下記の項目のバージョンアップを行いました。<br />
・ruby<br />
・gem<br />
・rails<br />
<br />
それぞれ<br />
・sudo port install ruby19<br />
・sudo gem update --sustem<br />
・sudo gem install rails<br />
<br />
ruby 1.9.3p194 (2012-04-20 revision 35410) [x86_64-darwin11]<br />
gem 1.8.24<br />
Rails 3.2.8<br />
<br />
Rubyのバージョンアップの際にMacPortsもいれました。<br />
MacPorts 2.1.2<br />
<br />
参考:<br />
<a href="http://d.hatena.ne.jp/HomeBrewStudio/20111019/1318996484" target="_blank">Ruby 1.9.2 にアップデートしました</a><br />
<a href="http://sememo.blue-robin.jp/?p=376" target="_blank">Mac OS X (Snow Leopard) に Ruby on Rails 開発環境を構築</a><br />
<a href="http://blog.katsuma.tv/2008/11/start_mac_osx_ruby.html" target="_blank">Mac OSXで初めてのRubyを始めてみました</a><br />
<a href="http://d.hatena.ne.jp/replication/20111218/1324218166" target="_blank">Mac OS X LionにMacPortsをインストールする方法</a><br />
<a href="http://blog.asial.co.jp/371" target="_blank">MacPortsの基本的な使い方とコマンド</a><br />
<br />tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-11612333167781293802012-08-16T08:02:00.002+09:002012-09-01T22:55:40.149+09:00Rubyの学習方法まとめ以前、知人からRubyをすすめられたのですが、<br />
中々重い腰を上げることができませんでした。<br />
<br />
ようやくやっと暑さも和らいで涼しくなってきたので(関係ない)<br />
少しずつ、スローペースで勉強を進めて行きたいと思います。<br />
<br />
0スタートなので、まずはどこから手をつけていくか、<br />
色々参考にしてみます。<br />
<br />
<a href="http://blog-223soft.heroku.com/54" target="_blank">Rubyを始めたい方向けまとめ(2011年秋版)</a><br />
<br />
<a href="http://melborne.github.com/2012/04/09/to-newbie/" target="_blank">これからRubyを始める人たちへ </a><br />
<br />
<a href="http://kray.jp/blog/twitter_service_in_1hours/" target="_blank">1時間でツイッターサービスを作ろう!</a><br />
<br />
<a href="http://d.hatena.ne.jp/inouetakuya/20120331/1333192327" target="_blank">Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました - h300</a>(モチベーション用)<br />
<br />
色々、見てみましたがやはり最初はドットインストールではじめてみたいと思います。<br />
1日3レッスンで10日での終了を目標に。<br />
<br />
今日からやると26日ぐらいですかね。<br />
<br />
<br />tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-28703235083380639252012-06-19T08:10:00.003+09:002012-06-19T08:10:39.589+09:00日時計算 参考リンクまとめJavaScriptで現在時刻や今日の日付を取得・表示する<br />
<a href="http://www.koikikukan.com/archives/2012/01/12-015555.php">http://www.koikikukan.com/archives/2012/01/12-015555.php</a><br />
<br />
JavaScript による日付・時刻・時間の計算・演算のまとめ<br />
<a href="http://www.hoge256.net/2007/08/64.html">http://www.hoge256.net/2007/08/64.html</a><br />
<br />
日付・時刻関数(PHP)<br />
<a href="http://www.shigeweb.jp/php/project_p/?section=miniref&page=date#stamp">http://www.shigeweb.jp/php/project_p/?section=miniref&page=date#stamp</a><br />
<br />
PHP 日付・時間関数の使い方<br />
<a href="http://sandman.s6.xrea.com/nucleus/item-56.html">http://sandman.s6.xrea.com/nucleus/item-56.html</a><br />
<br />
PHP による日付・時刻・時間の計算・演算のまとめ<br />
<a href="http://www.hoge256.net/2007/08/63.html">http://www.hoge256.net/2007/08/63.html</a><br />
<br />
イヌでもわかるJavaScript講座・来年をカウントダウンする<br />
<a href="http://www.red.oit-net.jp/tatsuya/java/countdwn2.htm">http://www.red.oit-net.jp/tatsuya/java/countdwn2.htm</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-71294985279096207092012-06-17T18:18:00.001+09:002012-06-17T18:18:43.422+09:00Illustlator チュートリアル参考リンクロゴの参考リンク<br />
<a href="http://photoshopvip.net/archives/22647">http://photoshopvip.net/archives/22647</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-35736445633444563482012-06-14T17:18:00.003+09:002012-06-14T17:18:44.401+09:00WordPressでカテゴリーを階層表示メモ:<br />
外観 > ウィジェット > SideWidget内カテゴリー<br />
階層を表示にチェックを入れる<br />
<br />
そのままだどカテゴリーに並ぶだけなので、インデントを入れる場合は<br />
クラス名childrenにpadding-left:1emを追記<br />
<br />
<br />tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-68517133207416464412012-06-13T17:46:00.002+09:002012-06-13T17:46:43.693+09:00CSSでボタンをつくるのに参考にした記事メモ<br />
<br />
・CSS3だけで作るボタンデザインいろいろまとめ6つ<br />
<a href="http://w3q.jp/t/2306">http://w3q.jp/t/2306</a><br />
<br />
<a href="http://www.paulund.co.uk/create-a-css-3d-push-button/">http://www.paulund.co.uk/create-a-css-3d-push-button/</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-16900810403631739912012-05-20T10:37:00.000+09:002012-05-20T10:37:51.277+09:00jquery.wookmark.jsの使い方DL:http://www.wookmark.com/jquery-plugin<br />
参考記事:<br />
・[JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark<br />
<a href="http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-wookmark.html">http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-wookmark.html</a><br />
・Pinterestっぽいレイアウトを作ってみる<br />
<a href="http://kachibito.net/web-design/pintarest-like-layout.html">http://kachibito.net/web-design/pintarest-like-layout.html</a><br />
<br />
メモ:<br />
スクリプトは</body>直前に記述<br />
<head></head>内に記述しても動かない<br />
<br />
.containrにposition: relativeを記述<br />
<pre></pre>
<pre></pre>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-38827933305400601272012-05-08T14:08:00.002+09:002012-05-08T14:08:39.538+09:00【Vim】HTMLを整形MacVimでHTMLを整形しようとしたのですがコマンドが効かなかったので調べました。<br />
一応、無事に解決したので備忘録としてメモ。<br />
<br />
・Vimでインデントを整える(整形)コマンド<br />
=<br />
使い方:gg=G<br />
<br />
・コマンドの有効化<br />
MacVim > Contents > Resources > vim > vimrc<br />
下記を追記<br />
:filetype indent on<br />
<br />
<br />
参考<br />
・filetype<br />
<a href="https://sites.google.com/site/vimdocja/filetype-html">https://sites.google.com/site/vimdocja/filetype-html</a><br />
・自分用のVim備忘録<br />
<a href="http://d.hatena.ne.jp/kanonji/20110603/1307104375">http://d.hatena.ne.jp/kanonji/20110603/1307104375</a><br />
<br />
<br />
<br />
<br />tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-15122415152305992212012-05-03T20:52:00.000+09:002012-05-03T20:52:36.744+09:00jQueryで画像を全画面表示jQueryで画像を全画面表示するためのメモ<div>
<br /></div>
<div>
やりたいこと</div>
<div>
・画像をウィンドウ全体に表示</div>
<div>
・ウィンドウサイズを拡大縮小した時に画像の比率がくずれない</div>
<div>
<br /></div>
<div>
<a href="http://www.webopixel.net/javascript/203.html" target="_blank">jQueryで背景画像を全画面表示する</a></div>
<div>
<br /></div>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-75609584530803795802012-04-13T08:19:00.003+09:002012-04-13T08:19:27.176+09:00HTML5のアウトラインの確認HTML5のアウトラインの確認<br />
<br />
【HTML 5 Outliner】<br />
<a href="http://gsnedders.html5.org/outliner/">http://gsnedders.html5.org/outliner/</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-50937452237238196532012-04-13T08:17:00.000+09:002012-04-13T08:17:08.640+09:00HTML5向けのリセットスタイルシート・CSSHTML5向けのリセットスタイルシート<br />
<br />
【HTML5 のリセット・スタイルシート】<br />
<a href="http://www.html5.jp/html5doctor/html-5-reset-stylesheet.html">http://www.html5.jp/html5doctor/html-5-reset-stylesheet.html</a><br />
【DL】<br />
<a href="http://code.google.com/p/html5resetcss/downloads/list">http://code.google.com/p/html5resetcss/downloads/list</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-73687546523871697592012-04-12T18:13:00.005+09:002012-09-22T11:47:00.278+09:00Macvimの設定変更・カラースキーマの変更Macvimの設定メモ<br />
<br />
設定変更:<br />
vimrc<br />
<br />
場所(ここが分かりにくかった):<br />
Macvim.app > (右クリック→パッケージ内容の表示)> Contents > Resources > vim > vimrc<br />
<br />
カラースキーマの設定変更:<br />
colorsのフォルダにxxx.vim(カラースキーマのファイル)を置く<br />
<br />
場所:<br />
Macvim.app > (右クリック→パッケージ内容の表示)> Contents > Resources > vim > runtime > colors<br />
<br />
変更内容:<br />
<br />
" 行番号を非表示 (number:表示)<br />
set number<br />
<br />
" 改行した時に自動でインデント<br />
set autoindent<br />
<br />
" Tab幅関係<br />
set shiftwidth=2<br />
set tabstop=2<br />
set softtabstop=2<br />
<br />
" ツールバーを非表示<br />
set guioptions-=T<br />
<br />
" フォント指定<br />
set guifont=Osaka-Mono:h14<br />
<br />
" カラースキーマの設定<br />
colorscheme molokai<br />
<br />
カラースキーマは最終的にこれに決めました。<br />
【molokai - A port of the monokai scheme for TextMate : vim online】<br />
<a href="http://www.vim.org/scripts/script.php?script_id=2340">http://www.vim.org/scripts/script.php?script_id=2340</a><br />
<br />
<br />
<br />
・参考記事<br />
【Vimをちゃんと使い始めてみる 】<br />
<a href="http://hisasann.com/housetect/2012/01/vim.html">http://hisasann.com/housetect/2012/01/vim.html</a><br />
【新卒さんのための人気Vimカラースキーマランキング5+1(vim.org & github調べ)】<br />
<a href="http://d.hatena.ne.jp/kattton/20110425/1303746056">http://d.hatena.ne.jp/kattton/20110425/1303746056</a><br />
<br />
<br />
今後も使いやすいようにいじっていきたいですが、今回はここまで。<br />
<br />tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-67243897802352069692012-04-04T11:31:00.001+09:002012-04-04T11:31:25.337+09:00MTでページ送りMTではページ送り機能を導入するために参考にした記事<br />
<br />
<a href="http://blog.remora.cx/2010/08/add-pagination-to-movabletype.html" target="_blank">【MovableType】一定数の記事ごとにページを分割する</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-87860651145501638712012-03-06T13:15:00.001+09:002012-03-06T13:15:14.389+09:00jQZoom Evolutionの使い方「jQZoom Evolution」を使いました。<br />
<br />
参考サイト<br />
・jQueryを使ったズームプラグイン。ECサイトとかによさげ。jQZoom EvolutionとGalleriffic<br />
<a href="http://sanride.com/blog/webdesign/jqueryec.php">http://sanride.com/blog/webdesign/jqueryec.php</a><br />
<br />
・デモページ<br />
<a href="http://www.mind-projects.it/projects/jqzoom/demos.php#demo1">http://www.mind-projects.it/projects/jqzoom/demos.php#demo1</a><br />
<br />
・使い方<br />
<a href="http://www.mind-projects.it/projects/jqzoom/index.php#howtouse">http://www.mind-projects.it/projects/jqzoom/index.php#howtouse</a><br />
<br />
・Webデザイナーが覚えておく、代表的なライセンスまとめ<br />
<a href="http://kojika17.com/2011/01/web-designers-have-to-remember-license-summary.php">http://kojika17.com/2011/01/web-designers-have-to-remember-license-summary.php</a><br />
<br />
自分用メモ<br />
・サムネイルを含めて表示する場合は、画像が3枚必要<br />
<br />
<ol>
<li>imgタグ内:サムネイル画像</li>
<li>smallimage内:メイン画像</li>
<li>largeimage内:拡大画像</li>
</ol>
<div>
・リスト表示するためには、demoページ内のcssの追加記載が必要</div>
<div>
・トップに表示する画像のサイズに合わせてズームエリアの位置が自動調整</div>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-51188997103764934952012-03-01T17:15:00.000+09:002012-03-01T17:15:52.163+09:00指定個所へスクロールで移動指定した箇所へスクロール移動を実装するために下記の記事を参考にしました。<br />
ページトップへの移動に使われるjQueryです。<br />
サンプルソースではページトップへの移動に使われていましたが、<br />
今回の利用では指定した箇所へスクロール移動させたかったため、<br />
指定先のクラス名を変更しました。<br />
<br />
参考記事<br />
・少しのコードで実装可能な20のjQuery小技集<br />
<a href="http://www.webcreatorbox.com/tech/jquery-tips20/">http://www.webcreatorbox.com/tech/jquery-tips20/</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-1121135124871328732012-03-01T10:56:00.001+09:002012-03-01T17:15:36.802+09:00送信時に文字コードを変換現在制作しているサイトと利用しているショッピングカートで文字コードが違うため、サイトからテキストをショッピングカートに送信した時に文字化けが起こりました。<br />
<br />
下記のサイトを参考にして、<br />
送信時に(UTF-8 → Shift-JIS)に文字コードをエンコードすることで解決しました。<br />
<br />
・文字コードの違うサイト間のPOST送信<br />
<a href="http://warumono.at.webry.info/201110/article_9.html">http://warumono.at.webry.info/201110/article_9.html</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-44448818331198399472012-02-12T00:36:00.003+09:002012-02-12T00:37:47.856+09:00vimの環境設定参加している勉強会でvimを覚える必要があったので環境を整えました。<br />
<br />
参考リンク<br />
vimの設定(タブ、自動インデント、行番号表示)<br />
<a href="http://d.hatena.ne.jp/mtbtaizo/20080622">http://d.hatena.ne.jp/mtbtaizo/20080622</a><br />
MacでのVim設定をまとめてみた<br />
<a href="http://takus.me/computer/mac-vim-configure/">http://takus.me/computer/mac-vim-configure/</a><br />
Vimのメモ<br />
<a href="http://ogawa.s18.xrea.com/fswiki/wiki.cgi?page=Vim%A4%CE%A5%E1%A5%E2">http://ogawa.s18.xrea.com/fswiki/wiki.cgi?page=Vim%A4%CE%A5%E1%A5%E2</a><br />
<br />
下記のコマンドを入力してファイルを作成<br />
touch ~/.vimrc<br />
<br />
今回は、以下を設定しました。<br />
<br />
syntax on // シンタックスカラーを有効<br />
set number // 行番号を有効<br />
set softtabstop=4 // インデントの幅を4文字に変更tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-13600397011625873692012-01-02T15:16:00.001+09:002012-01-02T15:18:35.812+09:00イメージギャラリーの作成イメージギャラリーを作成するためにjqueryプラグイン「prettyPhoto」を使いました。<br />
<br />
・DL<br />
<a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/</a><br />
<br />
・参考ページ<br />
「イメージギャラリーの設置方法まとめ」<br />
<a href="http://whisper.sakura.ne.jp/diary/2009/08/image-gallery.html">http://whisper.sakura.ne.jp/diary/2009/08/image-gallery.html</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-35811147717059126122011-12-27T00:03:00.002+09:002011-12-27T00:03:33.469+09:00スライダーの作成スライダーの画面を作成するためにjqueryプラグイン「bxslider」を利用しました。<br />
<br />
使い方<br />
<br />
1 下記のソースコードを<head>内に貼り付けます。<br />
<span style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;"><script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script></span><br style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;" /><span style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;"><script src="http://bxslider.com/sites/default/files/jquery.bxSlider.min.js" type="text/javascript"></script></span><br style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;" /><span style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;"><script type="text/javascript"></span><br style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;" /><span style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;"> $(document).ready(function(){</span><br style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;" /><span style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;"> $('#slider1').bxSlider();</span><br style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;" /><span style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;"> });</span><br style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;" /><span style="background-color: #eeeeee; color: #525044; font-family: Monaco, monospace; font-size: 12px; line-height: 21px; white-space: pre;"></script></span><br />
<span style="color: #525044; font-family: Monaco, monospace;"><span style="font-size: 12px; line-height: 21px; white-space: pre;"><br /></span></span><br />
2 スライダーを利用したい<ul>や<div>に「id="slider1"」を指定します。<br />
<br />
画面を確認するとスライダーの動作が行われているようになります。<br />
<br />
<br />
オプションの詳細<br />
<a href="http://bxslider.com/options">http://bxslider.com/options</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0tag:blogger.com,1999:blog-8767168617783936988.post-49343929695928045662011-10-28T18:13:00.001+09:002011-10-28T18:14:33.144+09:00ソーシャルゲーム制作の導入先日飲んでいる時に、友人のイラストレーターと「ゲームをつくってみよう」という話が出ました。<br />
せっかくの機会なので、昨今の流れを汲んだソーシャルゲーム制作にチャレンジしたいと思います。
<br />
まずはソーシャルゲーム制作の流れや、制作環境を把握するためにゲーム制作についてまとめられた記事を読んで予備知識をつけます。<br />
<br />
以下、読んだ記事<br />
・<a href="http://www.slideshare.net/torusaito/ss-6554656">ソーシャルゲーム、国内外の動向 </a><br />
・<a href="http://www.moongift.jp/2011/06/20110606/">WebベースのアクションRPGを開発するならば使いたいフレームワーク「RPG JS」</a><br />
・<a href="http://www.slideshare.net/infinite_loop/phpmysql">大規模ソーシャルゲーム開発から学んだPHP&MySQL実践テクニック</a><br />
・<a href="http://yumewaza.yumemi.co.jp/2011/07/social_game_develop01.html">完全公開!ソーシャルゲーム設計事例:プロローグ</a><br />
・<a href="http://itpro.nikkeibp.co.jp/article/COLUMN/20110728/363028/">Corona[1]14歳の少年が経験3カ月で大ヒットゲームを開発</a><br />
・<a href="http://www.4gamer.net/games/127/G012735/20110908100/">[CEDEC 2011]稼げるゲームはこう作れ。グリーが明かす「セールスランキングNo.1プロダクトの作り方」</a><br />
・<a href="http://d.hatena.ne.jp/moto_maka/20110920/1316459765">[iPhone][ゲーム][開発] ゲームの作り方やアルゴリズムについてAppStoreカテゴリ別に整理してみました</a><br />
・<a href="http://www.square-enix.com/jp/info/library/dldata/PM/PM.pdf">ゲーム開発プロジェクトマネジメント講座</a><br />
・<a href="http://ameblo.jp/ca-1pixel/entry-11051628308.html">「第21回 HTML5とか勉強会」イベントレポート</a>tsyksihttp://www.blogger.com/profile/12652316980475077567noreply@blogger.com0