Backbone.jsでつくるMVPなUIパターン【タブ】 | DevelopersIO
今回はBackbone.jsを使ってタブUIを作ってみたいと思います。デザインはTwitter Bootstrapをつかって以下のようにしました。 世界的に名高い企業の名前が並んでいますね。 デザインはhtmlを仮組みしてBootstrapで既にできていることにします。（本題と離れてしまうので…すみません＞＜） ボタンの部分に active というクラスをつけると選択中のデザインに変わり、 内容の部分におなじく active というクラスをつけると display: block; となり表示される仕組みです。 すべてactiveな状態 すべて非activeな状態 htmlはこちらです <div id='ui-tab'> <ul class='nav nav-tabs'> <li class="active"> <a href="#apple">Apple</a> </li> <li> <a
任意団体名義でゆうちょ銀行口座を作ってみた。 | 今日、何買った？
わたくしが所属するデザインユニット「bonustraxx（ボーナストラックス）」名義の、ゆうちょ銀行口座を作ってみました。 BASEやstores.jpといった、「特別な知識がなくても、個人で簡単にネットショップが持てる！」を謳い文句にしたサービスの台頭に見るように、「法人登記するほどじゃないけど、ちょっとしたネット通販を個人でやっている」という人が増えている昨今。 その際、入金先として銀行口座を指定したいけれど、中の人の本名は伏せたいという場合がありますよね。 そこで、団体名で口座を作りたい！ となるのですが……。 近年は、法人でない団体名義での口座開設は、とても難しくなっているようです。 わたし自身、3年ほど前に勤めていた会社で、「株式会社○○ 共済会」という名義で三井住友銀行口座を開設しようと試みたことがありましたが、団体名の後ろに「代表 ○○○○」と、個人名が記載された名義での開設
ゆーすけべー日記
今週末の金曜日、3月15日に「JAWS DAYS 2013」のパネルディスカッションのパネラーとして呼ばれておりましてー。 風呂グラマーのmasuidriveさんとTreasure Dataの太田さんとお話をするらしく多少ビビってる僕です。 プログラム・スピーカー紹介 | JAWS DAYS 2013 | 2013/3/15（金）～16日（土）東京ビッグサイトで開催！ 実はこのAmazon Web Serviceユーザーにおける祭典「JAWS DAYS」のイベントに呼ばれた前日。 ちょうどボケてを某さくらVPSからEC2含むAWSへせっせと移行していましてー。 ま、つまりは「AWSでこれからバリバリ運用始めるぜ！」ってタイミングでのお呼ばれでしたw イベント自体はおもろい事話せればいいなーとは思いつつ、AWSへ移行して、もしくはAWSへの準備の段階で得たTipsを箇条書きでまとめてみます。
知って得する！５５のRubyのトリビアな記法
Rubyはたのしい言語です。Rubyを触っているとマニュアルにも書いていない「小さな発見」に遭遇することがよくあります。このような「発見」は、プログラムの質や効率の改善には直結しないかもしれません。いや、むしろチームプログラミングでは妨げになる可能性すらあります。しかしその一方で、言語自体が自分の知らない領域を持ち続けていることが、その対象に対する興味を失わせないための大きな要因である、というのもまた疑いのない事実なのです。つまり「発見」はたのしさに直結しているのです。 このブログにおいて「知って得するRubyのトリビアな記法」というタイトルで、今まで３回記事を書きました。 “知って得する21のRubyのトリビアな記法” “第２弾！知って得する12のRubyのトリビアな記法” “第３弾！知って得する12のRubyのトリビアな記法” これらのトリビアには、ネット検索で見つけたもの、Twitt
【iTunesまとめ】iTunesを使いたおすための20のTips。
iTunesを使いたおすために関連する20の項目を集めてみました。普段はほとんどMacを使っているのでMac寄りの記事ではありますが、WindowsのiTunesも使うので知っている限りの情報を掲載していきます。 CDをiTunesに曲を読み込む時の設定について。 10/23追記：この項目に関して色々な意見がありましたので、恥を忍んで書き直しました。 CDを読み込む際の設定は、iTunesの環境設定の「一般→読み込み設定...」から。 音質が良く、非圧縮よりファイルサイズが軽いAppleロスレスで取り込めれば一番いいと思います。ただし注意が必要なのが、ほぼ非圧縮のファイルなのでファイルサイズが大きくなるという点と、再生デバイスが限られるという点があります。Appleロスレスで取り込む際は手持ちのデバイスで再生できるか要確認です。保存用としてはおすすめ。 次に音質が良いのはAAC（256kb
リピータの多いブログで設定したい、滞在時間を考慮したGoogleアナリティクスの直帰率の計測方法
[対象: 上級] 訪問者が一定時間、たとえば15秒以上滞在したら直帰とはみなさなくするGoogleアナリティクスの設定を今日は紹介します。 英語版のGoogleアナリティクス公式ブログで紹介されていた方法になります。 設定方法は簡単で以下のコードを標準のトラッキングコードに挿入するだけです。 setTimeout("_gaq.push(['_trackEvent', '15_seconds', 'read'])",15000); 追加のコードを挿入した後の完全なトラッキングコードは次のようになります。 <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXX-1']); _gaq.push(['_trackPageview']); setTimeout("_gaq
サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 （その時は無料RSSサービスを使っていました・・・） そんなときに役立つのがGoogle先生による『Google Feed API』。 表示件数や表示させたい内容、それを囲むタグなどわりと自由にカスタマイズできるので多くのWEB屋さんに愛されているようです。 何かいい方法はないか呟いたところ、多くの方からこちらを薦めていただきましたヾ(*´∀｀*)ﾉ ちなみに、以前はAPIキーを取得する必要があったよ
Amazon EC2 を使った無限IPアドレスの作り方 - ぼくはまちちゃん！
こんにちはこんにちは！！ たまにIPアドレスがたくさん必要な時ってありますよね。 ぼくも先日そういう機会があって、ちょっと困りました。 で、「AmazonさんならIPいっぱいもってるのでは？」ってことで、 ちまたで話題のクラウドサービス Amazon Web Servise を試してみました！ あ、もちろんタイトルは煽りぎみで実際にはIPアドレスは有限なんですが＞＜ 正直、クラウドとかサーバーとかよくわかってなかったんですが、 とりあえず試してみたら意外と簡単にできたので、忘れないようにメモしておきます！ そうそう、Amazonのクラウドって高そうなイメージがあるけど、いまだと制限つきで無料らしいので、お得ですね！ もし無料枠こえても、無茶な使い方をしない限りはそれほど高くない。と思います。たぶん。 制限を見る限り、とりあえず一ヶ月がっつり試すだけならタダです！ 必要なもの： ・クレジット
weiboとtwitterを連携する方法 | A!@attrip
weiboとtwitterを連携する方法について説明です。 その前に、Weiboの説明 weibo中国で一番人気のつぶやきサービスです。 「新浪（SINA）」は中国の企業が作っています。 人数は、３億人を突破しました。 中国版Twitter、Sina Weibo（新浪微博）の登録ユーザが3億人を突破、モバイルユーザ数が上昇中 | Startup Dating [スタートアップ・デイティング] <br /><div class=”hatena-bookmark-detail-info”><a href=”http://www.submit.ne.jp/472″ data-mce-href=”http://www.submit.ne.jp/472″>中国版twitter、 ウェイボ（新浪微博） を使ってみた感想 | さぶみっと！JAPAN</a><a href=”http://b.hate
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
iTunesでシャッフル再生を極めるレシピ | nanapi[ナナピ]
iTunesでシャッフル再生を極めるレシピ に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに 先日、知人のiPodとiTunesの中身を見せてもらったのですが、あることにびっくりしました。その人は、プレイリストを１つも作っていなかったのです。彼女は音楽を聴く時、ほとんどアルバム毎に再生するのだそうです。 iTunesやiPodにはシャッフル再生という便利なものがありますが、彼女曰く「カラオケバージョンやジングルも再生されるのが嫌だ」と言いました。 たしかにそのように再生されてしまう場合もありますが、ちょっとした工夫で回避することは可能です。 このライフレシピでは、iTunes/iPodのシャッフル再生をより良くするためのポイントを紹介したいと思います。 iTunes、２つ醍醐味 iTunesに限らず、パソコンで音楽を管理するア
mixi アプリモバイルで Hello World してみました！(ラボブログ)
スパイスラボ神部です。 早速昨日発表になった mixi アプリモバイルのβ版 で、さっそく Hello World してみたいと思います。 まずは情報集め いろいろ調べてみます。 モバイルβ環境の確認方法 確認方法を知るためには、パートナーアカウントを取得して、RemixLabs コミュニティに参加する必要があります。その上で、指定の確認方法を使って確認してください。 アプリをモバイル対応設定に変更する こちらは簡単ですね。アプリの設定変更から指定するだけです。 mixi Developer Center (ミクシィ デベロッパーセンター) » アプリ登録 ガジェット XML の記述 こちらもそのままです。 mixi Developer Center (ミクシィ デベロッパーセンター) » ガジェットXMLの記述方法 全体像を掴む mixi Developer Center (ミクシィ
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
kmuto’s blog
View this post on Instagram A post shared by kmuto (@mutokenshi) View this post on Instagram A post shared by kmuto (@mutokenshi) View this post on Instagram A post shared by kmuto (@mutokenshi) View this post on Instagram A post shared by kmuto (@mutokenshi) View this post on Instagram A post shared by kmuto (@mutokenshi) View this post on Instagram A post shared by kmuto (@mutokenshi) View this
ASIN入りアマゾン商品画像URLリダイレクトCGIの雛形
ASIN入りアマゾン商品画像URLリダイレクトCGIの雛形 2009-03-18-1 [Programming] アマゾンの商品画像のURLについて。 昔はアマゾンの商品ページにある商品画像URLには下記のようにASINが入っていました。 例：http://ec2.images-amazon.com/images/P/4822245772.01.MZZZZZZZ.jpg しかし、最近（って、もう何年もだけど）はASINが入らなくなりました。そのうえ、このURLをコピーして使っているとときどき無効になってしまったりします。 例：http://ec2.images-amazon.com/images/I/311qdsd1JaL._AA140_.jpg そこで、このブログで使うためにASINを渡すと商品画像URLへリダイレクトするCGIつくりました。CGIの雛形（テンプレート）を載せておきます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
