Web
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1801/html5%e3%81%ab%e3%82%88%e3%82%8b%e3%82%b9%e3%83%86%e3%83%83%e3%83%97%e3%82%b7%e3%83%bc%e3%82%b1%e3%83%b3%e3%82%b5%e3%83%bc%e3%80%81%e3%80%8cpattern-sketch%e3%80%8d/’;Check 音楽クリエイターからWebクリエイターに転身あるいは同時進行中の人、私も含め多く散見される。こういう人たちはexpress（表現）+ communication（伝達）が重要なのであって、その二つを実現する手段＝触媒として、たまたま音で行うことを選んだというだけのことで、実は触媒が音だろうと画像だろうとテキストだろうとかまわない（実際にはそれらを組み合わせてwebで表現する「Web表現」というのが正しいだろう）。もし純粋に音楽を追求したいというのだったらそのままサウンドの追求に邁進するだろう（もちろん需給のバランスで本当は音楽制作を続けたかったがやむなくWeb制作に走ったという人も多いだろう）。しかしいざWebクリエイターとしてWeb表現を追求し始めると、音楽表現のノウハウが生かせる場面が非常に少ないことに気付きしばし悩む。Webは「目で見て動かして楽しむ」というプロセスが基本なのだ。そのようなWebの性質もあり、Web表現における音に関する仕様は視覚表現におけるそれより随分遅れていた。しかしここにきて、html5のオーディオ系の最新APIとクラウド環境が急ピッチで進化してきた。そのおかげでこのようなWebアプリケーションが実用レベルで作成可能になった。これはブラウザでシーケンスを組み完成させたらクラウド上でオーディオファイルを書き出し、それをe-mailやsoundclooudでシェアする、というクラウド型の音楽制作アプリケーションサービス。 http://patternsketch.com/
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1756/photoshopillustrator%e3%81%ae%e4%bb%a3%e3%82%8f%e3%82%8a%e3%81%ab%e3%81%aa%e3%82%8b%e3%83%95%e3%83%aa%e3%83%bc%e3%82%bd%e3%83%95%e3%83%88%e3%81%a3%e3%81%a6%e3%81%82%e3%82%8b%e3%81%ae%ef%bc%9f/’;CheckLinuxでしか作業できない場合、お金が無くてAdobeのツールが買えない場合、etc…表題のような疑問を抱くケースは結構あると思う。私も仕事場でこそAdobe CSを使えているが、自宅では使用できない。 しかしこのオープンソース時代、フリーで使用可能な代替ツールはたいていある。 これらの買うと高価なグラフィック編集アプリも例外ではない。 私も自宅のマシンにインストールして実際使用しているツールを紹介しようと思う。 １）Photoshopは… ■GIMP http://www.gimp.org/ Photoshopのようなビットマップ編集ソフト。PSD（フォトショップの独自フォーマット）も読み込み・編集が可能。 ２）Illustratorは… ■Inkscape http://inkscape.org/ Illustratorのようなベクター描画ソフト。保存はSVG形式によるのでそのままWeb用ベクターグラフィックスとして使用可能。 上記２つとも、操作感はイラレ、フォトショとはずいぶん違う。ひょっとすると正確には代用品とはいえないかもしれない。しかしながら、慣れれば必要にして十分なグラフィックス処理を行うことが出来る、大変高性能なOSSである。
Continue reading about Photoshop,Illustratorの代わりになるフリーソフトってあるの？
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1766/%e6%97%a5%e3%81%94%e3%82%8d%e3%81%ae%e4%be%bf%e5%88%a9%e3%83%84%e3%83%bc%e3%83%ab%e3%80%8cweb-platform-installer%e3%80%8d/’;CheckWeb アプリケーションをインストールしたり、マイクロソフトの Web プラットフォームをアップデートする際に、正しく動作するための設定を自動で行ってくれる。例えばVisual Studio 2010 Expressを動かす場合.Net framework等がインストールされている必要があるが、これら必要なダウンロード一式を自動で行ってくれる。また、「OpenPNE」「EC-Cube」「XOOPS」「WordPRess」など有名なOSSも簡単にインストールすることができる。マシンにWindowsをインストールしたらまずはここからというアプリケーション。 「Web Platform Installer」詳細はこちら http://www.microsoft.com/web/downloads/platform.aspx
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1773/%e6%97%a5%e3%81%94%e3%82%8d%e3%81%ae%e4%be%bf%e5%88%a9%e3%83%84%e3%83%bc%e3%83%ab%e3%80%8csilverbird%e3%80%8d/’;Check非常に便利・多機能なtwitterのタイムライン閲覧＆ツィート作成用Chorome拡張。 twitterのTLが小さなウィンドウで出てきます。 「Mail Checker Plus for Google Mail」と同様、ネットライフに欠かせないChrome拡張です。
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1729/jsdo-it%e3%81%ab%e6%8a%95%e7%a8%bf%e3%81%97%e3%81%9f%ef%bc%93%e3%81%a4%e3%81%ae%e5%ae%9f%e9%a8%93%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/’;Checkくるくるディスプレイ くるくるディスプレイ – jsdo.it – share JavaScript, HTML5 and CSS トップページでコンテンツ内のサムネイルを並べているようなサイトで、ちょっとしたアニメーションで遊びたい、という場合などに使っていただけるのではないでしょうか。 ただ残念なことに現在、css3のtransitionの対応状況がまちまちで、webkit系（chrome safari）でしか正しく動作しないこと、さらにはrotateY(Y方向に回転)というパラメータの挙動にも差異がある（X方向に回転してしまうケースもある）という状況です。 css3 next/prev button + 簡易カウンタ css3 next/prev button + 簡易カウンタ – jsdo.it – share JavaScript, HTML5 and CSS css3で、押した時の状態も含めてどれくらいリアルに作れるかを検証しました。それだけでは寂しいのでjQueryで簡易カウンタを作成しました。使いみちは、貴方次第！ ボタンを追加し均等な幅に並べる ボタンを追加し均等な幅に並べる – jsdo.it – share JavaScript, HTML5 and CSS 「ボタンを一列に並べたい。その際、常に横幅いっぱいの大きさになるようにしたい。ボタンを追加するのは、cssをいじらずhtmlに要素を追加するだけでできるようにしたい」という要望に答えて作成したソースの応用で作ってみました。これも使い方は、貴方次第！ ※これらの実験（というか遊び）は、css3を多用しており、Google Chromeを基準ブラウザとしております。ご了承ください。
