[B! web] aikeのブックマーク

Fenix Web Server·外部アクセスも可能な静的Webサーバを素早く立てる MOONGIFT

開発時のWebサーバはどうしていますか。Mac OSXの場合、標準でApacheが入っていますが、一つしかないのでドキュメントルートを変更したいとなると設定を変えるかポートやドメインを変える必要があって多少面倒です。 Pythonが使えるならSimpleHTTPServerが簡単かなと思うのですが、GUIのがいろいろ手軽です。ということで各プラットフォームで使えるFenix Web Serverを紹介します。 Fenix Web Serverの使い方こちらがメイン画面です。まだ設定はありません。新しいサーバを作ります。設定名、ディレクトリパス、ポート番号を指定します。例えばこんな感じです。設定を追加しました。緑になると起動完了です。こちらはアクセスした結果を画像にしたものです。サムネイル表示に使われます。面白いのは外部からのアクセスも有効にできることです。ログも確認できます

aike 2014/06/26

リンク

Awesomium 1.7.1 を利用して Unity 上で Web ページをテクスチャとして表示してみた - 凹みTips

はじめに以前、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 を払えば月

aike 2014/05/26

unity
web

リンク

Webアプリをいまどきの手法で爆速開発した — KaoriYa

外道はるかぜちゃんジェネレータというWebアプリをいまどきな手法を用いて爆速で開発した話を紹介します。先の3連休中、外道はるかぜちゃんジェネレータというWebアプリを開発&公開しました。ここで採用した開発手法がいまどきな爆速開発でしたのでちょっと紹介&ステマします。使った技術は以下の通りです。 AngularJS: Googleが開発しているViewModelなWeb開発ライブラリ(MVW: Model View Whateverだったかな?w) Github pages: スタティックサイトのホスティングに最適 Kii Cloud: mBaaS (mobile backend as a service) で共有データの保存に利用 HTML5 Canvas: 画像生成に。サーバサイドではなにもしてない!サービス概要外道はるかぜちゃんジェネレータはベースとなる画像があり、そこに面白い

aike 2014/01/31

リンク

WebAudio.js

WebAudio.js An sound library for games on top of web audio api WebAudio.js is built on top of Web Audio API. It is dedicated to games Go Github »

aike 2012/12/01

web
audio

リンク

Yahoo! PipesライクにWebブラウザ上で音声ファイルにイフェクト「Audiograph」 - MOONGIFT

AudiographはWebブラウザ上で音声ファイルのイフェクトを行うソフトウェアです。 HTML5になって様々なAPIが追加されていますが、実際にどんなことができるかはまだ模索段階という方が多いようです。そこで一例としてAudiographを紹介します。音声ファイルをWebブラウザ上で加工できるソフトウェアです。最初の画面です。 Yahoo! Pipesライクにコンポーネントを接続していきます。例えばこんな感じにループさせることもできます。説明です。各種クラウドストレージまたはファイルアップロードを使って音声ファイルをアップロードします。 Playを押すと再生されます。この他マイクを使うこともできます。ポーズした時の表示です。コンポーネントとしては音声の左右バランスを変更したり、遅延させたりと言ったものがあります。他にもたくさんの編集機能があり、それらをパイプでつないで一つの

aike 2012/10/24

web
audio

リンク

DTMもブラウザ上で実現できる時代に進化する!? [DTM・デジタルレコーディング] All About

先日DTMステーションの記事にも書いたのですが、Twitter、Facebookで﹁Audio Sauna﹂という情報が流れてきて、何だろうと思ってそのページを開き、ちょっとショックを受けました。ご存知ない方は、まあ、だまされたと思って、下記のページを開いて、﹁Open Studio!﹂というボタンを押してみてください。 http://www.audiosauna.com/ FLASHが動く環境であれば、Windows/Macのブラウザに限らず、スマホでもOKのようですよ。さすがにスマホだと、CPUパワーの問題もあって反応が遅いそうですが、ちょっと驚くような現象を確認できるはずです。そう、ブラウザ内でソフトシンセが動いているんですよね。またPC環境の場合、画面のキーボードをマウスで弾くだけでなく、﹁A、S、D、F、G、…﹂とPCのキーボードを押すと、﹁ドレミファソ﹂と演奏できてしまうの

aike 2012/07/03

リンク

CSS3のWeb Fontを使ってみたよ。 | Ginpen.com

英語だけですが……、Google web fontsのリソースとGoogle Font APIを使うと、簡単にWeb Fontを使って、文字のまま装飾する事ができます。 Web Fontって？ CSS3で追加される機能で、サーバーに置いたフォントを使ったデザインを作れるようになるものです。今までもフォントを指定することはできましたが、利用者のマシンにそのフォントがインストールされていないと無意味でした。Web Fontは指定のフォントファイルをダウンロードさせる事になるので、誰が見ても同じフォントで表示されるようになります。ファイルのダウンロードが必要ってのがネックですね。日本語の場合は英語と違ってファイルサイズが膨大になりますから、使いどころは限られそうです……。 Web Fontの使い方手順はふたつです。 @font-faceでフォントのURLを指定する。 font-family

aike 2012/03/05

font
web

リンク

Web Audio APIについて（３）「音楽データを可視化する」 - ハードコイルド・ワンダーランド

最近、Device関連のHTML5APIが盛り上がっています。この記事はWeb Audio APIに関する記事の続きです。頑張ると、色々とスゴいコトもできてしまうWeb Audio API。最終的にHTML5 Advent Calendar向けにまとめますので、まとめて読みたい方は12/7までお待ちください。とりあえずデモ一番簡単な﹁音楽データを可視化する﹂デモです。 startボタンを押すとSVG girl themeが流れます流れている音楽のTimeDomainDataがcanvas上にリアルタイムで描画されます。これはなに？ RealTimeAnalyserNodeを使って収集した音楽データのTimeDomainDataをcanvas上に描画しています。 RealTimeAnalyserNodeはAudioContextから生成するオブジェクトですので、例によってA

aike 2012/02/29

web
audio

リンク

http://aqua-create.com/blog/web-design-elements-psd-uikit/

aike 2012/02/08

ui
web

リンク

Webサイト品質管理のチェック項目リスト | 人手に頼らないWebサイトの戦略的品質管理指南

aike 2010/04/23

web

リンク

よい評価と悪い評価、公平につけるべきか？ : ロケスタ社長日記

Webコミュニティとかを作っているロケットスタートという会社の代表取締役をやっています。いつもがんばっています。たいした話題じゃないので、校正もたいしてせずにダラダラかいてみます。 nanapiというサイトをやっているのですが、そこの一つの機能として、記事にたいして﹁いいね！︵良い評価︶﹂﹁きょとん︵悪い評価︶﹂というのがつけられるのですね。で、nanapiだと、いいねは誰でもできる、という形にしています。IPで連打は規制していますが、日を変えればできちゃいます。逆に﹁きょとん﹂はログインしないと出来ないようにしています。ネガティブな評価をしたいと思った時は、ある程度のステップをふめば可能、だけどログイン時のニックネームが出るくらいのリスクはとってね、という設計です。で、ネットに詳しい人とかからは﹁これは公平じゃないんじゃないか﹂と言われたりしていますが、公平ってなんですか

aike 2009/12/11

ui
web

リンク

Big Sky :: C++で軽量Webサーバ書いた。

書いたといっても結構前からあったのですが、いらん所を削ぎ落として軽量Webサーバとして仕立て上げました。軽量とは言えど、CGIを使って結構色々動きます。例えば、ソースアーカイブを解凍したらCGIがあって、apacheから見える場所にコピーして...とか面倒くさかったりしますよね。おれは今すぐWebサーバを起動したいんだ！そして今いるディレクトリのファイルをWebサーバからサーブしたいんだー！って事ないですか？blogソフトウェアをダウンロードして今すぐ試したいけど、apacheインストールされてなかった...とか悲しすぎます。今回紹介する"tinytinyhttpd"(tthttpd)はそんな、小さい様で大きな問題を解決出来るかもしれないソフトウェアです。 mattn's tinytinyhttpd at master - GitHub tiny tiny httpd http:

aike 2009/07/31

こういうの好き

web
tool

リンク

Excel VBAのマクロで，IEを自動操作しよう　（DOMセレクタ関数をVBAで自作） - 主に言語とシステム開発に関して

バッチ・マクロの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 これは，独

aike 2009/07/11

vba
web

リンク

はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓

JavaScriptの部分はというわけでid:amachangに任せましょう。というわけでそれ以外の部分でいったいどこが重いのか何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。ちなみに上記ソフトのダウンロードにはIBMアカウント︵無料︶が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果こんな感じのグラフが出てきます。では、詳細を見てみましょう。このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。内訳としては濃い

aike 2008/11/27

リンク

MENTA というウェブアプリケーションフレームワークをかいてみた - TokuLog 改めB日記

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

aike 2008/11/12

リンク

JavaScript実行が高速化する「Firefox 3.1」--ウェブ開発者のIE離れ加速か

﹁Firefox﹂は、現時点でも十分に高速である。ある調査テストでは、わずかに﹁Safari﹂よりも遅いとの結果が出たものの、ここで意味する﹁わずかに︵Safariより︶遅い﹂とは、﹁猛烈に速い﹂ことを意味してもいる。 Mozillaが革新的に開発を進める﹁TraceMonkey﹂によって、さらにFirefoxは速くなろうとしている。パフォーマンスの大幅な改善を考えてみてほしい。CNETのStephen Shanklandが、すでに詳細を伝えているため、ここで筆者が論ずるまでもないが、これはとりわけFirefoxにとって、ブラウザパフォーマンスの目ざましいブレークスルーとなることは確実だろう。Mozillaでエンジニアリング担当の暫定バイスプレジデントを務めるMike Shaver氏は、次のように語っている。 TraceMonkeyプロジェクトが目指すところは、まだ現時点では初期段階に過

aike 2008/08/26

ネットの影響で若者のIE離れかと思った

web

リンク

はてなブログ | 無料ブログを作成しよう

思いは言葉に。はてなブログは、あなたの思いや考えを残したり、さまざまな人が綴った多様な価値観に触れたりできる場所です。

aike 2008/06/22

biz
web

リンク

http://d.hatena.ne.jp/int128/20080516/1210954390

aike 2008/05/17

test
web

リンク

MOONGIFT: » ブラウザをターミナルから操作して自動テストを実現「Firewatir」:オープンソースを毎日紹介

Webアプリケーションのテストは面倒くさい。HTTPでゲットするだけであれば良いが、ポストしたり、JavaScriptでレンダリングしてあったりと、動作も複雑だ。それらを全て網羅的にテストするのはなかなか難しい。自動操作中そこでテストにブラウザを使ってみよう。自動操作することで、テストの効率化をはかれる。今回紹介するオープンソース・ソフトウェアはFirewatir、Firefoxを自動操作するソフトウェアだ。 FirewatirはIEをRubyを使って自動操作するソフトウェア、WatirのFirefox板とでも言うべきソフトウェアだ。実際、読み込むファイル等は違えども全体的な操作はWatirと同じスクリプトで動作する。操作中のターミナル実際の使い方はFirewatirの提供するXPIをFirefoxにインストールし、JSSHを起動する。そしてGemを使ってFirewatirをイン