触れるのがこわくてずっとGitを避けて来ました。ですが、使わなければならない状況に追い込まれたので初心者ながら少しずつコミットしたりしながらGitの使い方を学んでいたらGitってもしかして楽しいかも!!って思うようになり、もっとGitの事を学びたくて色々勉強出来る資料やサイトを集めていて情報がたまって来たので、ここでまとめていつでも見れるようにしたいと思います。 Gitの仕組みを優しく教えてくれるスライド 素敵なスライドがありましたのでご紹介させていただきます。 うん、見やすい!見やすいよー!! Gitを勉強出来るサイト サルでもわかるGit入門 サルでもわかるGit入門 世界一わかりやすく説明しているサイトです。僕でもわかりました。 Learn Git Branching Learn Git Branching ゲーム感覚で勉強したい時はこちら。このサイト自体がすごい 笑 Gitコマンド

web上で配布・販売されているフォントにはさまざまな種類が存在しており、制作するデザインテイストや、目的に合わせて選ばれていると思います。そんな中今回紹介するのは、ヴィンテージテイストのハイクオリティフォント「Top-Selling Vintage Veneer Font Family」です。 $9と有料版のフォントとなっていますが、デザイン性の高さは、使用するだけでクオリティを最大限にアップさせることができそうです。 詳しくは以下 フォントはサンセリフタイプで、インパクトを持たせたいデザインにおすすめ。形としては非常にシンプルなので、いろいろなシーンに応用できそうです。また、ドクロや稲妻、星といったモチーフのアイコンフォントも収録されており、デザインにポイントを加えることも可能になっています。全体的にかすれた雰囲気の処理が施されたヴィンテージなテイストが魅力的ですね。制作デザインのイメー

Fine UploaderはJavaScript製、GPL v3のオープンソース・ソフトウェアです。 HTML5になってファイルのアップロード処理は大幅に改善されました。特にドラッグ&ドロップによるファイルアップロードは便利です。そんな機能をさらに便利にしてくれるライブラリがFine Uploaderです。 デモです。ファイルの選択またはドラッグ&ドロップでリストに追加できます。追加後、即アップデートが開始されます。 デザインの拡張性は高いです。 エラーのキャッチもできます。 拡張子によるテストにも対応しています。 画像のサムネイルビューもあります。 アップロード上限の制限に対応しています。 Fine Uploaderを使えばファイルアップロードにおける大抵のニーズには対応できるのではないでしょうか。JavaScriptで細かくカスタマイズしたり、コールバックを使って独自の仕組みを組み込む

by Tiger Pixel マーケティングにおいて色彩心理学を利用することは重要とされますが、色彩の持つ効果は個人の経験に依存し、学術的に裏付けされたデータが少ないため、議論も多いところです。そこでHelp Scoutがブログで研究によって明らかにされた色彩の持つマーケティングでの効果をまとめたのが「The Psychology of Color in Marketing and Branding」で、実際に商品を売り出したり、ウェブサイトをデザインする際にも非常に役立つ内容となっています。 The Psychology of Color in Marketing and Branding | Help Scout https://www.helpscout.net/blog/psychology-of-color/ ◆色彩心理学に関する誤解 どうして色彩心理学は多くの誤解を含み、そして

KADOSはPHP製、GPL v3のオープンソース・ソフトウェアです。 アジャイル開発の中で度々取り上げられるのがカンバンです。そんなカンバンをオンライン上で再現し、スクラムでの開発をサポートしてくれるのがKADOS（KAnban Dashboard for Online Scrum）です。 スクラムマスターとしてログインしたときのダッシュボード。フランス語なのでちょっと分かりづらいかも…。 プロジェクトごとのダッシュボード。スプリントの状況やプロジェクトの概要が表示されています。 チームメンバーの構成。 プロジェクトの機能について。 プロジェクトのレビュー。 ドラッグで移動できます。 編集はフローティングで行います。 こちらはチームメンバーとしてログインした場合。こちらのがシンプル。 いわゆるカンバンの部分。バックログや作業中のユーザストーリーが表示されています。 KADOSは表示項目が

ShuttleはMac OSX用のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 プログラマーであればSSHでサーバに接続して処理を行うといった操作はよく行っていると思います。その際、各サーバごとに秘密鍵やユーザ名が違ったり、IPアドレス指定だったりすると覚えておけません。それを一括で管理できるようにしてくれるのがShuttleです。 メニューです。 設定ファイルです。JSONで設定するだけで、使い方はすぐに分かると思います。 設定ファイルのJSONにはSSHの接続コマンドを書くだけです。後はメニューバーに常駐しているShuttleから指定した接続先を選択すれば、ターミナルアプリが立ち上がって接続が開始されます。Terminalの他、iTermなども指定可能です。 MOONGIFTはこう見る 筆者の場合、sshでの接続先ごとにaliasを設定しています

CardinalはCSS3製のオープンソース・ソフトウェア（MIT License）です。 Webデザインフレームワークが多数登場しています。それぞれに特徴がありますが、今回紹介するCardinalはWebアプリケーション開発に使えそうなフレームワークになります。 説明ページがそのままデモになっています。左側にメニュー、右側にコンテンツが表示される形になっています。 まずはグリッド。区切りの幅も指定できるようになっており、細かな制御が出来ます。 もちろんレスポンシブです。この場合でもグリッドは保たれたまま。 レスポンシブなグリッドもあります。こちらはウィンドウ幅によってグリッドの表示が変わります。 ボタン系。四角と角丸があります。 さらに丸みを帯びたタイプも用意されています。 ボタンもスマートフォンサイズに縮めた場合もきれいに表示されます。 テーブル。多様な表現が用意されています。 スマー

CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗

ミッションとブランドは表裏、まさに「一対で事を成す」のです。ミッションを達成しようと努力し、それを発信していくことで人々に伝わり、ブランドとして認知されていく。 （24ページより） 『ブランド 元スターバックスCEOが教える「自分ブランド」を築く48の心得』（岩田松雄著、アスコム）の著者は、日産自動車を皮切りにジェミニ、コカ・コーラを経て、アトラス、イオンフォレスト（ザ・ボディショップ）の代表取締役を歴任、さらにスターバックスのCEOとして、業績を右肩上がりに成長させた人物。 つまりミッションのあり方について説いた前著『ミッション　元スターバックスCEOが教える働く理由』に次ぐ本書は、「『ミッション』を書いたあとに、どうしても書きたかったテーマ」だったという『ブランド』に焦点を当てた書籍だというわけです。 スターバックスを中心としながら、他にもさまざまな企業のケースが引き合いに出されている

『世界のエリートが学んできた 「自分で考える力」の授業』（狩野みき著、日本実業出版社）の著者は、大学などで約20年にわたり「考え抜く力」を教えてきたという人物。そんなキャリアを軸に、本書では「日本の学校が教えてくれなかった『考え抜く力』を、欧米の学校での教え方をヒントに、大人、主にビジネスパーソン向けにわかりやすく伝授」しているわけです。 まずはLesson 1「『自分の意見の作り方』」に書かれた、すべての基本となる部分を見てみましょう。 ハーバード大学も提唱する「自分の意見の作り方」3ステップ ＜あること＞について自分はどれだけ理解しているのか、確認する ＜あること＞について理解できていないことは何か把握し、「理解できていないこと」を解決するために、調べる 自分の意見を持つ （14ページより） 次にLesson2「理解を深める」から、「『本当に理解できているのか？』をチェックする7つの方

AppTranslatorはGo製のオープンソース・ソフトウェア（2-clause BSD lisence）です。 アプリケーションの多言語対応は面倒です。特に知らない言語の翻訳など考えただけでも大変そうです。そこでソフトウェアがオープンソースならばみんなで一緒に翻訳する手があります。そのためのソフトウェアがAppTranslatorです。 トップページです。プロジェクトが登録されています。 SumatraPDFの翻訳状況が一覧で確認できます。 日本語は全て翻訳済みになっています。 別な言語ではまだまだ足りていないようです。 翻訳は該当単語を選ぶと行えます。 翻訳者ごとに作業した一覧が見られます。 全体を翻訳というと大事に感じますが、自分のできる範囲だけをというのであれば参加しやすそうです。なおAppTranslatorはラベルの多言語対応であって、商習慣などのローカライズとは異なりますの

統計は、現代社会に欠かせないものとして定着しています。さまざまなニュース記事に登場し、暮らしのあらゆる面に影響をおよぼす政策の決定にも用いられます。ただ残念なのは、多くの人が、統計を根本的なレベルで大きく読み間違えやすいことです。 統計を意味あるものにするための4つの原則を紹介します。 1．「99％の精度」のテロリスト判別装置：基準率の錯誤 「基準率錯誤」と呼ばれる統計の読み間違いの例を挙げてみましょう。 ある会社では、従業員の25％が女性で、75％が男性だとします。表面的には、この会社は男性に偏った採用をしているように見えるかもしれません。なぜなら、（少なくとも米国では）男女の人口分布はほぼ同じだからです。ですが、この見方は応募者の内訳を考慮していません。もし女性の応募者が全体の10％しかいなければ、採用率は男性よりも女性のほうが高いことになります。 もうひとつのよく知られた例として、「

Timepicker for jQueryはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 Web上で入力する事が多いのが日時です。日付についてはカレンダーピッカーがありますが、時間は意外と面倒な入力を行う事が多いです。そこで使ってみたいのがGoogleカレンダー風入力を実現してくれるTimepicker for jQueryです。 基本的な使い方。クリックすると30分ごとの時間が出てきます。 現在時刻を中心にセットしてくれる設定もあります。 ある時刻からの時間を表示するデモ。1時間のミーティングなども指定しやすそうです。 ある時間を無効にする指定もできます。 時間のフォーマットは自由に設定できます。 ステップはデフォルト30分ごとですが、15分や60分も指定できます。 カレンダー入力と連携する形です。この二つで入力が随分と楽になりそうで

oauth-jsはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 ソーシャルなサービスが増えるのに伴ってOAuthプロバイダーはどんどん増えています。OpenIDと違って、同じ仕様で全てがこなせないのが辛いところです。そこで使ってみたいのがOAuthをまとめてくれるOAuth.ioで、さらにそれを簡単にしてくれるのがoauth-jsです。 デモの画面です。70を越えるプロバイダが利用できます。 ポップアップ版による実装です。 ウィンドウが閉じるとデモの画面でトークンが表示できています。 GitHubなどもポップアップにできます。 プロバイダによって多少のデータフォーマットの違いはありますが、概ね同じ形のようです。 oauth-jsを使うとリダイレクト方式とポップアップ方式を簡単に切り替えて使えます。いずれの形にしてもサーバサイド

jquery-decapitateはjQuery/JavaScript製のオープンソース・ソフトウェア（2-clause BSD lisence）です。 大きなHTMLテーブルを表示していると、どのカラムが何のデータだったか分からなくなって、また上にスクロールして確認する…なんてことがあるかと思います。そんな面倒さから解放してくれるjQueryプラグインがjquery-decapitateです。 最初の表示です。この時点では普通のテーブルに見えます。 スクロールするとヘッダーが画面上部に残りました。 こちらは二つのテーブルのデモ。 ヘッダーの高さが違ってもちゃんと残ります。 レスポンシブ対応なのでスマートフォンで見た場合も分かりやすくなります。 ヘッダーが複数行であっても問題ありません。 ヘッダーが残ってくれるだけでデータの確認がとてもしやすくなります。データ操作の伴わない、一覧で表示する

TOP  >  Design  >  いろいろな雰囲気の木目テクスチャパックまとめ「10 Free Wood Texture Packs for Your Design」 テクスチャの定番としてさまざまなシーンで活用されている木目テクスチャは、表現がワンパターンにならないようにバリエーションはできるだけ多く所持しておきたいもの。今回はそんなシーンにおすすめな、いろいろな雰囲気の木目テクスチャパックまとめ「10 Free Wood Texture Packs for Your Design」を紹介したいと思います。 （Wood Pack by ~kissbomb on deviantART） 定番として利用できるシンプルなタイプから、木目の個性を活かしたタイプまで、多彩な種類が収録されています。気になったものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■: Text

インターネットを利用していると、英語関連のサイトやサービスを使う機会は必ずといっていいほど発生する。英語に長けていれば何の問題もないが、英語に苦手意識があり、なおかつビジネスなどでどうしても利用しなくてはいけないとなると、尻込みしてしまいがちだ。 今回は、英語関連のサイトやサービスを使う際、その補助として活用できるサービスを集めてみた。いちから英語を学習するのではなく、即戦力としてその日からすぐに活用できるサイトばかりだ。ビジネスからプライベートまで、苦手な英語のサイトを使わなくてはいけない際、目的に応じて利用してほしい。 ◇英語サイトを読み込んで単語上に意味を表示する「ずるっこ！」 「ずるっこ！」は、英語で書かれたウェブサイトを読み込み、英単語の上に日本語の意味を表示してくれるサービス。英語ウェブサイトを全文訳することなく、手軽に意味を把握したい場合に重宝する。ブックマークレットも用意さ

skelJSはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 レスポンシブなWebデザインを考える際にはブロックを意識してデザインを行う必要があります。多くは幅を12分割して提供するようです。レスポンシブなサイトやWebアプリを開発するためのフレームワーク、skelJSも同様の設計となっています。 デスクトップサイズ。Bootstrapのように見やすい画面になっています。 タブレットサイズ。この場合もデスクトップライクですが、横の隙間は狭まっています。 スマートフォンサイズ。メニューなどはそのままに、下のコンテンツはずれています。 作成例。12個のブロックをどう割り当てるかを決めていく形です。 -3uといった指定をすると左側が空く仕組みになっています。これは面白いです。 入れ子にした場合の表示はちょっと変わっています。 skelJSは大きなフレームワーク

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

「効率よく仕事をしたければ、ひとつのことに集中しなさい。一度にいろいろなことをしてはいけません」 こう言われた経験が何度となくあるのではないでしょうか。 しかし私たちはその忠告を忘れてしまい、気が付くとノートパソコンを開いたままテレビの前でランチを食べていたり、TwitterやFacebookを見ながらメールを送ったり、さらにはGoogle+でチャットまでしていたりします。 課題、計画などで、何かひとつのことだけに集中するのはとても難しいものです。いったいなぜでしょうか？ 人がマルチタスクを好むのは、良い気分になれるから ひとつのことに集中すべき時に、いわゆる「マルチタスク」をしてしまうのはなぜでしょうか。とある研究によると、この理由は非常にシンプルなものでした。 （マルチタスク習慣のある人は）あまり生産的だとは言えません。彼らは自分が取り組んでいる作業から、さらなる精神的な満足感を得たい

JSON を返す API サーバのレスポンスを CORS に対応させるための Servlet フィルターを書きました。まあ「書いた」というほどのものでもないのですが。 import javax.servlet.*; import javax.servlet.http.HttpServletResponse; import java.io.IOException; public class CORSResponseFilter implements Filter { @Override public void init(FilterConfig filterConfig) throws ServletException { // NOOP } @Override public void doFilter(ServletRequest request, ServletResponse resp

HuxleyはPython製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webサービスのテストをしていて面倒なのがエラーが起きた時の再現性です。そしてエラーウィンドウを閉じてしまったらもう二度と同じ表示ができないかも知れません。そこで使ってみたいのがHuxleyです。 テストのサーバを立ち上げます。 最初の表示です。ボタンを押します。 ボタンの色が変わりました。 ボタンを押す前の表示がスクリーンショットとして残っています。 押した時の表示も残ります。 HuxleyはPython製のソフトウェアと、Seleniumを使ってテスト時のログとスクリーンショットを残してくれます。録画とプレイバックができるようになっています。Facebook製とあって、実用性高いソフトウェアなのではないでしょうか。 MOONGIFTはこう見る ユニットテストやCIといったツールによ

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます UPDATE　ミラクル・リナックスは8月15日、企業向けシステム監視ツール「MIRACLE ZBX 2.0」を無償で公開した。yumコマンドのほかにウェブでもダウンロードできる。 MIRACLE ZBXは、オープンソースソフトウェア（OSS）の統合監視ツール「Zabbix」をベースに、ミラクル・リナックスが企業向けに開発した機能などを盛り込んでおり、ミラクル・リナックスが独自にパッケージとして作成している。 Zabbixは、サーバやネットワーク、アプリケーションを集中的に監視する。監視対象のサーバに“Zabbixエージェント”を導入し、監視システムの中心となる“Zabbixサーバ”が、エージェントからのサーバのリソース情報やアプリケーシ

Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

TOP  >  javascript , WebDesign  >  レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」 スマートフォンのシェアが高まるに連れてPCでもスマートフォンでも両方共通のコンテンツで、各端末ごとに最適化されたデザイン+機能。多くのWEBデザイナーが頭を迷わせるところですが、今回紹介するのはその中でもユーザーが操作するナビゲーションをレスポンシブにしてくれるjQueryを集めたエントリー「15 Responsive Navigation jQuery Plugins」です。 Sidr 最近のスマートフォンアプリのナビのようにサイトのサイドからせり出てくるようなナビゲーションから、端末によって、それぞれの端末に最適化された形に変化するものまで多種多様なレスポンシブメニューがまとめられてい

Windows／Web：Windowsのタスクマネージャをのぞき込むと、「一体これって何をしてくれているの？」って見当もつかないタスクが動いていたりします。 『Should I Remove It?』はWindowsタスクマネージャ内のミステリアスなプロセスやプログラムリスト内でラベルが付いていないアプリなどが、いったい何者で何なのかを説明してくれます。停止したり、アンインストールしたり、削除したりしてもよいものなのかどうかを、1クリックで教えてくれる正義の味方的ツールです。起動中のプロセスやその他のインストールされたアプリをリスト表示し、それらが一体なんなのか、どのプログラムが必要としているのか、何と関連しているのか、システム上から削除してしまっても良いものか、などの情報を教えてくれます。 それぞれのアイテムの横にはスコアが表示され、クリックするとブラウザが起動し、データベース内のアプリ

HTMLButcherはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア（New BSD License）です。 画像で作成したデザインからHTMLを起こすのにPhotoshopがよく使われます。スライスツールを駆使して行われているかと思いますが、今回はその専用ソフトウェアHTMLButcherを紹介します。 適当な画像を開きます。 枠を作ったり、その名称を決めます（これが出力時のクラス名になるようです）。 実例（公式サイトより）。細かく指定することでより正確なHTMLデータが出力されます。 HTMLButcherではテーブルタグを使う、または使わないレイアウトが選択できます。使わない場合はスタイルシートで場所を指定する形になります。レイアウトのマスクを作成して、同じようなレイアウトの画像に対して使う回す事もできます。入力ファイルには通常の画像に加えてPSDも利用

JointJSはJavaScript製のオープンソース・ソフトウェア（Mozilla Public License）です。 Web上で図を表示したいと思うことは多々あります。そんな時に画像を使うのは最も知られた方法ですが、再利用性や修正コストが大きくなります。図にもよりますが、JointJSがカバーできる範囲は大きいのではないでしょうか。 こんな複雑な図の描画も行えます。 マウスオーバーで線の削除ができます。 線のポイントを変更して曲がり方を変えることもできます。 組織図。こちらも移動ができます。 ER図。リレーションの関係も表せています。 DEVSの図とのこと。 チェス。オブジェクトの動きはチェス盤上に固定されます。 アニメーション付きの図です。 リンクの表現も多様です。 UMLのクラス図。 ステートチャート図。 JointJSでは多様な図を描くことができます。図はドラッグして動かすこと

「Flat UI Colors」は流行りのフラットデザインに使える配色をワンクリックでコピーできるサイトです。最近よく見かける「フラットデザイン」を採用したウェブサイトに使われている色をまとめています。それぞれの色をクリックすると、クリップボードにカラーコードがコピーされますよ。 以下に使ってみた様子を載せておきます。まずFlat UI Colorsへアクセスしましょう。 このようにフラットデザインに使える配色が綺麗にまとまっています。 色を選択すると、その色のカラーコードがコピーできますよ（HEX値やRGBなどから選べます）。フラットデザインに挑戦してみようという方は、これらの配色で作ってみてはいかがでしょうか。きっと綺麗な仕上がりになることでしょう。 Flat UI Colors （カメきち）

Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

さまざまなパターンが楽しめる 自然風景や壁のPhotoshopテクスチャまとめ「8 Excellent Galleries of Free Photoshop Textures」 効果的なビジュアルがあると、Webサイトの雰囲気はガラっと変わるもの。クリエイティブなWebデザイン制作にとってテクスチャは効果的なツールの1つです。そんな中今回は、背景に使えそうな自然の風景や壁・タイル目地などの、様々なテクスチャをまとめた「8 Excellent Galleries of Free Photoshop Textures」を紹介したいと思います。 （TexturePop Free Textures – Grass Textures） 高解像度なテクスチャが種類豊富に揃っているので、色々な用途に使用することができそうです。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください

OAuth daemonはnode/JavaScript製のオープンソース・ソフトウェア（GNU Affero General Public License）です。 OAuth.ioはフロントエンドエンジニアにとっては便利なサービスと言えますが、セキュリティ的にはOAuthの概念を覆してしまう問題があります。そこでOAuth.ioのコア部分を取り出してオープンソース化したOAuth daemonを使ってみましょう。 管理画面です。まず最初に管理者アカウントを設定します。 次にアプリケーションを作成します。複数作成が可能です。 ドメインも複数指定できます。 そしてプロバイダごとにキーの設定を行います。 例えばこんな感じです。 Tumblrなどになるとどこに設定を行うべきかのヘルプもあります。分かりやすいです。 クライアントID、シークレットを設定します。 その場で試すことができます。認証ダイ

TOP  >  Design  >  ビジネスシーンのデザイン表現に利用したいフリーベクター素材「25 Free Business and Finance Vectors」 硬めで堅実なイメージを表現することが多いビジネス系のデザインですが、内容を分かりやすく伝えるために、イラスト等のビジュアル素材を使うこともあるのではないでしょうか？今回はそんな時に参考にしたいフリーベクター素材「25 Free Business and Finance Vectors」を紹介したいと思います。 （Businessmen Graphics） 仕事をするシーンをイメージさせる素材から、金融関連の素材など、ビジネスシーンで目にすることが多いビジュアルのベクター素材がまとめられています。 詳しくは以下 ■Business Presentation – Vecteezy! – Download Free Vect

OAuth.ioは，80以上のOAuthプロバイダにインターフェースするAPIであり，サービスである。今回の記事では，共同創設者のMehdi Medjaoui氏とのインタビューを通じて，セキュリティやライセンスなどの詳細，今後の開発計画などについて紹介する。 OAuth.ioは，ユーザ認証やAPI認証のコード記述をシンプルにしようとする試みのひとつだ。開発者は異なるバージョンやプロトコル(1.0, 1.0a, 2.0)を実装した複数のOAuthプロバイダに対応しなくても，以下のスニペットに示すように，ひとつのAPIだけを使ってプログラムすればよい。 $('#fb-connect').click(function() { OAuth.initialize('YOUR_PUBLIC_KEY'); OAuth.popup('facebook', function(err, res) { if (

RMEIdeasPullToSortControlはiOS用のオープンソース・ソフトウェア（MIT License）です。 iOSアプリでよく使われているのが画面を下に引っ張ってデータを更新するPull to Refreshです。今回はさらにその別バージョンと言えるRMEIdeasPullToSortControlを紹介します。 こちらはデフォルトの表示です。下に引っ張ってみましょう。 ソート条件が出てきました。 引っ張ると右にフォーカスが移っていきます。 デモ動画です。 まさにPull to Sortです。現在のソート条件がハイライト表示になっていて、別な条件を指定するとリストの並びが変わります。並び替え機能の実装方式として面白いのではないでしょうか。 MOONGIFTはこう見る iOSアプリはリリース当初こそシンプルなUIで限られた機能しかなかったのに、徐々にバージョンアップしていくに

Multi-Level Push MenuはJavaScript製のソフトウェア（ライセンスは独自。利用は自由）です。 Webサイトのメニュー表示はいかに深い階層であって素早くアクセスできるかが大事です。そこで今回はMulti-Level Push Menuを紹介します。スマートフォンに似たスムーズなメニュー表示が特徴です。 一例。オープンすると左からメニューが表示されます。 深い階層に行く度に左からメニューが追加（プッシュ）されてきます。 こちらは別なメニュー。同じ幅で上書きされて、上にBackリンクが表示されます。 こちらの場合は上記二つを組み合わせたスタイルになっています。 デモ動画です。上記3つのパターンを試しています。 親メニューが右側に残っているパターンですと、そこをクリックして複数階層を一気に戻れるようになっています。アパレルやコマースなどジャンルの多い商品を扱ったサイトなど