Hiromuブログ

最近はこちら(https://zenn.dev/hiromu)が本体

Programming

Labsページを公開!

いろいろ作ったものを公開する実験的なLabsページを作成しました。 とりあえず、最近つくった3Dプリンターとギターのページがお勧め! まだ今は暫定的な感じですが、今後も作ったものはどんどんこちらで公開していきたいと思います。

ギターのコード・スケール表示プログラム

ギターのまとめサイト完成しました。 こちらで公開しています。 作曲とかでギターのフレーズを考える場合に使えるのではないかと思います。 ギターに興味のある方はぜひご覧ください。 背景にうっすら写っているのはマイギターです(^^)

ギターのまとめサイト作成中

この前作った3つのサイト(以下)ですが一度に全部表示できたほうが便利なので、がっちゃんこしたひとつのサイトを作成中。 HTML5のCanvasを利用してギターのスケールを表示 ギターの指板上の音名表示プログラム ギターのコード(和音)表示プログラム 豪快…

CSSを覚えたのでテンプレみたいなものを作ってみた

せっかくCSSを覚えたので忘れないうちに自分なりのテンプレを作ってみました。 こちらで公開していますので気になる方はご覧ください。 こんな感じのWebサイトです。少しフラットデザインっぽいかもw せっかくなのでソースも貼り付けておきます。 HTMLファ…

CSSのメモ

このページを結構苦労しながら手探りで作っていましたが、 やはり効率が悪すぎるので今更ながらまじめにCSSを覚えました。 今回はこの本をけっこうじっくりと読みました。実践的なサイト作りについて丁寧に解説されており大変参考になりました。 HTML&CSS標…

3DプリントのWebサイトを作ってみた

久しぶりに静的なWebサイトを作りました。こんなにまじめに作ったのは初めてかも。 3Dプリントしてみよう! CSSにあまりなれていないのでレイアウトがかなり大変でした。あとWordPressだとプラグインですぐできるソーシャル系のボタンの追加を自前でしたりと…

ギターのコード(和音)表示プログラム(HTML5 Canvas)

スケールを表示するプログラムを少し改造して作りました。 以下は、Cメジャーコードのポジション例です。 プログラムは以下に置いています。 http://hi-rom.com/labs/guitar/chord/chord.html 好きなルート音を選んであとは、それに重ねる音(3rdや5thなど)…

ギターの指板上の音名表示プログラム(HTML5 Canvas)

HTML5のCanvasを使って昨日作成したこれを少し改造して作りました。 ■ギターの指板上の音名 http://hi-rom.com/labs/guitar/notes/notes.html ちょっと見にくいけど1フレット内にフォントを収めようとするとこのサイズになってしまいました。 あとは、コー…

HTML5のCanvasを利用してギターのスケールを表示(完成)

こちらで少し書いたギターのスケールポジションを表示するやつ完成しました。 イメージ図。 実際使えるやつは以下に置いています。(少しWebのディレクトリを整理しなければ。。) http://hi-rom.com/labs/guitar/scale_disp/scale.html 今回は一応HTML5縛り…

HTML5のCanvasを利用してギターのスケールを表示

ギターのスケールポジションをキーに合わせてさっと表示してくれるものがあると、作曲したりフレーズを考えたりする場合に便利かなと思い、半分思い付きでつくることにしました。 まずはイメージをさっとメモ。 概要は キーとスケールを選択するとそのスケー…

MAMPでCakePHPのテスト環境構築

こちらのエントリーの続きのような感じですが、今回はMAMPでCakePHPのテスト環境構築してみました。 前回同様MAMPの場合以下の本の通りにはすすめられなかったのでその対応メモです。 オープンソース徹底活用 CakePHP 2.1によるWebアプリケーション開発掌田 …

MAMPでCakePHPのbakeを試す

Webサービスとかさくっと作れるようになりたい! そんな思いからCakePHPに手をだしてみました。 この本で勉強中(いちおう2.x系のほうがよさそうかなと)。 オープンソース徹底活用 CakePHP 2.1によるWebアプリケーション開発掌田 津耶乃 Amazonのレビューで…

Emacsの設定ファイルinit.elを公開してみる

Emacsを触りだしたら設定ファイルがかなりの量になってきたのでメモがてらアップ。 ファイル名:~/.emacs.d/init.el 見た目についてはこちらのサイトに掲載されていたものが気に入ったのでほぼそのままです。 あとは「Emacs実践入門」の本の内容をかなり盛…

emacsにphp-modeをインストールする方法

phpMyAdminを触ってみたりもしたので、(ぜんぜん関係ないけど)せっかくなのでemacsでphpを使えるようにphp-modeのインストールと設定をしました。使っているemacsはMacのバージョン24.2です。 以下設定ファイルの内容です。 ;; php-modeの設定 ;; ;; イン…

MAMP MySQLのパスワード変更方法

こちらの記事でずっと棚上げにしていたMAMPのMySQLのパスワードの変更の仕方です。 phpMyAdminですぐできるかなと思ったら結構はまりました。 まずこちらを参照することをお勧めします! (というかこのサイトの内容で目的を達成できます) 私の場合はよく…

Macbook Air にMAMPをインストール

Macbook AirにMAMPをインストールしてみました。 MAMPとはWebサーバー(Apache)、データーベース(MySQL)、PHPをパッケージしたものです。MAMPをインストールするとMacbook AirのみでWebアプリケーションの開発を行うことができます。 ダウンロード 以下からダ…

iOS 4.3 beta 3

iOS 4.3 beta 3がリリースされましたね。 Apple releases iOS 4.3 beta 3 for developers http://www.macworld.com/article/157586/2011/02/ios_4_3.html?lsrc=rss_main

初iPhoneアプリ開発 その2

先日の記事に書いたアプリが無事1/21にリリースされました。 初めてなので審査通らないんじゃないかと思ってましたが、 いきなり通りました!! アプリの内容は・・・ シンプルなカウントダウンタイマーです。 Easy-Timer : http://itunes.apple.com/jp/app/…

初iPhoneアプリ開発

昨日(1/15)に初めてアプリの申請をしました。 承認されるかどうか・・・ まずは試しということで簡単なアプリだけど作るのに1週間ほどかかりました。 ざっくりと、 ・メインのプログラム:2日ぐらい ・デザイン+ちょっとしたサウンド:1日ぐらい ・AdMob…