読者です 読者をやめる 読者になる 読者になる

Hope is a Dream. Dream is a Hope.

非公開ふぃふぃ工房ブログ

WEB

HTML5でiPhoneのカメラを起動する

HTML5でiPhoneのカメラを起動してみる 参考: iphoneのブラウザからカメラを起動させる。WEBアプリに。 : code14 写真を取ったり、アルバムにアクセスする場合は以下 // カメラにアクセスする <input type="file" accept="image/*"> 取った写真や、既存の写真を送信するには以下 <form action="送信先パス" method="post" enctype="multipart/form-data"> formタグからmult</form>…

JavaScriptでデバイスの傾斜を計算する方法

調べてみた iPhoneの加速度センサを使って本体の角度(Rad)を計算する。 window.addEventListener("devicemotion", function(evt){ var xg = evt.accelerationIncludingGravity.x; // 横方向の傾斜 var yg = evt.accelerationIncludingGravity.y; // 縦方向…

UNNO AYUMI

WEB

先日、周辺で行われるイベントを調べていると たまたま、この人のライブ告知を見つけた。 UNNO AYUMI 最近、外で音を聴いてないので、詳細をしらべてみた。 ||| AYUMI UNNO Official Website ||| ホームページで驚いた。別人!? 最近発表された新曲「REDZON…

javascriptで加速度センサを使うための座標変換

deviceMotion デバイスの加速度値を使っていろいろしようとすると、まずは デバイス座標から、世界座標へ変換したい!ってなる。 しかし、 web上でまったく記事が見つけきれないので 自分でやる。 くそーやってやる!!!泣 参考 [3次元図形変換の行列表現に…

オーディオの全波形をだしたいかたへ

オーディオの全波形をだしたいかたへ オーディオ描画の波形データ とりあえずメモ

Web Audio API お勉強 その2

g200kgさんのサイトにオーディオ波形を表示するサンプルコードがありましたので、お勉強させていただきます。 Web Audio API 解説 - 12.アナライザーの使い方 | g200kg Music & Software 初期値 グラフ描画を周波数領域or時間領域のどちらですかのフラグ(mod…

Web Audio API お勉強 その0

g200kgさんのサイトにオーディオ波形を表示するサンプルコードがありましたので、お勉強させていただきます。 Web Audio API 解説 - 12.アナライザーの使い方 | g200kg Music & Software <html> <head></head> <body> <h1>Analyser</h1> <button onclick="Play()">Play</button><br/> <button onclick="Stop()">Stop</button><br/> <table> <tr><td>Frequency/TimeDomain…</td></tr></table></br/></br/></body></html>

Web Audio API お勉強 その1

g200kgさんのサイトにオーディオ波形を表示するサンプルコードがありましたので、お勉強させていただきます。 Web Audio API 解説 - 12.アナライザーの使い方 | g200kg Music & Software UI部分 操作画面 HTMLコード <html> <head></head> <body> <h1>Analyser</h1> <button onclick="Play()">Play</button><br/> <button onclick="Stop()">Stop</button><br/> <table> <tr><td>Fr…</td></tr></table></br/></br/></body></html>

iPhoneでWebAudioAPIが再生できない方のための..

参考 iOS6 の Web Audio API を使う - 音の鳴るブログ ちゃんと確認していないですが、画面読み込み後等に自動でスタートするのはダメっぽい。 ボタンとか画面をタッチしてから音を鳴らすとかしたほうが良さそうです。 Web Audio API 解説 - 01.前説 | g200k…

ブラウザでシーケンス図を書いたことないひとのための

WEB

websequencediagrams.com これだけのコードでかける。 Alice->Bob: Authentication Request alt successful case Bob->Alice: Authentication Accepted else some kind of failure Bob->Alice: Authentication Failure opt loop 1000 times Alice->Bob: DNS …

Sublime Text 3 ユーザ設定

Sublime Text3 のユーザ設定状況 { "default_line_ending": "unix", "font_face": "Meiryo UI", "font_size": 8, "ignored_packages": [ "Vintage", "SideBarEnhancements" ], "word_wrap": "true", "show_encoding": true, "show_line_endings": true, "tab…

# PythonでWebプログラミン!!

PythonでWebプログラミン!! PythonでWebテンプレートエンジンをつくる!! ということになるらしい。 参考 とりあえず参考リンク みんなのPython -Webアプリ編- GoogleBooksの書籍プレビュー Python-izm Python入門から応用までの学習サイト みんなのPython We…

初心者のためのJavaScriptで音を鳴らすメモ

さて、 昨日からJavaScriptを使って音をならそうと調べております。 いろいろとサンプルを作ってみては適当に動かしているのですが。 いまだに 音が鳴りません。。 な~めて~た~。。 ので、 少し真剣にまとめていきます。 JavaScriptで音を鳴らす。 調査を…

一週間でWebアプリを作る

一週間でWebアプリ(っぽい)のプロトタイプでも作ってみよう ということで参考書を買ってみた。 作戦内容 加速度センサ オーディオ再生 加速度センサデータとオーディオデータの同期 加速度センサ調査 IPHONEの加速度センサーをJAVASCRIPTで取得してみたよ 参…

今週の日記

WEB

一段落。 ゆっくりベットで日記を書きながら寝るなんて久しぶり。 気持ちがゆったりしてるのが分かる。 最近は目が開かなくなって寝るばっかりでハードで楽しかったけど。 ゆっくり落ち着いてるのも嫌いじゃない。 明日からやることをまた考えてる。 4月は以…

Graphツール

Webブラウザの利用状況を経時的に円グラフにするとGoogleChromeのアイコンみたい…いや、 - 適宜覚書はてな異本 # D3.js - Data-Driven Documents macbook LionにOctaveをインストール - Hope is a Dream. Dream is a Hope. macbook LionにOctaveをインストー…

fififactory.com開発環境構築

git管理の仕方を変更する。 BitbacketにBareリポジトリを作ってそこで親ソースを管理。 Push後自動的にFTPで公開リポジトリへ反映させる。 リポジトリ Bareリポジトリ(BitBacket) 公開用リポジトリ(fififacotry.com) ローカル(SourceTree) HSano.jp » heteml…

TwilioAPI勉強会

WEB

今日はやっとTwilio勉強会に行ってきた。なんかWebAPIって言葉自体あんまりわかんなくて。そんな状態なのでとりあえず行って見た。講師のソンさん。めっちゃカッコ良い人。素晴らしい!って褒めてくれる。笑感想行ってよかったー!プログラムが喋るってなん…

HikaruWeb課題

WEB

やっと頼まれていたweb作成が終わったー。 確か1月24日から始めたから、ちょうど1か月。 やっぱり作業記録を可視化してないとだめだ。 この文章かくまで、1か月って知らなかった。 ガントチャート見たいのにすればいいのかなー。 イメージとしては、 画像…

webカメラ

WEB

ほしい。自分監視用。自分のPC作業を写真で残したいなぁ。

hikaruWebのwordpressblog制作記録

# WordPressのHTML構造とCSSを、親サイト(hikaruWeb) の構造に反映 20140221 ## hikaruWebのbase.cssを直接WordPressで読み込む。 header.phpに以下のリンクを追加。 <link rel="stylesheet" type="text/css" href="http://hikaru-sakihama.fififactory.com/www/common/css/base.css" media="all"> WordPressのほうでcssがどのように呼び出されてるか分からないので、今回は直接呼びに行</link>…

hikiru-sakihama.fififactory.comにBlogページの追加

_RADME 20140221 概要 外部リンクとしてwordpressを利用する。 WordPress内にはBlogページのみ作成。 その他のページはダミー。 ナビゲーションバーからfififactory.comにリンクを飛ばすだけにする。 git管理下にフォルダの追加 20140221 hikaru-sakihama-we…

努力の仕組み。の工夫。

WEB

「具体的な目標」を忘れてみよう。そして、代わりにこう考えよう! - ICHIROYAのブログ 「毎日、ちょっとづつ積み上げていくような努力の仕方、仕組みを工夫して、それを間違いなく続けていくことで、達成感を得るようにすれば、長い間続けることができて、…

近況

WEB

最近はWebページを作ってる。なにせ初めてなので勉強しながらなのだが、なかなか楽しい。ただ、目の前の問題ばっかり解いてると。結局何が作りたかったのか、よく分からなくなる。作りたいのはふぃふぃWeb工房。通称FiFiLab。ふぁふぃラボ。人が未来をみるサ…

hikaru-sakihama.comの作業記録

hikaru-sakihama.com アーティスト崎浜光 のWebページを作る。 'URL' : http://hikaru-sakihama.fififactory.com 'Version' : 2.1 作業記録 20140215 Blogページの追加 Blogページを追加するために、ナビゲーションバーのBlogリンクから、WordPressへリンク…

100回言う前に、1個創れ。

WEB

100回言う前に、1個創れ。創ったモノの説明以外はしゃべらない。バカにされても構わない。愚かにかつハングリーに生きろ。そして全部自分一人で創る。人に頼んだら、おまえは一生創れない。それだから、100回言っても、なにも創れない。100回言う前に、1個創…

はじめてのmonaca..

WEB

<p>ハイブリッドアプリを作りたくて、monacaの勉強をすることにした。</p> <p>とりあえず、サンプルコードが10個ほどあったので、まず一つ目をやってみた 。</p> <p> </p> <h4>Tips</h4> <p>コードは短いが写しをすると動かない。。</p> <p> </p> <p>症状</p> <p>背景全体が上方向にずれている。</p> <p>始めのおみくじBox</p>…

初めてのmonaca

WEB

<p>ハイブリッドアプリを作りたくて、monacaの勉強をすることにした。</p> <p>とりあえず、サンプルコードが10個ほどあったので、まず一つ目をやってみた 。</p> <p> </p> <h4>Tips</h4> <p>コードは短いが写しをすると動かない。。</p> <p> </p> <p>症状</p> <p>背景全体が上方向にずれている。</p> <p>始めのおみくじBox</p>…

中島 聡

WEB

中島 聡 webのインタビュー記事にて、中島聡という人に出会った。 「気分がノッてる時、つまりやることがはっきりしている時は、朝4時くらいに起きてコードを書きますね。メールもチェックせずに。それで、気付いたら7時くらい。奥さんが起きてくる前にプロ…

CSS Layoutのお勉強

WEB

先週、画家の友達である崎浜光のWEBページを作った。 これを機会にと初のWEB作成。 HTML+CSSを直接書いてなんとかできた。 が レイアウトがおかしい。。 iPhoneに対応していない。。 させ方が全然わからない。。 前回参考書を一通り通したんだけど ここだけ…

web土日

WEB

おはようございます。今週はキレイに始めきれました。土日は知り合いの画家をインターネット空間上げると、大それた事を言ってしまいHTMLを書いてました去年の夏からWeb系の参考書を買って準備していたのがやっと生きてきました。我が工房初のWeb制作弟のア…

LightBoxの試用

WEB

Lightbox 2 Lightbox 2 Gallery用の画像サムネイルを作る必要があったので、 適当に調べてLightbox2とやらに行き着いた。 Webページを作り始めて二日目。 とうとうスクリプトまで来てしまった。 ので備忘録。 ■ jqueryとlightboxのjsファイルを読む。 <script src="js/jquery-1.10.2.min.js"></script> <script src="js/lightbox-2.6.min.js"></script> ■ li…

レンタルサーバ その2

参考 無料レンタルサーバーを広告なしで使いたい!PHP MySQLも有り - アドバイザー - レンタルサーバー比較.価格!あなたの情報屋さん 未来サーバー 未来サーバー 無料PHPレンタルサーバー 広告表示独自ドメイン容量PHPMySQLCGI.htaccessSSIASP.NET 無し 可…

レンタルサーバ

さて 昨夜からWebページを作っておりました。 初のHTML+CSSということで、なかなか楽しんでおります。 とりあえず、たたき台は完成したところ。 さて公開したい!<-いまここ 。。。 どうやって公開すればいいの? レンタルサーバ? なんだそれ レンタルサー…

EC2関連

WEB

*自作SNS [#kc2cf2e4]*自作EC2 [#w21fede4]**独自SNSが作れる「Revolver」にネット通販機能が追加、無料EC「BASE」と提携で [#vf841d11]***記事 [#y0743a03]http://jp.techcrunch.com/2014/01/23/revolver-base/レディーガガが使ってる「LittleMonsters.com…

将棋

WEB

http://ameblo.jp/sasakiuriage/ “ 先日、お笑い芸人のカンニング竹山さんが、TV番組の悩み相談コーナーで、 「段取りの悪い奴が許せない」と。 彼の奥さんの行動でも、たとえば掃除などを見ていて「何で1手2手先しか考えていないんだ。もっと3手4手先を…

よんれんきゅうのはじまり

WEB

今日は仕事を休んで 家で作業 年末にかけて、工房の仕事がついにしわ寄せがきた シルバーリング制作 飛行艇制作 音響シミュレーションWebアプリ この三つが、今週の山場である。 幸い金・土・日・月 の4日間猶予があるわけだが。 眠らないように 気を持たな…

社会適合

WEB

去年の夏生活環境の変化と、人間関係のねじれがあり自分を模索していた社会から少し距離をおいてもう一人の自分と話し続けたはや一年社会不適合な思想を手に入れた。人の行動、煩悩、社会、世間、生きる理由、生きる目的、宗教の存在、宇宙と原子とヒト、そ…