dentaq.net http://dentaq.net ネット技術関連、VST関連、英語関連、その他趣味について書いてます。 Thu, 11 Aug 2011 04:58:18 +0000 ja hourly 1 http://wordpress.org/?v=3.2 HTML5によるステップシーケンサー、「Pattern Sketch」 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/ 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/#comments Thu, 11 Aug 2011 04:57:02 +0000 Katsu http://dentaq.net/?p=1801
音楽クリエイターからWebクリエイターに転身あるいは同時進行中の人、私も含め多く散見される。こういう人たちはexpress（表現）+ communication（伝達）が重要なのであって、その二つを実現する手段＝触媒として、たまたま音で行うことを選んだというだけのことで、実は触媒が音だろうと画像だろうとテキストだろうとかまわない（実際にはそれらを組み合わせてwebで表現する「Web表現」というのが正しいだろう）。もし純粋に音楽を追求したいというのだったらそのままサウンドの追求に邁進するだろう（もちろん需給のバランスで本当は音楽制作を続けたかったがやむなくWeb制作に走ったという人も多いだろう）。しかしいざWebクリエイターとしてWeb表現を追求し始めると、音楽表現のノウハウが生かせる場面が非常に少ないことに気付きしばし悩む。Webは「目で見て動かして楽しむ」というプロセスが基本なのだ。そのようなWebの性質もあり、Web表現における音に関する仕様は視覚表現におけるそれより随分遅れていた。しかしここにきて、html5のオーディオ系の最新APIとクラウド環境が急ピッチで進化してきた。そのおかげでこのようなWebアプリケーションが実用レベルで作成可能になった。これはブラウザでシーケンスを組み完成させたらクラウド上でオーディオファイルを書き出し、それをe-mailやsoundclooudでシェアする、というクラウド型の音楽制作アプリケーションサービス。
http://patternsketch.com/

]]> 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/feed/ 0 Photoshop,Illustratorの代わりになるフリーソフトってあるの？ 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/ 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/#comments Thu, 28 Jul 2011 04:45:45 +0000 Katsu http://dentaq.net/?p=1756 Linuxでしか作業できない場合、お金が無くてAdobeのツールが買えない場合、etc…表題のような疑問を抱くケースは結構あると思う。私も仕事場でこそAdobe CSを使えているが、自宅では使用できない。
しかしこのオープンソース時代、フリーで使用可能な代替ツールはたいていある。
これらの買うと高価なグラフィック編集アプリも例外ではない。
私も自宅のマシンにインストールして実際使用しているツールを紹介しようと思う。

１）Photoshopは…

■GIMP
http://www.gimp.org/
Photoshopのようなビットマップ編集ソフト。PSD（フォトショップの独自フォーマット）も読み込み・編集が可能。

２）Illustratorは…

■Inkscape
http://inkscape.org/
Illustratorのようなベクター描画ソフト。保存はSVG形式によるのでそのままWeb用ベクターグラフィックスとして使用可能。

上記２つとも、操作感はイラレ、フォトショとはずいぶん違う。ひょっとすると正確には代用品とはいえないかもしれない。しかしながら、慣れれば必要にして十分なグラフィックス処理を行うことが出来る、大変高性能なOSSである。

]]> 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/feed/ 0 日ごろの便利ツール「Web Platform Installer」 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/ 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/#comments Thu, 28 Jul 2011 03:55:26 +0000 Katsu http://dentaq.net/?p=1766 Web アプリケーションをインストールしたり、マイクロソフトの 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

]]> 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/feed/ 0 日ごろの便利ツール「SilverBird」 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/ 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/#comments Thu, 28 Jul 2011 03:55:07 +0000 Katsu http://dentaq.net/?p=1773 非常に便利・多機能なtwitterのタイムライン閲覧＆ツィート作成用Chorome拡張。
twitterのTLが小さなウィンドウで出てきます。
「Mail Checker Plus for Google Mail」と同様、ネットライフに欠かせないChrome拡張です。

]]> 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/feed/ 0 Windows 7　シャットダウン できないときの原因と対処法 http://dentaq.net/1746/windows-7%e3%80%80%e3%82%b7%e3%83%a3%e3%83%83%e3%83%88%e3%83%80%e3%82%a6%e3%83%b3-%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%e3%81%a8%e3%81%8d%e3%81%ae%e5%8e%9f%e5%9b%a0%e3%81%a8%e5%af%be%e5%87%a6%e6%b3%95/ http://dentaq.net/1746/windows-7%e3%80%80%e3%82%b7%e3%83%a3%e3%83%83%e3%83%88%e3%83%80%e3%82%a6%e3%83%b3-%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%e3%81%a8%e3%81%8d%e3%81%ae%e5%8e%9f%e5%9b%a0%e3%81%a8%e5%af%be%e5%87%a6%e6%b3%95/#comments Sat, 23 Jul 2011 06:26:42 +0000 Katsu http://dentaq.net/?p=1746 Windows XPからWindows 7に乗り換える際は、そのままバージョンアップすることはできません（Vistaから7は可能）。
新規にWindows 7をインストールすることになります。
その際、まず、マザーボード、ハードディスク、ビデオカード、光学ドライブといった最小限の構成だけでOSをインストールし、その状態で正常起動するか確認し、その後、サウンドカードやその他周辺機器ひとつずつ確実にインストールしていくようにすることが大切です。
「サウンドカードくらいは最初からつないだ状態でインストールして大丈夫だろう」などとずぼらをするとあとで表題のようなトラブルの原因となることがあります。
私の場合もサウンドカードが原因でした。
マザーボード、ハードディスク、ビデオカード、光学ドライブという最小限の基本構成だけだとしっかりとシャットダウンできます。
しかしここにサウンドカードを足して再度起動→シャットダウンをしようとすると・・・シャットダウンできませんでした。
私の使っているサウンドカードはPCIスロットに挿すタイプのものですが、これをまたずぼらをしてマザーボードのPCIスロットに挿したままドライバをインストールすると正しくインストールできません。
まずデバイスを本体のマザーボードから抜いてから、ドライバをインストール、その後いったんシャットダウンしてデバイスを取り付け、マシンを起動、という手順でおこなうと、きちんとインストールができます。

私が表題のトラブルになった原因は、
「サウンドカードが正常にインストールされていなかった」
ことでしたが、正常にインストールされなかった理由としては、
「ドライバソフトウェアをインストールする前にマザーボードにデバイスを装着していた」
というものでした。

人によって状態はさまざまかと思いますが、
もし同様のトラブルでお困りの方の一助になれば幸いです。

]]> http://dentaq.net/1746/windows-7%e3%80%80%e3%82%b7%e3%83%a3%e3%83%83%e3%83%88%e3%83%80%e3%82%a6%e3%83%b3-%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%e3%81%a8%e3%81%8d%e3%81%ae%e5%8e%9f%e5%9b%a0%e3%81%a8%e5%af%be%e5%87%a6%e6%b3%95/feed/ 0 jsdo.itに投稿した３つの実験（というか遊び）について 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/ 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/#comments Sat, 23 Jul 2011 03:55:31 +0000 Katsu http://dentaq.net/?p=1729 くるくるディスプレイ

くるくるディスプレイ – 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を基準ブラウザとしております。ご了承ください。

]]> 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/feed/ 0 HTML5でiPhone/Androidアプリを作ろう (Phone Gap入門 – 1) http://dentaq.net/1707/html5%e3%81%a7iphoneandroid%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e4%bd%9c%e3%82%8d%e3%81%86-phone-gap%e5%85%a5%e9%96%80-1/ http://dentaq.net/1707/html5%e3%81%a7iphoneandroid%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e4%bd%9c%e3%82%8d%e3%81%86-phone-gap%e5%85%a5%e9%96%80-1/#comments Fri, 22 Jul 2011 07:27:42 +0000 Katsu http://dentaq.net/?p=1707 HTML5によるAndroidアプリ「はてぶリーダー」を作るにあたり利用したのがこの「Phone Gap」というツールである。

HTML5によるアプリ制作の利点としては、iOS向け、Android向けを問わず、ひとつのプログラムソースから各プラットホームに対応したネイティブアプリを生成可能である点があげられる。
私も代表的なオーサリングツールのひとつ、PhoneGapを使用しまずはAndroidのネイティブアプリ作成してみた。
基本的な流れは
1.Eclipseの準備（Android開発環境の構築と同様）
2.HTML5コンテンツの作成
3.PhoneGapによるアプリの生成
4.アプリ(.apk)のアップロード
5.ダウンロード用ページの作成
6.端末にダウンロード
となる。
詳細は文末のリンク先の記事を良く読むことで、
自作アプリのオーサリングの方法がわかる。

実は何も知らない私がしばらくの間疑問だったのは、
Phone Gapにより生成された多くのファイルのうち、
どのファイルをアップすればよいのか、という点。
フォルダ丸ごと？それともひとつでいいの？
これについては調べたらなんてことはない。
生成された.apkファイルひとつをサーバーに上げるだけでよい。
\workspace\プロジェクト名\bin\
内の、拡張子が.apkのファイルをサーバに上げる。
このアプリを勝手サイトからダウンロードし端末に登録するには、
Androidマーケット以外からダウンロードしたアプリのインストールを許可する設定を行う。
方法は、ホーム画面でメニューボタンを押して[設定]を選択→[設定]から[アプリケーション]を選択→[アプリケーション設定]の[提供元不明のアプリ]をチェック。

以上、まずは簡単にPhone Gapを使ったiPhone/Androidアプリの作成方法をざっと紹介してみた。
感想としては、HTMLで手軽にアプリを作れるから、僕のようなプログラムに疎い人間も夢が広がる。
敷居が低いということは、無条件に、良いことだ。

参考サイト(1)　Phone Gapのインストール～アプリの作成まではこちら
http://phonegap-fan.com/install3.php

参考サイト(2)　1)で作成したアプリをサーバに上げAndroid端末にダウンロードするまで
http://gihyo.jp/dev/serial/01/androidapp/0003?page=1

]]> http://dentaq.net/1707/html5%e3%81%a7iphoneandroid%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e4%bd%9c%e3%82%8d%e3%81%86-phone-gap%e5%85%a5%e9%96%80-1/feed/ 0 はてブの一覧を閲覧することができるAndroidアプリ「はてなブックマークリーダー」を作ってみた。 http://dentaq.net/1691/%e3%81%af%e3%81%a6%e3%83%96%e3%81%ae%e4%b8%80%e8%a6%a7%e3%82%92%e9%96%b2%e8%a6%a7%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8bandroid%e3%82%a2%e3%83%97%e3%83%aa%e3%80%8c/ http://dentaq.net/1691/%e3%81%af%e3%81%a6%e3%83%96%e3%81%ae%e4%b8%80%e8%a6%a7%e3%82%92%e9%96%b2%e8%a6%a7%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8bandroid%e3%82%a2%e3%83%97%e3%83%aa%e3%80%8c/#comments Tue, 19 Jul 2011 03:12:11 +0000 Katsu http://dentaq.net/?p=1691 ダウンロードはこちらから

はてブリーダー

]]> http://dentaq.net/1691/%e3%81%af%e3%81%a6%e3%83%96%e3%81%ae%e4%b8%80%e8%a6%a7%e3%82%92%e9%96%b2%e8%a6%a7%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8bandroid%e3%82%a2%e3%83%97%e3%83%aa%e3%80%8c/feed/ 0 基本情報技術者の試験を受けてみた。 http://dentaq.net/1669/%e5%9f%ba%e6%9c%ac%e6%83%85%e5%a0%b1%e6%8a%80%e8%a1%93%e8%80%85%e3%81%ae%e8%a9%a6%e9%a8%93%e3%82%92%e5%8f%97%e3%81%91%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/ http://dentaq.net/1669/%e5%9f%ba%e6%9c%ac%e6%83%85%e5%a0%b1%e6%8a%80%e8%a1%93%e8%80%85%e3%81%ae%e8%a9%a6%e9%a8%93%e3%82%92%e5%8f%97%e3%81%91%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/#comments Mon, 11 Jul 2011 03:40:35 +0000 Katsu http://dentaq.net/?p=1669 午前は余裕だと思っていたが答え合わせをしてみるとそれほど余裕でもない6割超の正答率だった(iTECの採点サービスを利用)。
午後は5割弱の正答率だった。合格は難しいだろう。
午前は暗記中心。知っているかいないかが全ての問題が多い。
午後は、午前の知識を用い、いろいろな手掛かりを頼りに回答を導き出す応用力が問われる訓練という印象。
また、一見大変難しいが、落ち着いて読み込むと簡単な設問もあり、またマークシートなので消去法で二択くらいまで持って行ける問題が多く、問題を解いた時の手ごたえと比べて、意外なほど正解していると感じることもあると思う。
もう一回受ければ受かる気もするけれど、独学だとこれが限界かもしれないとも思う。午後対策などは、教えてもらわないとわかった気になる詰めが甘い学習となってしまう。
総じて、特に午後などは、試験問題を一読すると、泣きそうになるくらい苦しいけど、終わってみるとプログラミングのセンスが洗練されており、鍛えられた喜びみたいな感覚もある。。試験は実力を証明する場であると同時に、解きながら成長する場でもあるのだと思わせてくれる、大変良い試験だと思いますよ。僕はたぶん、受かってないけど。

]]> http://dentaq.net/1669/%e5%9f%ba%e6%9c%ac%e6%83%85%e5%a0%b1%e6%8a%80%e8%a1%93%e8%80%85%e3%81%ae%e8%a9%a6%e9%a8%93%e3%82%92%e5%8f%97%e3%81%91%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/feed/ 0 WordPress3.2インストール失敗 http://dentaq.net/1673/wordpress3-2%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e5%a4%b1%e6%95%97/ http://dentaq.net/1673/wordpress3-2%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e5%a4%b1%e6%95%97/#comments Wed, 06 Jul 2011 04:01:21 +0000 Katsu http://dentaq.net/?p=1673

インストール後、このような画面になってしまいブログにアクセスできず焦る。
落ち着いてエラーログを読むと「tweet-this」というプラグインが悪さをしてるっぽかったのでこのプラグインを削除したら復旧した。

以下、エラーログ全文。

Warning: require_once() [function.require-once]: Unable to access /home/users/1/main.jp-dentaq/web/wp-includes/class-json.php in /home/users/1/main.jp-dentaq/web/wp-content/plugins/tweet-this/tweet-this.php on line 143

Warning: require_once(/home/users/1/main.jp-dentaq/web/wp-includes/class-json.php) [function.require-once]: failed to open stream: No such file or directory in /home/users/1/main.jp-dentaq/web/wp-content/plugins/tweet-this/tweet-this.php on line 143

Fatal error: require_once() [function.require]: Failed opening required ‘/home/users/1/main.jp-dentaq/web/wp-includes/class-json.php’ (include_path=’.:/usr/local/php5.2/php’) in /home/users/1/main.jp-dentaq/web/wp-content/plugins/tweet-this/tweet-this.php on line 143

]]> http://dentaq.net/1673/wordpress3-2%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e5%a4%b1%e6%95%97/feed/ 0