nkimraの日記

技術的なメモのブログ。

2015-07-01から1ヶ月間の記事一覧

Spring BootでjQueryとBootstrapを使う

環境 MacOS 10.10.3 Yosemite IntelliJ IDEA 14 Spring Boot 1.3 Gradle 2.3SpringbootでjQuery等のフレームワークを使う場合、Webjarsを使うと楽らしい。 使い方は簡単でまずGradleにjQueryとBootstrapを追加する。 compile("org.webjars:jquery:2.1.4") co…

Fabric.jsでWebフォントが反映されない問題の対応

前回にCanvasにテキストを掲載した際にWebフォントが反映されない問題の対応策。 原因としてはWebフォントが読み込まれる前にCanvasを表示してしまうのが問題だった模様。回避策1 WebFont Loaderを使う <html lang="ja"> <head> <mata charset="utf-8"/> <title>fabric test</title> </head> <body> <canvas id="canvas" width="300" height="300" style="border:1px solid;"></canvas> <…</body></html>

Fabric.jsで遊んでみた

前回ドラッグ&ドロップを調べた際にFabric.jsというCanvas用のライブラリの存在を知ったので、今回試しに使ってみた。入手先 GitHubのdist/fabric.min.jsをダウンロードする。丸い円を描いてみる。 <html lang="ja"> <head> <mata charset="utf-8"/> <title>fabric test</title> </head> <body> <canvas id="canvas" width="300" height="300" style="border:1px solid;"></canvas> …</body></html>

CoffeeScriptのインストールとサンプル

HTML5とJavaScriptを使って、画像をドラッグ&ドロップでCanvasに表示させるという処理をCoffeeScriptでやってみた。環境 MacOS Yosemite Safari 8.0.7 CoffeeScript 1.9.3 jQuery2.1.4作成する画面は次のような感じ。 ページ上部のリンゴかミカンの画像をド…

CodeIgniter3でブログサンプルを作成No.3

前々回、前回前回は登録処理を作ったのでCRUDの残りを作成する。 コントローラ、ビューは大体同じなので省略。ブログ記事の一覧用に全件取得するget_allメソッドを作成する。 db->get('blog'); return $query->result_array(); } getメソッドの第1引数はテー…

Codeigniter3でブログサンプルを作成No.2

前回の続き。データの登録処理を実装する。まずモデルを作成。 application/models/Blog_model.php load->database(); } public function insert() { $data = array( 'title' => $this->input->post('title'), 'description' => $this->input->post('descrip…

Codeigniter3でブログサンプルを作成No.1

CodeIgniter3でブログアプリを作ってみる。 まずはMigration機能でテーブルを作成する。 (database.phpの設定は省略) 開発環境 MacOS X Yosemite MAMP 3.3 CodeIgniter3.0 作成するテーブル(blog) Name Type Null Default Extra id int(5) No None AUTO_…

Homebrewのインストール

Mac

Homebrewでインストールするもの #Homebrew自体のインストール ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" #wget brew install wget #brew-cask brew install brew-cask #git brew install git #eclipse b…