開発時のWebサーバはどうしていますか。Mac OSXの場合、標準でApacheが入っていますが、一つしかないのでドキュメントルートを変更したいとなると設定を変えるかポートやドメインを変える必要があって多少面倒です。 Pythonが使えるならSimpleHTTPServerが簡単かなと思うのですが、GUIのがいろいろ手軽です。ということで各プラットフォームで使えるFenix Web Serverを紹介します。 Fenix Web Serverの使い方 こちらがメイン画面です。まだ設定はありません。 新しいサーバを作ります。設定名、ディレクトリパス、ポート番号を指定します。 例えばこんな感じです。 設定を追加しました。 緑になると起動完了です。 こちらはアクセスした結果を画像にしたものです。サムネイル表示に使われます。 面白いのは外部からのアクセスも有効にできることです。 ログも確認できます
はじめに 以前、Unity で Web をテクスチャとして表示して操作する方法について調べてみた - 凹みTips にて Awesomium を利用した Unity 上でテクスチャとしてウェブブラウザを描画する方法を紹介しました。Awesomium はバックエンドに Chromium を利用したヘッドレスブラウザで、C++、C# 用の SDK を提供しています。 Ultralight - Next-Generation HTML Renderer for Desktop Apps and Games CodePlex Archive 以前の古いバージョンで作成した動画になりますが、Awesomium を利用してあげるとこんなことが出来ます。 Awesomium は $100K 以下の用途であれば教育、非商用用途に自由に使うことが可能です。それ以上の場合は $2900 / app を払えば月
外道はるかぜちゃんジェネレータというWebアプリを いまどきな手法を用いて爆速で開発した話を紹介します。 先の3連休中、外道はるかぜちゃんジェネレータというWebアプリを開発&公開しました。ここで採用した開発手法がいまどきな爆速開発でしたのでちょっと紹介&ステマします。使った技術は以下の通りです。 AngularJS: Googleが開発しているViewModelなWeb開発ライブラリ(MVW: Model View Whateverだったかな?w) Github pages: スタティックサイトのホスティングに最適 Kii Cloud: mBaaS (mobile backend as a service) で共有データの保存に利用 HTML5 Canvas: 画像生成に。サーバサイドではなにもしてない! サービス概要 外道はるかぜちゃんジェネレータはベースとなる画像があり、そこに面白い
AudiographはWebブラウザ上で音声ファイルのイフェクトを行うソフトウェアです。 HTML5になって様々なAPIが追加されていますが、実際にどんなことができるかはまだ模索段階という方が多いようです。そこで一例としてAudiographを紹介します。音声ファイルをWebブラウザ上で加工できるソフトウェアです。 最初の画面です。 Yahoo! Pipesライクにコンポーネントを接続していきます。 例えばこんな感じにループさせることもできます。 説明です。 各種クラウドストレージまたはファイルアップロードを使って音声ファイルをアップロードします。 Playを押すと再生されます。この他マイクを使うこともできます。 ポーズした時の表示です。 コンポーネントとしては音声の左右バランスを変更したり、遅延させたりと言ったものがあります。他にもたくさんの編集機能があり、それらをパイプでつないで一つの
先日DTMステーションの記事にも書いたのですが、Twitter、Facebookで「Audio Sauna」という情報が流れてきて、何だろうと思ってそのページを開き、ちょっとショックを受けました。 ご存知ない方は、まあ、だまされたと思って、下記のページを開いて、「Open Studio!」というボタンを押してみてください。 http://www.audiosauna.com/ FLASHが動く環境であれば、Windows/Macのブラウザに限らず、スマホでもOKのようですよ。さすがにスマホだと、CPUパワーの問題もあって反応が遅いそうですが、ちょっと驚くような現象を確認できるはずです。そう、ブラウザ内でソフトシンセが動いているんですよね。 またPC環境の場合、画面のキーボードをマウスで弾くだけでなく、「A、S、D、F、G、…」とPCのキーボードを押すと、「ドレミファソ」と演奏できてしまうの
英語だけですが……、Google web fontsのリソースとGoogle Font APIを使うと、簡単にWeb Fontを使って、文字のまま装飾する事ができます。 Web Fontって？ CSS3で追加される機能で、サーバーに置いたフォントを使ったデザインを作れるようになるものです。 今までもフォントを指定することはできましたが、利用者のマシンにそのフォントがインストールされていないと無意味でした。Web Fontは指定のフォントファイルをダウンロードさせる事になるので、誰が見ても同じフォントで表示されるようになります。 ファイルのダウンロードが必要ってのがネックですね。日本語の場合は英語と違ってファイルサイズが膨大になりますから、使いどころは限られそうです……。 Web Fontの使い方 手順はふたつです。 @font-faceでフォントのURLを指定する。 font-family
最近、Device関連のHTML5 APIが盛り上がっています。 この記事はWeb Audio APIに関する記事の続きです。 頑張ると、色々とスゴいコトもできてしまうWeb Audio API。 最終的にHTML5 Advent Calendar向けにまとめますので、まとめて読みたい方は12/7までお待ちください。 とりあえずデモ 一番簡単な「音楽データを可視化する」デモです。 startボタンを押すとSVG girl themeが流れます 流れている音楽のTimeDomainDataがcanvas上にリアルタイムで描画されます。 これはなに？ RealTimeAnalyserNodeを使って収集した音楽データのTimeDomainDataをcanvas上に描画しています。 RealTimeAnalyserNodeはAudioContextから生成するオブジェクトですので、 例によってA
Webコミュニティとかを作っているロケットスタートという会社の代表取締役をやっています。いつもがんばっています。 たいした話題じゃないので、校正もたいしてせずにダラダラかいてみます。 nanapiというサイトをやっているのですが、そこの一つの機能として、記事にたいして「いいね！（良い評価）」「きょとん（悪い評価）」というのがつけられるのですね。 で、nanapiだと、いいねは誰でもできる、という形にしています。IPで連打は規制していますが、日を変えればできちゃいます。 逆に「きょとん」はログインしないと出来ないようにしています。ネガティブな評価をしたいと思った時は、ある程度のステップをふめば可能、だけどログイン時のニックネームが出るくらいのリスクはとってね、という設計です。 で、ネットに詳しい人とかからは「これは公平じゃないんじゃないか」と言われたりしていますが、公平ってなんですか
書いたといっても結構前からあったのですが、いらん所を削ぎ落として軽量Webサーバとして仕立て上げました。 軽量とは言えど、CGIを使って結構色々動きます。 例えば、ソースアーカイブを解凍したらCGIがあって、apacheから見える場所にコピーして...とか面倒くさかったりしますよね。 おれは今すぐWebサーバを起動したいんだ！そして今いるディレクトリのファイルをWebサーバからサーブしたいんだー！ って事ないですか？blogソフトウェアをダウンロードして今すぐ試したいけど、apacheインストールされてなかった...とか悲しすぎます。 今回紹介する"tinytinyhttpd"(tthttpd)はそんな、小さい様で大きな問題を解決出来るかもしれないソフトウェアです。 mattn's tinytinyhttpd at master - GitHub tiny tiny httpd http:
バッチ・マクロのTOPへ JavaScriptと同じように，VBAでもDOM操作が可能。 下記のようなマクロで，IEを操作できる。 Sub Googleで検索() ' IEを立ち上げて Google を開く Dim ie As Object Set ie = new_ie("http://www.google.co.jp") ' 検索キーワードを入力 type_val ie, "q", "ホゲラッチョ" ' 検索ボタンクリック submit_click ie, "btnG" ' 検索結果の 1 件目のタイトルを表示 MsgBox domselec(ie, Array( _ "id", "res", _ "tag", "li", 0, _ "tag", "h3", 0 _ )).innerText ' IEを閉じる ie.Quit Set ie = Nothing End Sub これは，独
JavaScriptの部分は というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか 何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。 ちなみに上記ソフトのダウンロードにはIBMアカウント（無料）が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果 こんな感じのグラフが出てきます。 では、詳細を見てみましょう。 このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。 内訳としては 濃い
Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at
「Firefox」は、現時点でも十分に高速である。ある調査テストでは、わずかに「Safari」よりも遅いとの結果が出たものの、ここで意味する「わずかに（Safariより）遅い」とは、「猛烈に速い」ことを意味してもいる。 Mozillaが革新的に開発を進める「TraceMonkey」によって、さらにFirefoxは速くなろうとしている。パフォーマンスの大幅な改善を考えてみてほしい。 CNETのStephen Shanklandが、すでに詳細を伝えているため、ここで筆者が論ずるまでもないが、これはとりわけFirefoxにとって、ブラウザパフォーマンスの目ざましいブレークスルーとなることは確実だろう。Mozillaでエンジニアリング担当の暫定バイスプレジデントを務めるMike Shaver氏は、次のように語っている。 TraceMonkeyプロジェクトが目指すところは、まだ現時点では初期段階に過
もういくつ寝ると 今年のはじめにやりたいことリストを作った。今見たら50項目あるリストのうち25個が達成済みだった。ちょうど半分やりたいことをやったということだ。私にしてはまあまあの結果だと思う。満足。 やりたいことリストにあるもののうち、「〜を食べたい」系は概ねクリアし…
Webアプリケーションのテストは面倒くさい。HTTPでゲットするだけであれば良いが、ポストしたり、JavaScriptでレンダリングしてあったりと、動作も複雑だ。それらを全て網羅的にテストするのはなかなか難しい。 自動操作中 そこでテストにブラウザを使ってみよう。自動操作することで、テストの効率化をはかれる。 今回紹介するオープンソース・ソフトウェアはFirewatir、Firefoxを自動操作するソフトウェアだ。 FirewatirはIEをRubyを使って自動操作するソフトウェア、WatirのFirefox板とでも言うべきソフトウェアだ。実際、読み込むファイル等は違えども全体的な操作はWatirと同じスクリプトで動作する。 操作中のターミナル 実際の使い方はFirewatirの提供するXPIをFirefoxにインストールし、JSSHを起動する。そしてGemを使ってFirewatirをイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く