日本語表記の住所を英語表記のAddressに変換してくれるネットサービス「JuDress」
普段めったに使わない英語表記の住所が必要になったときに、日本語表記の住所を英語表記に変換する便利なWebサービスが「JuDress」です。実用性には欠けるかもしれない「Stylish変換」も用意されています。 変換方法については以下から。 JuDress | 住所→Address変換 http://judress.tsukuenoue.com/ 上記サイトにアクセスすると、住所の入力画面が表示されます。 変換する住所の郵便番号を入力すると、都道府県と住所が自動的に入力されます。 番地・建物名等を入力。 「実用的に変換」をクリックすれば、ちなみに、この住所は皇居のもの。 試しに「Stylish変換」をクリックすると、「千代田」は「1000 Price Rice Field」、「東京」は「East Metropolis」、「日本」は「Sunrise」に変換されました。 なお、変換結果が正しいか
KLNoteViewController - Cocoa Controls
A control that organizes multiple navigation controllers in a stack inspired by Evernote 5.0 app This control is dual licensed: - For Free, under the terms of the Apache 2.0 licence - Commercial license, under the Cocoa Controls commercial license agreement, v1 This option allows you to sell apps using the KLNoteViewController.
開発メモ#3 : レガシーなCGIアプリケーションのリファクタリング - naoyaのはてなダイアリー
開発メモその3です。今回は Perl のおはなし。 何年も前に作ったウェブアプリケーションのコードを開いてみたら黒歴史なコードが出てきて憂鬱な気分になる、そんな経験ありませんか。私はあります。ずっとそんな現実から目を背けて生きてきました。 さて、先日 Perl + CGI で書いて Apache::Registry で高速化している、実行環境が Apache に癒着した CGIアプリケーションを発見しました。おえ〜っ。一から作り直したい気持ちをぐっと堪えて、これを Plack 化したりとリフォームしていくとしましょう。その過程を以下記します。劇的ビフォア・アフター! ･･･とかは期待せず、地道な変更を積み重ねていくのがコツです。 方針 いきなりコードをがりがり書き換えていくというよりは、試行錯誤のしやすい環境に移行させていきながらリフォームを進めます。遠回りですが、結果的にその後の運用が楽
PostgreSQL9.1ためしてみた【非同期レプリケーション編】 - ごろねこ日記
前回インストールしたPostgreSQL9.1で非同期レプリケーションを試します。 資料として【PostgreSQL9.0レプリケーション・ハンズオン - PukiWik】を参考にさせて頂きましたというか、ほとんどこのとおりにやってるので、最初からこちらを見られたほうがいいと思いますw マスター側の設定 マスターのデータディレクトリは前回同様"/usr/local/var/pgsql/data"です。 postgresql.confの設定 $ sudo vi /usr/local/var/pgsql/data/postgresql.confwal_level = hot_standby max_wal_senders = 4 wal_keep_segments = 16 "wal_level=host_standby" でマスタがスレーブからの接続を受け付けられるようにwad_levelに
Xcode の便利プラグインまとめ - Qiita
Xcode の便利プラグインまとめ はじめに Xcode 8 からのいわゆる Xcode Source Editor Extension ではなく、あくまで非公式のプラグインを掲載します。 インストール先は ~/Library/Application Support/Developer/Shared/Xcode/Plug-ins/ Alcatraz などのパッケージマネージャを使うと管理が楽 Xcode の更新でプラグインが使えなくなる事もあるので注意 "DVTPlugInCompatibilityUUID" を追記する事で対応出来る場合もある（後述） 管理 Alcatraz Xcode プラグインや Color Scheme などを管理するパッケージマネージャ。これを入れておけばこの記事を見なくてもだいたいのプラグインは参照できます。 メニューバー > Window > Package
O2O実現の本命機能! iOSの「ジオフェンシング」を使ってみよう
皆さんは、iOS5.0より搭載されている「ジオフェンシング」という機能をご存知だろうか。 ジオフェンシングとは、アプリケーションの地図上に仮想的な"フェンス"を配置しておき、現実の世界で対応端末がそのフェンス内に入った、もしくは出たときに、特定の処理を起動させる機能である。 使い方次第ではあるが、新たな種類のアプリケーションを生み出す可能性を秘めた機能と言える。例えば、ユーザが商業施設などの近くに来た際に、キャンペーン情報などを表示させて来店を促すなど、いわゆるO2O(online to offline)分野のアプリケーションも、同機能を使えば比較的容易に開発することが可能だ。 筆者が勤務するKLabでも昨秋、この機能を搭載した「SweetHome」というiPhoneアプリをリリースしている。このアプリは、勤務先や学校など、指定した場所から一定の範囲を出た際に、所定の宛先にメールを自動で送
iPhoneアプリ内からアップデートの通知を行う
アプリをアップデートしたら、みんなに最新版を使って欲しいものですが、アップデートに気づかないこともあると思います。 ならばアップデートしたことを教えてあげましょう。 ということでアプリ内からアップデートを促す通知を出す方法を以下にまとめます。 仕組みとしては、起動時に、最新バージョンと現在使用中のバージョンを比較して、この2つが異なっていたら、通知を出し、アップデートページヘ飛ばすということをします。 まずは、最新のバージョンを取得していきましょう。 app storeに出ている最新のバージョンは、app storeのSearch APIにより取得できます。 その中のIDを指定して情報を引っ張ってくるlookupを使います。 URLはhttp://itunes.apple.com/lookup?で、引数にiTunesIDを渡してやれば、そのIDのアプリの情報をJSON形式で返してくれます。
How to Make a Game Like Jetpack Joyride using LevelHelper, SpriteHelper [Cocos2D 2.X edition] – Part 4
This is a post by special contributor Bogdan Vladu, an iOS application developer and aspiring game developer living in Bucharest, Romania. Hello again, and welcome to the fourth and final instalment of the tutorial series on LevelHelper and SpriteHelper. I said that by the end of this series you would have an exciting game to play, and you’re almost there! Last time, in Part Three, you came close
GPUImageで高速フィルター！iOSカメラアプリの作り方（まとめ・サンプルコードあり） | リンゴにかじられたブログ
「モノカラーカメラ」というカメラアプリをGPUImageベースで作りました ﾓﾉｶﾗｰｶﾒﾗ カテゴリ: 写真／ビデオ 価格: 無料 GitHub ソースコードはhttps://github.com/kasajei/ios-fantagram-kasajei/tree/1.0.0に置いてあります。書く記事ごとにtagをつけて残しているので、各回ごとに追っていきたい人はそちらからも御覧ください。 記事一覧 GPUImageで高速フィルター！iOSカメラアプリの作り方(1) ~ fantagramができるまで ~ GPUImageで高速フィルター！iOSカメラアプリの作り方(2) ~ fantagramができるまで ~ GPUImageで高速フィルター！iOSカメラアプリの作り方(3) ~ fantagramができるまで ~ GPUImageで高速フィルター！iOSカメラアプリの作り方(
Objective-CでUnit Testフレームワーク GHUnitの導入手順 - 酒と泪とRubyとRailsと
Objective-CでUnit Testフレームワーク GHUnitの導入手順 Jan 25th, 2013 Tweet Objecitve-CのUnit Testのフレームワークの中では、GHUnitが安定性の面でオススメなようです。ということで、GHUnitの導入にトライしたらドハマリしたので、今後のために導入の手順を残しておきます。 Objective-Cのテストフレームワーク Objective-Cのテストフレームワークの比較は、iOS 向けTDD/BDDフレームワークやモックフレームワークの現状 - laiso - iPhoneアプリ開発グループ がよくまとまっています。ここでの結論は、SenTestingKitが公式でサポートされているのでXCode/iOSのバージョンアップして使い続けられる点で、オススメとのことでした。 一方、TECH-GYM(株式会社プラスアール)さんの
Sublime Text2 で Titanium Mobile のコード補完を効かせる方法 - それはBooks
のように、生成した API のバージョンを指定すればOK。 Titanium 3.0.0 のコードをインストールする場合の注意 titanium-mobile.py の中でバージョン毎に参照先の URL を変えるようにしていますが、3.0.0 の API Doc 参照先が間違っています。 なので、URL を修正してあげる必要があります。titanium-mobile.py を開き 23行目辺りにある URL を次のように書き換えます。 titanium-mobile.py if version.startswith('2.'): url = 'http://docs.appcelerator.com/titanium/data/' + version + '/api.json' else: #url = 'http://developer.appcelerator.com/apidoc/m
IPAから『DOM Based XSS』に関するレポート出ました
DOM Based XSSに関しては、IPA「安全なウェブサイトの作り方」でも、拙著でもごく簡単にしか触れておらず、まとまった解説が要望されていましたが、本日（2013年1月29日）にIPAから「IPA テクニカルウォッチ『DOM Based XSS』に関するレポート」が公開されました。 同冊子の目次は下記の通りです。 はじめに 1. DOM Based XSSの概要 2. IPAに報告されたDOM Based XSSの脆弱性 3. DOM Based XSSの事例 4. DOM Based XSSの対策方法 コラム おわりに IPAのレポートと言うことで、DOM based XSSの届出の状況も説明されています。以下にグラフを引用します。 一見して「急増」していることと、昨年の10月から12月の3ヶ月で92件も届出があったということで、対策が急務となっている状況が見て取れます。これは、こ
簡単で便利すぎ！WEB制作を「楽」にする無料ツールまとめ
作成：2013/01/28 更新：2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．フォント ２．画像編集 ３．ロゴ作成 / ネタ ４．配色 ５．HTML5 ６．CSS ７．ブラウザチェック ８．エディター ９．アフィリエイトリンク作成 １０．フォーム作成 １．フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - ｋ本的に無料ソフト・フリー
JavaScript オブジェクト指向 プロトタイプなどのまとめ
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 何気にここらへんについては書いていない感じでしたので、ざっとではありますがまとめさせて頂きました。 まず、ここが変だよJavaScriptといったところで挙げられるのは 「厳密な意味でのクラスという概念がない。」ということではないでしょうか。 ここで言う「クラス」とはCSSが参照するclassではなく、 C#、Javaなどといったオブジェクト指向プログラミング言語で使用される「クラス」に該当します。 あくまで厳密な意味で無い。とのことなので、無いこともないのです。 では、どのように作るかと言いますと。 var Webcyou = function(){}; と、最もシンプルなクラスの例を挙げてみました。 var hoge = new Webcyou(); と、呼び出す際は
[CSS]ソーシャルボタンのリストが蛇腹状に折り畳まれるスタイルシート
ソーシャルサービスのボタンを配置したリストがアニメーションで蛇腹状に折り畳まれるスタイルシートを紹介します。 デモページ：開いた状態 実装 外部ファイル jQueryとModernizrを</body>の上に外部ファイルとして記述します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script> HTML 一番上のグレーはh2要素で、各ソーシャルボタンを配置するパネルはリスト要素で実装します。 <h2 class="connect">Connect with me:</h2> <ul class
AWSを活用したリアルタイム広告の入札・配信・ログ解析 #hcj13w
Hadoop Conference Japan 2013 Winter で発表した資料です。 http://hcj2013w.eventbrite.com/ 『AWSを活用したリアルタイム広告の入札・配信・ログ解析』 講演者: 安田 崇浩, ソネット・メディア・ネットワークス株式会社 最近のインターネット広告では、複数の広告会社が1ページビュー毎にオークションに参加して広告を配信するリアルタイムビッディングという取引が行われています。日本でも1秒間に数万件以上の取引が行われており、弊社も参加しています。最適な広告を配信するために、オークション取引や落札後の広告配信のログをMessagePack/RabbitMQで処理し、AmazonS3、Elastic Map Reduce、DynamoDB 等のAmazon Web Servicesを活用して分析しています。オークション取引、広告配信で利
第1回 機械学習を実践する前の基礎知識 | gihyo.jp
みなさん、次のようなことができたらいいと思ったことはありませんか？ 「顧客ごとに、適したタイミングと内容で、DMを送信できたら……」 「CGM系サイトへの誹謗中傷なんかのスパム投稿を自動識別できたら……」 「サーバの負荷が高まるタイミングを事前に予測できたら……」 一見するとこれらは実現していることがまったく異なりますが、じつはある共通点があります。それは「データを分析し、その結果を活用している」という点です。 Data is Kingの考えから得られるメリット かつてAmazonに在籍していたRonny Kohaviは「Data is King at Amazon」と言い、データの重要性を説きました。事実、Amazonはユーザの購買履歴から商品のレコメンデーションを行い、ユーザのサイト内の遷移履歴やクリック率からサイト構造の改善を行うなど、データを徹底的に活用していることで知られています
PIL を正しくインストールする - secretbase.log
JenkinsマシンでビルドしたSphinx の image ディレクティブ の scale オプションが効いてなかったので、なんでだろう？とつぶやいたら、 清水川先生から Pillow(PIL)が入ってないんじゃね？ ということで、PILを入れてみます。正しく PIL をインストールする方法を昔聞いたことを思い出しました。 結論 PyPI に登録されている Pillow を使いましょう。 インストールは、 easy_install pillow で。 PIL をインストールする方法はいろいろな記事が蔓延しているが、正解はeasy_install pillowを使う #sphinxjp— こいんとすさん (@cointoss1973) 2012年12月16日 Pillow のドキュメントを見ると、 Pillow は PIL を fork したものであるようだ。 Windows 環境 にイン
Hadoop上の多種多様な処理でPigの活きる道 (Hadoop Conferecne Japan 2013 Winter)
Ansibleで構成管理始める人のモチベーションをあげたい！ （Cloudera World Tokyo 2014LT講演資料）
mrubyプチハッカソンに参加してきました
mrubyプチハッカソン及びmrubyの夕べに参加させていただきました。 ちょっと長くなっちゃったので、夕べの方は別エントリにしますね。 Rubyについては、個人的にシェルスクリプトの代替として利用したことはあったものの、ちゃんとした開発に利用したことはありません。 しかし、端から見ていてコミュニティの雰囲気と、10月あたりにmrubyに興味を持ったときにMatzさん直々にお言葉をかけていただいた為、大変興味を持っておりました。 参加された他の方々と違い、知識0での参加となった訳ですが、色々と教えていただきましたので、メモとして残しておきたいと思います。 mrubyプチハッカソン お題等は特に設定されていなかった為、ほぼ@masuidriveさんとIIJの方々による、mruby講習会と化していました。(私には大変有意義でしたが。(^^; build方法について $ git clone
はじめてのShiny
forループ内でエラーが起きると処理が異常終了しますが、try関数の利用により最後まで処理を続行することができます。
MobileRead Wiki - Kindle Hacks Information
This page list Hacks and Apps that can be added to your Kindle. It's mainly for the Kindle 3 and some for Kindle 2 and 1. For information about Kindle touch hack you can visit: Kindle Touch Hacking Most of the links on this page are to the MobileRead forum, if you see a related subject from the wiki, please add it to the link, or even replace the link to the forum if the information linked on the
jQuery のバグを見つけてから修正されるまで: Days on the Moon
1 月 24 日に開催された Kyoto.js meetup 4 で「jQuery のバグを見つけてから修正されるまで」と題した発表を行いました。 jQuery へのコミットに関して 2 行でまとめるとすれば次のようになるでしょうか。 jQuery のソースコードはショートコーディングの嵐なので心してかかる Contributing to jQuery と jQuery Core Style Guidelines は必読 発表の筋書きは以下の通りです。 jQuery のバグを見つけてから修正されるまで フォロー・ミー nanto_vi (TOYAMA Nao) 株式会社はてな アプリケーションエンジニア クライアントサイド (JavaScript) サーバーサイド (Perl) jQuery をバリバリ使っている Deferred イベント DOM 操作 ある日どこかで 街中にクリスマスの
Redis + Sentinel で自動フェイルオーバ in Amazon VPC を試してみた - matetsuだもんで
お久しぶりです。 最後にブログを更新したのがInternal ELBが登場して勢いで書いた6月11日。。。更新してなさすぎですね。 そこで今回試してみたのは、Redis + Sentinelの自動フェイルオーバをAWS VPC環境で実現するというものです。 元々は「 RedisをKeepalivedでフェイルオーバーする構成案 - 酒日記 はてな支店 」を参考にして構築しようと考えていたのですが、VPC(というかAWS)の環境ではbroadcastやmulticastが使用できないので、VRRPが使えず断念。そこで少し途方にくれつつ考えたのが、Sentinelを使う方法。 Redisについては特に説明は必要ないと思いますので、Sentinelについて簡単に。 監視: masterやslaveが期待通り動いているかどうかを定期的に監視 通知: 指定したログレベルのものが発生した時に、管理者や
Machine Learning Cheat Sheet (for scikit-learn)
As you hopefully have heard, we at scikit-learn are doing a user survey (which is still open by the way). One of the requests there was to provide some sort of flow chart on how to do machine learning. As this is clearly impossible, I went to work straight away. This is the result: [edit2] clarification: With ensemble classifiers and ensemble regressors I mean random forests, extremely randomized
suz-lab.com - suz lab リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
OpenFlow実践入門 - Plan9日記
そろそろ「OpenFlow実践入門」についてステマしないといけないのではと思ったので書いてみる。OpenFlowに関して日本語で書かれた書籍はまだ2冊しか出ていないと思うけど、OpenFlowに興味あるならまずはこれを買っておけと。 OpenFlow本と言いつつ、実質はTrema本である。TremaはRubyで書かれたOpenFlowコントローラフレームワークなので、Rubyに愛のない人は厳しいだけど、Rubyを知らなくてもその都度Rubyの文法に関する補足がなされているので、最後まで読み通すことができる。Trema Dayでも、「Python版Tremaはどうなった？」という話が出てきたが、Pythonで再実装するぐらいなら、Rubyを覚えた方が早い。Python使いならRyuという選択肢もある。 高宮さんの巻頭言に感動しながら読み進めていくと、最初に出てくるhello-trema.rb
Sublime Text 2を使ってMarkdownを編集したりプレビューしたりする
Sublime Textが流行っているのでMarkdown編集用にインストールしてみました。MarkdownBuildというパッケージをインストールすると、ブラウザでプレビューできて便利でした。 まずはパッケージインストールを楽ちんにする パッケージをインストールするには、Sublime Package Controlというものをインストールすると便利です。インストール方法はこちらに書かれています。 Ctrl + ` 画面下側に出てくるコンソールに以下を入力してEnter https://gist.github.com/daipresents/28a5f83dc01e16ae499c8e2ff3ea8897.js あとはエディタを再起動するだけ。 MarkdownBuildをインストール Package Controlがあるのでインストールは楽ちんです。「Cmd + Shift + p」を
Illustratorで画像トレースする方法！落書きからイラストを作ってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Photoshopでゴミ取りをする。 まずは、写真のゴミ取りから取り掛かります。 こちら、弊社 落書き ホワイトボードの写メです。 この状態からPhotoshopの「レイヤースタイル」→「トーンカーブ」で周りを白く飛ばし、余計な背景を消しゴムツールで削ってゆきます。 同じ作業をなんどか繰り返して…… こんな感じの、なるべく線だけが見える画像にします。 画像トレースでIllustratorに線画を取り込む。 先ほど作った画像をIllustratorに配置し、画像を選択した状態で、「ウィンドウ」→「画像トレース」を開きます。 ここを調整してプレビューを確認しながらトレースをすると割りとうまくいきます。 しきい値が多いほど詳細に取り込まれます。 調整が決まったら、プレビューを外してレッツトレース！！ 次に、トレースされた画像を選択して「オブジェクト」→「画像トレース」→「拡張」で線画をパス化して
初級者向け iOS デバッグ Tips - enator's blog
2013-01-29 初級者向け iOS デバッグ Tips こちらの良記事を拝見しまして、 中級者向け iOSデバッグTips 初級者向けを作ってみようかと。 とりあえず、 ブレイクポイント操作のステップ実行あたりと NSLog周りについて ブレイクポイント操作のステップ実行 まずブレイクポイントの張り方は、 .mファイルの行番号をクリックするだけで有効になります。 ※青くならない場合は、Toolbar上のBreakPointsをクリックしてください。 で、実際に実行し、その箇所にくると処理が止まってくれます。 ※今回はviewDidLoadに記載しているので、いきなり止まります。 そうすると、デバッグエリアが自動的に表示されます。 ここで重要なボタンがあるので、まずはそこから。 とりあえず、左から番号を振ってみましたが 1.Step over 一行ずつ処理を進めます。ただし、メソッドを
頭の良くなる学び方、α波を出して集中力を高める９つの方法
「α波を出せば勉強に集中できる！」なんて話を耳にしたことがありますよね、でもα波って何だかわからない、なんてひとも多いのではないでしょうか？ざっくりと言うとα波とは、集中力が高まっている時や、気分がリラックスしている時にでる脳波、これを上手にコントロール出来るようになると、勉強の効率が上がったり、ストレスを抜く為にリラックスすることが容易にできるようになります、これって結構魅力的ですよね。 そんな訳で今日はα波の仕組みやそれを使って勉強の効率を上げたり、集中力を高める方法をお伝えします。 α波で集中力アップ！：自然の音を聞く集中力とα波には密接な関係があります。α波が出ている時、これは人間が集中している時やリラックスしている時に出る脳波です。したがって、α波が出ている時に勉強をすれば、出ていない時の勉強に比べて「成果は大きい」と言えるんですね。別の言葉で表現すると「頭が良くなる勉強法」とな
SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 | DevelopersIO
こんにちは山形です。 htmlやcss等を書いて静的なWebサイトを制作している方なら誰でも、より効率的な環境求めていると思います。 DreamweaverやAptana等のIDEを使うのも一つの手だと思いますが、より柔軟な環境構築としてご紹介したいと思います。 Rubyをインストールする Windowsの場合 Engineyard社が提供しているRailsinstallerでサクッと入れてしまいましょう。 Railsinstallerはこちらからダウンロード出来ます ダウンロードできたらexeを起動しウィザードに従ってインストールを実行してください。 Mac OS Xの場合 rbenvでのインストールを紹介します。 先にXcode Command line Toolsのインストールを済ませておいてください。 Xcodeの環境設定からインストールできます。 # rbenvをgithubから
SVN から Git へ：進行中の開発に影響を与えずに Git へ移行したアトラシアンの方法 ― 技術的側面 | Atlassian Japan 公式ブログ | アトラシアン株式会社
*本ブログは Atlassian Blogs の翻訳です。本文中の日時などは投稿当時のものですのでご了承ください。 *原文 : 2013 年 1 月 22 日 "From SVN to Git: How Atlassian Made the Switch Without Sacrificing Active Development – the Technical Side" このポストは、エンタープライズ開発のバージョン管理を Git に切り替えることに注目した連載記事（全三回）のうちの第二回目として、 Dr.Dobb's で紹介されました。最初の記事では、 今日、これほど多くのチームが切り替えを決断している理由 について議論しました。今回の記事では、アトラシアンが行った Git への切り替えにおける技術的な側面に焦点を合わせています。 この三部からなるブログシリーズでは、アトラシアンが行
jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話
jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点では Google Chrome のみなので、Google Chrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずに Google Chrome で
様々なスタイルのツールチップを実装できるスクリプト・opentip
様々なスタイルでツールチップを実装する為のJavaScriptフレームワーク・opentipのご紹介です。噴出しの形状や表示場所、Ajax対応など、状況に応じて実装する事が出来ます。 ツールチップ実装用のJSライブラリです。様々なスタイルで実装可能です。 ツールチップのJSフレームワークです。OSSとして公開されています。 複数のツールチップを一括で出すことも可能です。 <div data-ot="Shown after 2 seconds" data-ot-delay="2"></div>カスタムデータ属性でセッティングできるみたい。 new Opentip("#foobar", "Shown after 2 seconds", { delay: 2 });上記のようにAPIを使用する方法でもOKとの事。 ライセンスはMITです。詳細は以下よりどうぞ。 opentip
メトロライクなUIと大胆なオーバーレイエフェクトが気持ち良い EXPANDING OVERLAY EFFECT / Maka-Veli .com
CodropsでMARY LOUという方が書かれていたんですが、可愛かったのでご紹介。 CSS/JS/で作られていて、デモでは天気予報を作られているんですが、アイコンはフォント。オーバーレイエフェクトもとても良い感じです。 メトロっぽいデザイン、増えてきましたよね。 個人的には結構好きなんですが、色と枠内のバランスをミスると一気に下品な感じになりがちなので結構難しい・・・ ダウンロードも出来ます。詳しく知りたい方はこちら PUTTING CSS CLIP TO WORK: EXPANDING OVERLAY EFFECT / Codrops http://tympanus.net/codrops/2013/01/17/putting-css-clip-to-work-expanding-overlay-effect/ メトロライクなUIと大胆なオーバーレイエフェクトが気持ち良い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bluetooth Low Energy 解説
How To Make a Breakout Game with Corona
ユニーク配列のベンチマーク
CBCentralManager リファレンス抄訳
画像ファイル名を補完してくれるXcodeプラグイン
JSON Accelerator
[D] タブ切り替えを快適にするSublime Text 2プラグイン OpenFileList
Errbit - Railsアプリケーションの本番エラーをHerokuで管理、メール通知する【無料枠】
MySQLの冗長化 2013-01-24
今更聞けないJPG・GIF・PNGの使い分けとワードプレス(WP)での運用
2013年のウェブデザインのトレンドを探るかっこいいUIデザインのまとめ