RequireJS と Backbone.js を組み合わせてモデルとビューをモジュール化してみる - present
はじめに Backbone.js を使って UI を実装しているけど、モデルやビューが増えてきた。1ファイルに収めるには多いんで、ファイルを分割して実装し、最終的には結合したい。 そこで、RequireJS を使ってモデルやビューをモジュールにして、ファイルを分割しつつ開発できるようにしてみる。 RequireJS とは RequireJS は JavaScript のファイルやモジュールを非同期でロードできる JavaScript ライブラリ。 RequireJS 最適化機能もあり、公開時はモジュールをひとまとめにできる。 RequireJS と Backbone.js を組み合わせてみる 以前作った TODO アプリのサンプルで練習してみる。モデルとビューとテンプレートを1ファイルに記述していたので、それを別ファイルに分割する。 ディレクトリ構成 RequireJS の導入でディレクト
Google Analyticsのアカウントとプロファイル
Google Analyticsには、サイト内検索やeコマースなど、設定しなければ表示されないレポートがあります。今回から3回に渡って、プロファイルやフィルタなど、Google Analyticsを使いこなすための設定を紹介します。また、マイレポートやインテリジェンス、カスタムレポート、アドバンスセグメントなどのカスタマイズ機能についても説明します。 Google Analyticsのレポートは、「アカウント」や「プロファイル」によって管理されています。しかし、「Googleアカウント」と「Analyticsアカウント」が紛らわしい上に、サイトの指標をそのまま読むためのプロファイルと、フィルタによって切り口を変えて読むためのプロファイルがあり、しっかり使おうと思うとやや敷居が高くなっています。まずはアカウント、プロファイルの意味を説明しましょう。 Googleアカウント Googleアカウ
jQuery Mobile Docs - Backbone.js and Require.js Apps
jQuery Mobile, Backbone.js and Require.js jQuery Mobile provides an HTML5-based user interface for all popular mobile device platforms, but it does not influence how you organize and structure your app's JavaScript. Many jQuery Mobile users turn to a variety of other popular third-party libraries, including MV* frameworks and dependency management tools, to help structure their code. Backbone.js a
CSSのfont-family指定はこれで決まり！（2013冬） - 遠近法ノート
追記：最初、うっかり「2013冬」って書いてしまったんですけど、ほんとは「春」と書かなきゃいけませんでした（汗）*1 とりあえず今、CSSのfont-familyでフォントを指定するならば、これで決まり（一番下の追記も参照で）。 font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;CSSのfont-family指定、「あえてフォントを指定しない」っていうやり方もアリですが、いろいろな事情でそうも言ってられません。とりあえず今現在の最適font-family指定を考えてみたところ、上のようになりました。 指定順序、入れたフォント、入れてないフォント、すべてに意味があります。 以下説明。 ヒラギノはProではなくProN。 OS Xの和文標準フォ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
IT革命で潤うのは｢トップ1%｣だけ
――IT革命が米国の中流層の雇用を奪っている、と指摘しています。 現在、米国経済を形作っている主因は3つある。まず、不況と景気回復。次がグローバル化、あるいは、中国やインドなどへのオフショアリング（外国への業務委託）。そして、テクノロジーだ。このうち3つ目のテクノロジーが、とりわけ長期的な意味で大きな影響力を持つ。言ってみればグローバル化は、テクノロジーによるオートメーション化への道程の一歩にすぎない。 こうした要因に直撃されているのが、中流層だ。中でもホワイトカラーの知識労働が、テクノロジーによって最も大きな打撃を受けている。最大の犠牲者は、警察官でもなければ、調理師でもない。中流層の将来は、かなり暗い。景気後退で最も多くの仕事が失われ、創出された仕事が最少なのが、この層だ。米国の中流層は、15年前より富も収入も減っている。米国経済は成長し続けているが、富の配分に変化が生じている。 これ
Webブラウザでアプリ開発可能! PhoneGapを使ったサービス『Tiggzi』 | iPhone | iPad iPhone Wire
このiOSアプリ＊サービスに学ぶ! Webブラウザでアプリ開発可能! PhoneGapを使ったサービス『Tiggzi』 中津川篤司 2012/02/27 『このiOSアプリ＊サービスに学ぶ!』は、オープンソース情報ブログ「MOONGIFT」管理人の視点から捉えたiOSアプリや周辺サービスから、ユニークなもの、興味深いものをピックアップし、そのポイントを解説していきます。iOS(iPhone/ iPad/ iPod touch)デバイスの利用者、その環境向けのアプリやサービスを開発している方はぜひお読みください! iOSアプリを開発する際にはObjective-Cを使うのが基本ではあるが、他の言語も利用できる。例えばJavaScriptがある。JavaScriptを使ってiOSアプリを開発する技術として有名なのはAppcelerator社の開発するTitaniumとPhoneGapが存在する
Safariでの意味不明な文字化け解消 - 駄目日記っぽぃ。
XOOPSで運営してるサイトで、EUC-JPの文字コードを指定してちゃんとHTTP Headerも出ているにも関わらず、Safariが認識してくれなくて悩んでた(ずっと放置してた)んやが、ようやく納得のいく形で解決した。というか相当前に解決はしてたようやが、原因がまとまった記事が見あたらなかったのでまとめておく。問題は複数あったようだ。 Safariの問題 実装を読んだわけではないんで確信はないが、なんか文字コード判定に2段階あるらしい。 第1段階が多分HTTP Headerで指定されたContent-Typeのcharset指定で、ここで指定されたものが第2段階でのデフォルト値になる。指定がなければ恐らくデフォルトエンコーディングの値。 第2段階が実際のHTMLを読む段階での自動判定で、通常エディタなどで行われるような、文字コードを特定できるような文字が出てきた時点で確定とするタイプのア
DOCTYPE宣言って？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> ・ ・ </html> 赤い文字列がDOCTYPE宣言の一例です。DOCTYPE宣言とは、文書がHTMLであり次にはじまるHTML文書（HTMLソース）がどのバージョンを利用して、どのDTD（文書型定義）に従って記述されているかを文頭に宣言することです。 この場合はHTML 4.01 バージョンを利用して、DTDの中のTransitionalに従って記述する宣言になります。 DTDでは、どのような要素や属性※1が使えるのか、あらかじめ定義されていて、、 その定義された要素や属性使ってHTML文書を作成します。バージョンが違えば利用できる要素や属性などが異なります。 ブラウザはまずこれを読んで（解釈し）宣言に従って表示するようになっています。 ※
Webフォント・サービス FONTPLUS ｜ ためし書き
お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ（Chrome／Edge／Firefox／Safari）にて再度ご覧ください。
今さら聞けない？おさえておきたい日本語フォント！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お久しぶりです。 しばらくLIGのブログ更新に参加できていなかった野田です。。 今回は、WEBや紙媒体の広告でよく見かけるようになった日本語フォントをまとめてご紹介させていただきます。 フォントは、デザイン全体のイメージを決める大事な要素でもありますので、常に流行を見ておかなければ、サイト自体もフォント一つで古いデザインだなーと思われてしまうことがあります。 っていうか僕はそういう細かいところを見るのが大好きです。 僕の妻もデザイナーのため、毎日のように「このサイトのフォントはあれだねー」なんて話をしています。 そのため、知ってて損のないよう、いくつかのフォントを簡単にご紹介させていただきます。 ご参考までにどうぞ！ はるひ学園 素朴でかわいく、ポップさをもった書体です。 余白を目立たせ、素朴な空気感を活かしてあげると良いですね。 丸フォーク 明朝体に似ていますね。 きれいなラインで、シュ
Websites for Text and Fonts That You’d Better Add to Bookmarks
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
標準フォントを指定する
通常、サイト内のフォント（書体）は自由に指定できる訳ではありません。閲覧者のパソコンにインストールされている、いわゆる「標準フォント」を決めうちで指定します。 日本語フォント CSSにてサイト全体（body）や日本語で書かれた文章には下記のように指定します。 複数のフォントを記述した場合、先頭（左）のフォントが優先されます。 上記の場合、いずれもゴシック体のフォントで、メイリオ（Meiryo）よりもヒラギノ（Hiragino Sans）が優先される指定になっています。sans-serifは明朝体のような尖った装飾（セリフ）のないフォント、つまりゴシック体全般を指します。指定したフォントがない環境でも明朝体を避けるため、これを最後に記述します。 明朝体のフォント 明朝体のフォントについては、Windowsの解像度がまだ低いことがあるため、見出しなど大きな文字でない限り利用はおすすめできません
jQuery 2.0.1とjQuery 1.10.0が同時リリース。jQueryの2バージョン並行リリースが開始
jQuery 2.0.1とjQuery 1.10.0が同時リリース。jQueryの2バージョン並行リリースが開始 jQueryは、モダンブラウザに最適化し、Internet Explorer 6/7/8のサポートを廃止したjQuery 2.x系と、過去のブラウザも幅広くサポートするjQuery 1.x系の2つのバージョンがあります。基本的には機能はどちらのバージョンも同じで、互換性があります。 この2バージョン体制になったのは、4月にjQuery 2.0の正式版がリリースされたときからです。今後jQuery 2.0にはjQuery 1.10が、jQuery 2.1にはjQuery 1.11が相互に対応するバージョンとしてペアでリリースされることが発表されていました。 そして5月24日付けで、初めてjQuery 2.x系とjQuery 1.x系の並行リリースが行われました。jQuery 2.
jQuery 2.0β登場！ jQuery 1.9は正式版がリリース
このところjQuery関連のニュースが続きます。Internet Explorer 6/7/8のサポートを廃止することで、より小さく、速く、安定したjQueryのメジャーバージョンアップ版のjQuery 2.0がベータ版として初めて登場しました。 jQuery Blog » jQuery 1.9 final, jQuery 2.0 beta, Migrate final released jQuery 2.0は昨年7月の時点でリリース時期を「early 2013, not long after 1.9」と説明されていました。2013年がまだはじまったばかりのこの時期にベータ版が登場したことで、予定通りに開発が進行していることがうかがえます。 jQuery 2.0リリース以降も、IE 6/7/8をサポートするjQuery 1.9のメンテナンスは継続されることになっています。jQuery 1.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スーパープレゼンテーション
TechCrunch | Startup and Technology News
Web制作 | Mitsue-Links | ミツエーリンクス | WebIntegration