最近のJavaScript開発まとめ
こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ
決定版?! スマホページ用のリストレイアウトHTMLテンプレートを書いてみた
こんにちは、鴨田です。 年の瀬ですね。 年をとる毎に一年があっという間に過ぎてしまうので、 もう今年も終わりかと嘆く日々です。 ということで、個人的には今年最後のブログとなります。 スマホサイトを作っていると、 見出しリストの作り方というのが、大分テンプレート化するので、 今日は自分メモも兼ねて、リストテンプレートを作りたいと思います。 ● デザイン こういう感じのいかにもなリストを作ります。 ポイントは特にありませんが、せっかくなので画像はどんなサイズが来ても対応できるように、 縦横中央揃えに出来るjQueryライブラリを使います。 画面サイズは、横320pxとします。 そろそろ640pxくらいにしておきたい気がするのですが、 広告が320px対応が多かったりしますので。 ● HTML <article> <h1><a href="#list">リストタイトル</a></h1> <ul>
【CSS】ハイブリッドアプリを作成するときにいつも書くようにしているCSSプロパティいくつか！
こんにちは、相変わらずドラクエ10三昧の橋本です。 最近はライノス道場に通っています。 さて、今日はハイブリッドアプリのCSSを書く際に毎回指定するようにしているプロパティを備忘録がてらいくつか書いていこうと思います（いつも忘れるので）。 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) iPhoneやAndroidでリンクなどの要素をタップしたときに、iPhoneでは薄いグレー、Androidでは緑やオレンジの枠がデフォルトで表示されます。 -webkit-tap-highlight-colorというプロパティに色を指定することで、この枠の色を変えることができます。 ハイブリッドアプリを作成する際には、この枠が出ると如何にもWebっぽくなってしまうため、透明色を-webkit-tap-hightlight-colorに指定して、枠が表示されないよ
MonacaでQRコードリーダを作ってみた – BarcodeScannerプラグイン編
こんにちは、浦本です。 Monacaチームではユーザ様のご要望に応じて日々、機能追加を行っています。 先週のデバッガ＆フレームワークの新バージョンリリースでは、 PhoneGapのプラグインであるBarcodeScannerプラグインも搭載しました。 そこで今回は、このプラグインを用いて前回の記事で作成したQRコードリーダアプリと同様のアプリを作成してみたいと思います。 IDEを開いた様子 今回作成するアプリのスクリーンショット アプリ作成手順 Monacaにログイン後、ダッシュボードから新規プロジェクトを作成してください。その際、テンプレートとして「最小限のプロジェクト」を選択してください。 こちらからzepto.min.jsを入手し、それを「www/js」フォルダに配置してください。 以下のHTML、JS、CSSファイルを記述すればアプリ完成です！ 【www/index.html】 メ
Monaca + enchant.js でお手軽スマフォゲームアプリ開発
2012/12/25 Monacaのアップデートに対応するためにソースコードを一部編集しました。 ------------------------------------------------------------------------------ こんにちは。松田です。 今日は弊社で開発しているスマートフォン用アプリ開発環境のMonacaと、JavaScriptベースのゲームエンジンenchant.jsを組み合わせて、スマートフォン用ゲームアプリの開発をしてみたいと思います。 Monacaの公式サイトはここ。 http://monaca.mobi/ enchant.jsの公式サイトはこちらです。 http://enchantjs.com/ja/ MonacaはHTML5ベースのコードからAndroidアプリとiOSアプリを同時に生成できるツールです。 HTML5ベースで実装されてい
jQuery用プラグイン「Autocomplete」を使って入力補完機能を実装してみる
こんにちは、中川です。 アシアルブログの検索でも利用している、suggest(入力補完)機能、便利ですよね。 以前「jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる」という記事で松田がライブラリ紹介しています。 しかし、「jquery.suggest」ですが、表示が味気なかったり、カスタマイズ面で、若干モノ足りない部分が出てきました。。。 で、補完機能を実装する為のJavaScriptですが、いろいろ探せば結構たくさんでてきまして、その中でも使いやすく、機能も豊富でカスタマイズもしやすいjQueryプラグインの「Autocomplete」というものを見つけましたので紹介したいと思います。 ■ダウンロード先 http://plugins.jquery.com/project/autocompletex ■デモ ※適当にアルファベットを2文字くらい入力
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPでのCSV出力について