Hope is a Dream. Dream is a Hope. (旧)

非公開ふぃふぃ工房ブログは閉鎖しました。新ブログに移行します。

WEB

Arduinoでレーザープリンター - LEDチカチカ大作戦

WEB

こんにちわ。 ふぃふぃです。 そうです。またArduinoです。 こいつ。 小さくて可愛く見えてきました。 LEDチカチカ!! LEDチカチカはマイコンなんかの教科書の最初にまずある定番のテストコードです。 ここにきてArduinoの動かし方について まず[PC]でプログ…

新世界のWebページを作りました

こんにちは。ふぃふぃです。(「世界」という名の中山貴踏さんの祖母のトンカツ屋さん)最近、画家、タップダンサー、ブレイクダンサーと僕で会う機会がありました。それはタップダンサーの中山貴踏さんの秘密基地に絵を書いて欲しいとのことで、3人で福島に遊…

XAMPPのインストールについて

さて ローカル環境でもWebプログラムをテストしたくなってきました。 これまでは、レンタルサーバにFTPでアップしながら確認していたのですが、ローカルのマシンにHTTPサーバを立ち上げてみたいと思います。 XAMPPのインストール XAMPPのインストール - phps…

Microsoft office を無料で利用する方法

WEB

よく検索方法が分からなくなるのでメモ。 Microsoft Office Online - Word, Excel, and PowerPoint on the web ブラウザ内であれば無料でofficeが使えるって知ってましたか? ぼくは最近しって重宝してます。 これでOS再インストール後の、ソフト入れなおし…

魅力的なアニメーションをつくるための12の原則

WEB

魅力的なアニメーションをつくるための12の原則(動画あり) « WIRED.jp ディズニー映画の全盛期を築いた伝説的なアニメ作家がまとめ、「アニメーションのバイブル」とされてきた12の基本原則を、シンプルな動画で紹介 The illusion of life from cento lodi…

htaccess ファイル一覧表示設定

.htaccess かんたん作成【HTML CSS JavaScript PHP CGI Perl Ruby Python .htaccess】 ファイル一覧表示設定(Options -Indexes) Options -Indexes ディレクトリのファイル一覧表示の設定です。 インデックスファイルがないディレクトリにアクセスした際、 …

カラーパレット関連のメモ

さてさて。 CSSを使っていると必ず出くわす。色。 僕は色が苦手。 絵を描くときもいつも白黒だけ。。 さてこれを気に勉強しよう。 と言うことで、カラーパレット関連を調べてみた。 HTML5 × CSS3 × jQueryを真面目に勉強 – #18.1 画像ファイルからカラーパレ…

いまさらながらEmmetを使ってみる。

最近HTML+CSSをよく書くので、そろそろタグやらクラスやらを書くのが面倒になってきた。 反抗期。ふぃふぃです。。 下記サイトを参考にしました。 ありがとうございます。 Emmetを始めるのに、とりあえずこれだけ覚えておけば大丈夫 | WEB EGG sublime Text3…

JqueryからPHPへJSONを渡すには

はい。 ふぃふぃです。 最近javascriptで配列型のデータを扱う機会が増えてきました。 これまでは、特にデータを保管する必要もなかったのですが、 過去データとの比較などをやりたくなってきたので、 サーバにcsv形式で保存する方法を調べておりました。 過…

javascriptで取得したセンサ値をサーバに保存する。

javascriptで作成した配列の値を(.csv)などのファイルとしてサーバへ保存することは可能でしょうか? 具体的に書きますと、WebAPIを使ってiPhoneなどのデバイスから加速度値を取得するjavascriptコードを書きましたが、これをサーバにどうやって保存すればよ…

いきおいでPHPを勉強する。その13

Webサイトの内容を表示する <html> <head> <title>Webサイトの内容を表示する</title> </head> <body> <p>Webサイトの内容を表示する</p> <style> #frm1{ background-color: #f0f0f0; margin-bottom: 40px; } </style> <div id="frm1"> </div></body></html>

PEARをレンタルサーバーにインストール

さてさて やっとHTMLテンプレートまできたぞー 使おうと思ったら、レンタルサーバにPEARとやらがインストールされていなかったのでメモ。 お名前.com レンタルサーバー(SD)にPEARをインストールする お名前.com レンタルサーバー(SD)にPEARをインストー…

いきおいでPHPを勉強する。その9

ファイルの情報を取得する <html> <head> <title>最終アクセス時刻を表示する</title> </head> <body> 最終アクセス時刻:".date("Y/m/d H:i:s", fileatime($fname)); // 最終更新時刻を表示する echo "<p>最終更新時刻:".date("Y/m/d H:i:s", filemtime($fname)); // ファイルの許可属性を表示する ech</p></body></html>…

おひさしぶりの日記

WEB

おひさしぶりです。 ふぃふぃです。 GW中はひたすらWebを作っていたりしていました。 GWまでに完成させて、公開しよう! という意気込みで、ブログを謹んでいたのですが。。 完成しませんでした。 ふぃー 頭で思い描いている面白いことを 形になったときにも…

facebookのカバー写真のサイズ表

WEB

新Facebookページ 使い方・移行方法 -カバー写真、画像サイズ編 サイズ表 イベント、グループのカバーサイズ あると便利!Facebookページのカバー画像サイズなど早見ページレイアウト、PDFでダウンロードできるようにしました。 | Webサイトを成功に導くビジ…

Bootstrapめっちゃ便利!(だと言いたい)

初めてのBootstrap 以前夏目某さんからもbootstrapのおススメを頂いていたのもあり、今回はBootstrapを使ってWebページを創ります。 夏目某 (id:natsumenanigashi) ベタですがTwitterのbootstrapが一番使いやすいかと。 まずはチュートリアルを調べる HTML5…

素人がレスポンシブウェブデザインを使ってみる

はい。 ふぃふぃです。 最近は動作部分の中身ばっかりを創っていて、おそらく観ている人は文脈の分からない記事ばっかりだったんじゃないかなと思います。 やっと、動作部分の雰囲気がつくれてきたので、 今日は外側の部分インターフェイスの部分を作ってみ…

googleMapsAPIにて、ユーザ操作を無効にしたい。

googleMapsAPIにて、ユーザ操作を無効にしたい。 どうゆうこっちゃ。 つまり ズームやら移動やらを無効にして、常に地図を固定しておきたいのだけど。。。 やりかたがわから 人力検索に聞いてみた google map api を使って、webサイト内に地図を配置しようと…

HTMLをつかってiphoneのカメラを起動し、撮影した画像をサーバに保存したいなら。

HTMLをつかってiphoneのカメラを起動し、撮影した画像をサーバに保存したいなら。 人力検索へ助けを求めた HTMLをつかってiphoneのカメラを起動し、撮影した画像をサーバに保存したいと考えています。 http://blog.livedoor.jp/tacshock-code14/archives/621…

いきおいでPHPを勉強する。 その1

いまさらながらPHPのお勉強 文字列を表示する echo()とprint()はどちらでもよい。 変数の値は $number です"; echo '<p>変数名は $number です'; ?> 初心者ミス。 文字コードが正しくないので、二つ目のechoが表示されない。 $n=0; echo $n."回目のふぃふぃです<br></p>…

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 …