2012年9月30日 星期日

2012年9月26日 星期三

[ROBOT魂] VOX AURA

VOX AURA
「京乃圓(まどか)」是個打從心底熱愛自己故鄉千葉縣鴨川之海的女高中生,同時也是一人社團「鴨女運動服社」的成員,以「要是遇到需要幫助的人就要挺身而出」作為中心精神進行社團活動的17歲少女。

某日她與神秘的美少女「蘭(ラン)相遇,第一眼就認為對方是同類的圓,熱烈地想要邀請她一同加入運動服社中。此時又有一位不可思議的轉學生「麥波(ムギナミ)」轉入了圓的班級中,面對著一口氣增加成三人的社團,他們能不能守護好鴨川呢……?

VOX AURAVOX AURA
本作為隸屬IG集團旗下的Production I.G公司提出腳本,由同樣隸屬IG集團的XEBEC動畫公司製作,找來曾與該公司合作過知名動畫『機動戰艦』、『宇宙星路』的佐藤龍雄擔任總監督,並延請同樣與XEBEC動畫公司合作過知名動畫『英雄時代』、『蒼穹之戰神』的鈴木利正分任監督。
Read more

2012年9月25日 星期二

JSON和XMLHttpRequest

json是很好用的格式,可是跨domain會有安全性和存取的問題,如果要存取網站的api,就不能單純用json的方法來存取。之前有看過別人用JSONP,不過同事說問題很多,就建議我用XMLHttpRequest的方法存取,也順利取到資料了,我是用facebook graph api來測試的。

  1. var xhr = new XMLHttpRequest();   
  2. xhr.open('GET'"https://graph.facebook.com/19292868552"false);   
  3. xhr.send(null);   
  4. var serverResponse = JSON.parse(xhr.responseText);   
  5.   
  6. alert(serverResponse.key);  
Read more

2012年9月23日 星期日

研究所開學

研究室

研究所開學了,第一堂課旁邊的同學說他兩年沒上課,感覺很緊張,我跟他說我離開學校七年了,更緊張。

上了一個禮拜的課,我真的覺得可以讀自己喜歡的東西真好。

照片是安置好的研究室座位,不過應該去的時間不會很多就是了。
Read more

2012年9月22日 星期六

超酷的結合CSS3轉場jQuery plugin

225990_4502101160411_341625720_n

最近找到一個很酷的2D/3D相片CSS3轉場的jQuery plugin,使用後在網站放相片輪播就更炫了。

外掛網址
Flux-Slider

首先簡單的準備這樣的html
<div id="slider">
<img src="imgs/peacock.jpg" alt="" />
<img src="imgs/koi.jpg" alt="" />
<img src="imgs/life.jpg" alt="" />
</div>

Read more

2012年9月18日 星期二

[SR超合金] 勇者特急 マイトガイン

勇者特急 マイトガイン

勇者系列的第四作,日本的撥映時間為1993年1月30日至1994年1月22日,17:00~17:30。

勇者特急 マイトガイン
勇者特急 マイトガイン

小時候電視台播放過不少勇者系列的動畫,其實勇者系列除了跟絕對無敵雷神王的藍光人系列分開外,依監督的不同,也可以做分類,像「勇者特急」、「勇者警察」、「黃金勇者」等由高松信司所監督則被喩為「高松三部作」。
Read more

2012年9月17日 星期一

2012年9月16日 星期日

野蠻人普通級突破

Screenshot253
Screenshot258
野蠻人也破普通級啦..

costume_bar2
這是達成一個把全身都染成同一種顏色成就時的裝備。

costume_bar3
這是突破普通級的裝備。
Read more

2012年9月15日 星期六

2012年9月11日 星期二

jquery 手機UI日期選取plugin- mobiscroll

303650_4451322210969_934255744_n
記得有次跟朋友討論到用html去做mobile的UI,沒想到今天看到這個plugin,而且還把許多種mobile的UI都做進去了,有需要的應該會是好工具。

下載網址:
Mobiscroll

大概看介面就知道是用來作時間選擇器的,然後可以選擇的類型也很多,稍為設定一下類型就好了,官網上設定玩就可以直接看到程式碼,所以大家可以玩看看。

用在手機上就很方便,可以掃這個QR Code去看看手機上的效果。
mobiscroll
Read more

純CSS3圓形按鈕

377711_4450769677156_696623231_n

這是用純css寫出來的social netowork選單,有興趣可以試試看。

結構就像這樣而已。


<div class="menu">
<ul class="primary-menu">
<li class="facebook"><a class="social-item" href="#">f</a><span class="social-span">Become a fan on Facebook</span></li>
<li class="twitter"><a class="social-item" href="#">t</a><span class="social-span">Follow us on Twitter</span></li>
<li class="flickr"><a class="social-item" href="#">c</a><span class="social-span">Add us on Flickr</span></li>
<li class="rss"><a class="social-item" href="#">a</a><span class="social-span">Follow our updates through RSS</span></li>
<li class="mail"><a class="social-item" href="#">k</a><span class="social-span">Subscribe to our newsletter</span></li>
</ul>
</div>

Read more

2012年9月10日 星期一

純CSS動畫選單

217841_4446157961866_1198865801_n

CSS3真是好玩的東西,這是純CSS3做的選單動畫,可以把source code copy回去就可以用了。

準備類似下面的結構
<ul id="panel">
<li><h3>MENU</h3></li>
<li class="animation"><a href="#">Link 1</a></li>
<li class="animation"><a href="#">Link 2</a></li>
<li class="animation"><a href="#">Link 3</a></li>
<li class="animation"><a href="#">Link 4</a></li>
<li class="animation"><a href="#">Link 5</a></li>
</ul>


寫法也很簡單,加一下transform
  1. transition: all 0.4s ease-in-out;   

然後設滑過去後讓他動起來。

  1. transform:translateX(25px);  

其他大同小異,研究一下原始碼就知道了。

Demo


Read more

2012年9月8日 星期六

[轉輪科技] Black Overman Xan(斬)

Black Overman Xan

黑色的Overman是轉輪科技的特別版模型,其實也出很多年了,只是最近在網拍上看到我還可以接受的價錢(其實跟幾年前看到也差不多),所以候來就決定買了。

Black Overman Xan
正面跟背面,可以看的出來有原本白色版的影子
Black Overman Xan
後面類似頭髮的東西綁法有點不一樣。

Black Overman Xan
Black Overman Xan
雖然叫Black Overman Xan,可是配色卻是深藍色的。
Read more

2012年9月6日 星期四

產業分析模型

安索夫產品市場擴充矩陣

霍夫矩陣

利潤池
1998年,貝恩咨詢公司的奧里特·加迪什(Orit Gadiesh)和詹姆斯·吉爾伯特(James L. Gilbert)在《哈佛商業評論》中首次提出行業利潤池的概念。利潤池(Profit pools)是指行業價值鏈各鏈結點所產生的利潤總和。運用利潤池分析法的目的是研究行業總利潤在價值鏈各節點的分佈情況,併為企業的戰略決策提供依據。企業不論處於行業價值鏈的某一鏈節,還是跨越若幹鏈節,均應從利潤池的分佈情況出發,並結合自身在行業價值鏈中所處的位置及擁有的利潤池份額,研究行業價值鏈中其他有利可圖的價值活動,尋找發展的機會,作出放棄或開發其他鏈節的決策。企業可以通過分析和預測行業利潤池的變遷,確定企業未來的發展戰略。

賽局理論
具有競爭或對抗性質的行為成為博弈行為。在這類行為中,參加鬥爭或競爭的各方各自具有不同的目標或利益。為了達到各自的目標和利益,各方必須考慮對手的各種可能的行動方案,并力圖選取對自己最為有利或最為合理的方案。比如日常生活中的下棋,打牌等。賽局理論就是研究博弈行為中鬥爭各方是否存在著最合理的行為方案,以及如何找到這個合理的行為方案的數學理論和方法。

SWOT
優劣勢分析主要是著眼於企業自身的實力及其與競爭對手的比較,而機會和威脅分析將註意力放在外部環境的變化及對企業的可能影響上 。在分析時,應把所有的內部因素(即優劣勢)集中在一起,然後用外部的力量來對這些因素進行評估。

五力分析
五力分析模型是邁克爾·波特(Michael Porter)於80年代初提出,對企業戰略制定產生全球性的深遠影響。用於競爭戰略的分析,可以有效的分析客戶的競爭環境。五力分別是: 供應商的議價能力、購買者的議價能力、潛在競爭者進入的能力、替代品的替代能力、行業內競爭者現在的競爭能力。五種力量的不同組合變化 最終影響行業利潤潛力變化。

BCG矩陣
制定公司層戰略最流行的方法之一就是BCG矩陣。該方法是由波士頓咨詢集團(Boston Consulting Group, BCG)在上世紀70年代初開發的。BCG矩陣將組織的每一個戰略事業單位(SBUs)標在一種2維的矩陣圖上,從而顯示出哪個SBUs提供高額的潛在收益,以及哪個SBUs是組織資源的漏斗。BCG矩陣的發明者、波士頓公司的創立者布魯斯認為“公司若要取得成功,就必須擁有增長率和市場分額各不相同的產品組合。組合的構成取決於現金流量的平衡。”如此看來,BCG的實質是為了通過業務的優化組合實現企業的現金流量平衡。

價值鏈分析
價值鏈分析方法是企業為一系列的輸入、轉換與輸出的活動序列集合,每個活動都有可能相對於最終產品產生增值行為,從而增強企業的競爭地位。企業通過信息技術和關鍵業務流程的優化是實現企業戰略的關鍵。企業通過在在價值鏈過程中靈活應用信息技術,發揮信息技術的使能作用、杠桿作用和乘數效應,可以增強企業的競爭能力。
Read more

2012年9月5日 星期三

jQuery月曆- jQuery Calendar Widget

387114_4425680489942_1690273995_n

大部分的jquery plugin都是用來選取日期的,找了好久終於找到這個單純是月曆的,而且原始碼也很簡單,可以自己手動改一下,像我就把星期改成中文,如果有需要可以用看看。

jQuery Calendar Widget

設定一下就可以使用月曆了。

  1. date = new Date();   
  2. year = date.getFullYear();   
  3. month = date.getMonth();   
  4.   
  5. $("#calendar").calendarWidget({   
  6.     month: month,   
  7.     year: year                           
  8.  });  

如果想要顯示當天的日期,只要抓到那一天,然後給那天一個class,再改一下樣式就可以了。

Read more

2012年9月4日 星期二

用CSS3作動畫- Animate.css

318454_4421003413018_308042970_n

CSS3可以做很多動畫,有空可以來研究看看,最近看到這個,只要引入他的CSS,再動態加到元素裡就可以產生動了,一方面可以輕鬆產生動畫,一方面也可以去看看他的寫法,我想對學習CSS3的動畫是很有幫助的。

首先到這邊下載css
Animate.css
然後引入到文件中,選擇想要的動畫效果,把class加到元素中就可以了,也可以動態把class加到元素中,官網有示範。

  1. function testAnim(x) {   
  2.     $('#box').removeClass().addClass("animated").addClass(x);   
  3.     var wait = window.setTimeout( function(){   
  4.     $('#box').removeClass()},   
  5.     1300   
  6.     );   
  7. }    
  8.        
  9. $('a[data-test]').click(function(){   
  10.     var anim = $(this).attr('data-test');   
  11.     testAnim(anim);   
  12. });   

可以參考網站的寫法,主要是動態加了class後就會有動畫,不過需要做reset的動作才不會怪怪的。

如果覺得網站複雜可以參考我的寫法
Demo

Read more

2012年9月2日 星期日

jquery月曆 Date Picker

375907_4408743426526_2117606471_n
jquery有不少月曆的plugin,這次因為專案需要找了這個,可以在月曆上標示一些日期的簡單小月曆。

下載網址
Date Picker

下載後引入plugin跟css
<link rel="stylesheet" media="screen" type="text/css" href="css/datepicker.css" />
<script type="text/javascript" src="js/datepicker.js"></script>


然後像範例一樣引入
  1. $('#date').DatePicker({   
  2.     flat: true,   
  3.     date: '2008-07-31',   
  4.     current: '2008-07-31',   
  5.     calendars: 1,   
  6.     starts: 1   
  7. });  

主要是把mode設為'multiple', 就可以在月曆標多個日期了。
Read more
Related Posts Plugin for WordPress, Blogger...