開発環境 レスポンシブデザインの確認に使えるツール的なサイト その２
以前紹介したResponsivatorが、なぜか使えなくなってしまった。一時的なものかもしれないけど、ちょっと困っていたので、別の似たようなサイトを探していたところなかなか使い勝手のいいものが見つかったので紹介。ScreenflyUIもシン...
開発環境 Djember .htaccessによるオプションの書き換えで500 Internal Server Error
ちょっとハマったので備忘録。今回作成したサイトでディレクトリ表示が可能になってたので、セキュリティ上、対策しておこうと思い.htaccessをいじっていた時の事。.htaccessでディレクトリの表示を設定するには、以下の記述を設定する。&...
Bootstrap Bootstrapのdropdown-menuをドロップダウンリスト風に使ってみる
横道ついでに、前回に引き続きBootstrapネタ。BootstrapはかっちょいいUIが色々そろっているけど、ドロップダウンリストはイマイチな感じがする。こんなのそこで、標準で用意されているボタンとドロップダウンメニューを利用して、Boo...
Bootstrap BootstrapのGlyphiconがすごく便利で感動した
ちょっと横道。サイトを作るうえで、ちょっとしたアクセントとしてアイコン画像を入れようと思ったら、Bootstrap（3.0.0以降）に標準で用意されていた。しかも、使い方が簡単でかなり感動したと言う話。こう言うボタンがあったとする。<but...
Djember Djember クラス設計その２
前回の続き。抽象クラスの実装について。basebeanクラスコンストラクタでDB接続やその他の設定を行う。basebeanfactoryクラスselect文の生成に必要なWhere句、OrderBy句のsetter、getterを実装してい...
Djember Djember クラス設計
前回の続き一応、クラス設計について。Djemberは以下の１０のクラスで構成されている。クラスタイプ概要basebean抽象クラスDBの1行を格納するクラスの基底クラス。コンストラクタでDB接続を行う。DBの更新、削除処理を包括している。u...
Djember Djember DB設計
前回の続きDjemberは以下の５つのテーブルで構成されている。users-ユーザー情報scores-スコア情報tags-タグ情報user_tags-ユーザータグ情報score_tags-スコアタグ情報当初はユーザー情報とスコア情報の２つの...
Djember Djember 機能設計
Webアプリを作ってみたの続き。iPhoneでうまく再生できないという問題はあるものの、一応は完成。せっかくなんで、設計書代わりに備忘録。当初予定していた機能から少し変わっているので、もう一度整理。ログイン画面・ログイン機能。ただし、ログイ...
Djember iPhoneでAudio属性が思うように動かない
Webアプリを作ってみたの続き。今回作ろうとしたアプリは、太鼓の譜面の記録／管理／再生をすると言うもの。データの記録、管理自体はそんなに難しい事は無いんだけれど、譜面にあわせて音を再生しようと言うところが今回苦戦したところ。なんにせよ、Wi...
技術 レスポンス向上のため、PageSpeed Insightsを利用してみた
前回の続き。現在作っているWebアプリの問題として、レスポンスが悪かったようなので、どの辺があかんのか、PageSpeedInsightsを使って調べてみた。けど、Bootstrapのsampleをベースに作っていたので、そんなにたくさんの...