Macのメニューバーが混み合ったらBartenderにおまかせ
Evernoteのクイックノート機能や、最近はDropboxのメニューバー機能など、Macのサービスではいまメニューバーを活用するものがとても多くなっています。 一方、こうしてメニューバーを使うアプリが多くなってくると、スクリーンの横幅が短いノートパソコンなどでは画面の一番上が混み合ってきて、ときにはアイコンがメニューに隠されてしまうこともあります。 そこでふだん必要としていないメニューバーアイコンを隠すのに利用できるのが Bartender です。### メニューバーアイコンを隠して、並べ替えて、使い倒す Bartender を使う前はメニューバーがこのような状態になりがちです。 メニューバーアイコンが随分たくさん並んでいます。時計やバッテリーといった OS X 由来のアイコンはコマンドキーを押しながらドラッグできますが、それ以外は順番も自分で操作できません。 そこで Bartender
「Klepto」を使ったJavaScript開発手法の紹介
PACとは何か Proxy Auto Config Proxyの設定情報をJSで書ける PC, iOSのみ設定可能 （Androidは4.1でも設定できなかった） なぜ重要か 「指定ドメイン、パスのみProxy通す」とかできる （Commet等のLocal Proxyを通しにくいAPIを除外したり） 安全に常時LocalProxyをたちあげていられる （OS、アプリのアップデートや動画再生等でも落ちない） PAC sample（example.comに接続する場合だけproxyを通す） function FindProxyForURL(url, host) { if (host === 'example.com') { return 'PROXY 127.0.0.1:8888'; } return 'DIRECT'; }
【前編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 | DevelopersIO
前回の更新からだいぶ間が開いてしまいましたがこのシリーズはまだ終わりません！今回はTwitter BootstrapにjQuery Pluginとして実装されているScrollSpyを真似して作ってみたいと思います。 ちょっと解説が長くなってしまったので前後編に分けてご紹介します。 後半はこちら >> Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】後編 デザイン 4つの文章に対しそれぞれナビゲーションが存在し、文章のエリアをスクロールして閲覧している文章に対応するナビゲーションがアクティブ表示になるというものです。 このUIのhtmlは以下のようにコーディングしました <div id="ui-scroll-spy"> <div class="scroll-spy-nav navbar"> <div class="navbar-inner"> <div class="
JavaScriptでコールバック連結 (1) - 株式会社CFlatの明後日スタイルのブログ
2012年11月からスタートした本ブログも、めでたく今週で20記事目を迎えました。今後とも株式会社CFlatをよろしくお願いいたします。 さて、本題へ。 JavaScriptは、登場直後である1990年代中頃を除けば、言語自体の機能としてはさほど大きな変化を経験してはいない言語の側に分類できるでしょう。 にもかかわらず、それを取り巻くライブラリーや実行環境の進化は、JavaScriptをしてこの上なく様変わりした言語たらしめています。このことはJavaScript単体のみならず、HTML、そしてWebというもの過言ではないのではないでしょうか？ さて、このJavaScriptの変革に大きく寄与したキーワードは、皆様（少なくとも名前くらいは）ご存知『Ajax』。動的にサーバー上のリソースを読み込み、ページの状態を更新することにより、以前よりあったDHTML技術を「コンテンツの表示／非表示を制
【後編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 | DevelopersIO
※この記事はBackbone.jsでつくるMVPなUIパターン【スクロールスパイ】前編からの続きの後編です。 ContentView 継承 ContentViewは文章を表示し、自身の管轄しているスクロール範囲を知っているコンポーネントです。Backbone.Viewを継承して実装します。 var ContentView = Backbone.View.extend({}); テンプレート UI表示用のテンプレート関数をNavViewと同じように定義しておきます。 <script type="text/template" id="ui-scroll-spy-content-template"> <div class="scroll-spy-content"> <%= content %> </div> </script> var ContentView = Backbone.View.ex
iPad for iPhone Developers 101 in iOS 6: UIPopoverController Tutorial
Update 3/7/2013: Fully updated for iOS 6 (original post by Ray Wenderlich, update by Ellen Shapiro). This is the second part of a four-part series to help get iPhone Developers up-to-speed with iPad development by first focusing on three of the most useful classes: UISplitView, UIPopoverController, and Custom Input Views. In the first part of the series, you made an app with a UISplitViewControlle
iPad for iPhone Developers 101 in iOS 6: UISplitView Tutorial
Update 3/7/2013: Fully updated for iOS 6 (original post by Ray Wenderlich, update by Ellen Shapiro). This is the first part of a three-part series to help get iPhone Developers up-to-speed with iPad development by first focusing on three of the most useful classes: UISplitView, UIPopoverController, and Custom Input Views. (Jump to Part 2 or Part 3 in the series.) In this series, you’ll make an iPa
Gitを使った分散開発管理16 – p4mergeでマージを行う | DevelopersIO
Gitでのマージ作業 Gitを使用していて競合が発生した場合、それを解決して正しい状態にする必要があります。 私は以前、競合が発生したファイルに＜＜＜＜＜＜＜HEADとかのよくわからない文字列が入って、どうやって修正すればいいか悩んでいました。 こういった競合を解消するためのツールはいくつもありますが、今回はMacで「p4merge」というツールを使用して Gitの競合を解消する方法について紹介します。 環境 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Git : 1.8.2 Gitは使える状態にしておいてください。 p4mergeをセットアップ 1.p4mergeをダウンロード まずはここからp4mergeをダウンロードして、p4merge.appを/Applicationsにインストールします。 2.gitconfigの設定 ~/.gitconfi
iPad for iPhone Developers 101 in iOS 6: Custom Input View Tutorial
Update 3/7/2013: Fully updated for iOS 6 (original post by Ray Wenderlich, update by Ellen Shapiro). This is the third part and final part of a three-part series to help get iPhone Developers up-to-speed with iPad development by focusing on three of the most useful classes: UISplitView, UIPopoverController, and Custom Input Views. In the first part of the series, you made an app with a split view
JavaScriptの正規表現で文字列を抜き出す「グループ化」
JavaScriptの正規表現で特定の文字列を抜き出す「グループ化」について解説します。 JavaScriptで特定の文字列を抜き出して処理したいことがよくあるのですが、グループ化の使い方を忘れてネットで検索してもなかなかヒットしないので、備忘録で残しておきます（他に適切な方法があるようでしたらすいません）。 １．特定の文字列を抜き出す まず基本として、特定の固定文字列を抜き出すには、match関数で次のように記述します。 var foo = 'abcdefg'; var bar = foo.match(/abc/); これは変数fooに「abc」という文字が含まれていれば、変数barに abc が設定されます。 変数fooに「abc」という文字が含まれていない場合、変数barにnullが設定されます。 この使い方は、検索したい文字列があらかじめ決まっていて、上記のような代入文ではなく、判
Effective JavaScript勉強会 #1 - teppeis blog
社内でEffective JavaScriptの勉強会を始めました。 第1回の資料をslideshareに上げたので、シェアさせていただきます！（春なので意識高め） Effective JavaScript Ch.1 from teppeis スライドにも書いたけど、これまでだと類書で薄いのは『JavaScript: The Good Parts』っていうのがあったんだけど、ちょっとクセが強いというか、Douglas Crockford節が強すぎて、盲目的に全部真似するとちょっとアレな感じなので、安易に薦めにくい本でした。 参考: 『JavaScript:The Good Parts』にツッコミ (Kanasansoft Web Lab.) Effective JavaScriptはそれに比べるとマイルドで、「new使うな！」とか書いてないので安心できます。 あとGood Partsの方で
Sencha Touch 2 ソースコード読書会 第1回レポート
「Sencha Touch はハマることが多い。ハマりから抜け出すには、、、ソース嫁！」 先週の金曜日、Sencha Touch 2 のソースコード読書会第 1 回目を開催しました。上記の言葉は、会の冒頭で LT をして頂いた高岡さんの言葉です。（いつも私の無茶ぶりを引き受けて頂いて、本当にありがとうございます _o_） Sencha Touch を使ったアプリの開発は、一般的な Web アプリの開発とは違う作法が要求されます。そもそも HTML は書かないですし、独自のクラスシステムやイベントシステムに従ってコードを書くので JavaScript を書いている感覚もそれほどありません。だから、、、ハマります。何度もハマって痛い思いをしたあげく辿り着いた結論は、ライブラリのソースコードをしっかり読むことでした。 Sencha のフレームワーク上で効率良く開発するには、ソースコードの理解が必
配色パターンを決める際にお世話になっているサイトをご紹介
「なんかいつも同じような配色になってしまう」「思い切った配色ができない」と悩んだときに個人的にお世話になっているサイトを紹介します。 かなり有名なサイトばかりですが参考になればうれしいです。 メインの色を決めるたいときに まず、ウェブサイトのメインとなる色を決めるときに使っているサイトを紹介します。 WEB色見本 原色大辞典 - HTML Color Names この手のサイトは色々ありますが、私はこのサイト一筋です。様々な色が載っていますが、以下のページの色を参考にすることが多いです。 日本の伝統色 和色大辞典 - Traditional Japanese Color Names 世界の伝統色 洋色大辞典 - Traditional World Color Names ビビッドカラー - Vivid Colors カラーピッカーもよく使います。 カラーピッカー - 原色大辞典 アクセント
イラレの図形をObjectiveCやAS3、JSON形式に変換できるイラレ拡張「DrawScript」:phpspot開発日誌
Drawscript - convert Illustrator shapes into code イラレの図形をObjectiveCやAS3、JSON形式に変換できるイラレ拡張「DrawScript」。 イラレで作成した図形をコードに変換してプログラム内で使いたい場合に使えそう。 次のように図形を変形させればコードが生成されるみたいです 覚えておくとよさげです 関連エントリ iPadやスマホのテンプレが詰まったイラレ用のワイヤーフレーム作成キット 立体的なサイコロ画像を描画するイラストレーターチュートリアル GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク イラストレータで綺麗なアイコンを作るチュートリアル３５
ပင်မစာမျက်နှာ - jdn77
သင်မရပ်တန့်သောဖျော်ဖြေမှုနှင့်အဆုံးမဲ့စိတ်လှုပ်ရှားခြင်းနှင့်ပြည့်စုံ jdn77 သောစိတ်လှုပ်ရှားစရာခရီးကိုစတင်ရန်အဆင်သင့်ဖြစ်နေပြီလား။ မမေ့နိုင်သောအတွေ့အကြုံများကိုမမေ့နိုင်သောအတွေ့အကြုံများကိုအာမခံထားသည့်ကိုမကြည့်ပါနှင့်။ ကျယ်ပြန့်သောစိတ်လှုပ်ရှားဖွယ်ကောင်းသောဂိမ်းများကိုကျယ်ကျယ်ပြန့်ပြန့်ကစားနိုင်သည့်ဂိမ်းများ, สล็อต pg เว็บตรง ไม่ผ่านเอเย่นต์ သင်သည်သင်၏ကံကောင်းခြင်းကိုကြိုးစားရှာဖွေရန်ရှာဖွေနေသည်ဖြ
キーボードアクセサリライブラリ
x-callback-url とはURLスキームを利用したアプリ間連携の仕組み。他アプリを呼び出すだけでなく、その名（コールバック）の通り呼び出し元で結果を受け取るまでの一連の動作を定めている。 x-callback-url 現在は 1.0 DRAFT...
[iOS] デバッグ中に変数の値を変更する | DevelopersIO
はじめに いろいろと iOS アプリ開発を勉強中の諏訪です。 今回はデバッグ時に特定のブレークポイントを指定した場所で変数の値を変更する方法を調べたのでメモしておきます。 何かの処理中にここの値が変わったら、どう動くかという確認をしたいときに便利です。 デバッグ中に変数の値を変更する 今回は以下のコードで試したいと思います。Button をタップすると Label の text に value を代入するというシンプルなコードです。この value の値をデバッグ中に変更します。 - (IBAction)button:(id)sender { NSString *value = @"Button clicked."; _label.text = value; } 1.ブレークポイントを設定する ブレークポイントを設定するには行番号をクリックします。すると下図のように青色に変わります。 この
かわいい柄の紙をスキャンして作成したシームレスなPhotoshopのパターン素材 -kissncontrol
背景などにシームレスに利用できる、紙をスキャンして作成したPhotoshopのパターン素材を紹介します。 ダウンロードできる素材は、Photoshop用のPATファイルと100x100のPNGです。 各素材には、30〜50種類の柄が含まれています。
初めての Storyboard in iOS 5 Part 1
w00t just submitted our latest app (Battle Map 2) for review! For the curious, you can check out its help file here: http://t.co/ULbf3IY6 アップデート 10/24/12: iOS 6 とXcode 4.5用にアップデートされたチュートリアルをご覧になりたい方は、こちらiOS 5 by Tutorials Second Editionを参照して下さい。 Rayからの一言: このチュートリアルはiOS 5 Feastの２番目の品になります! 私達の書籍iOS 5 By Tutorialsから無料でご覧になれる１品となっております。 執筆者はMatthijs Hollemans氏によるもので、iOS Apprentice Seriesも執筆されております。どう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS6で始まったオートレイアウトのかんどころ
フリーハンド描画のチュートリアル
Square Open Source