2013年のいま、API界隈が熱い！ 今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します！ HOT! API 総務省 次世代統計利用システム（国勢調査、人口推計、就業構造、企業統計、物価統計 etc.） NHK番組表（※未公開） 行政・自治体・公共サービス 郵便番号 郵便番号検索API（郵便番号 → 住所） 郵便専門ネット（郵便番号 → 住所、郵便番号の簡易存在チェック） ぽすたん（郵便番号 → 住所、住所 → 郵便番号） IW3 PROJECT（郵便番号 → 住所、住所 → 郵便番号） 宇宙 Google+ JAXA PR（※現在一部の学生に限定公開

こんにちは、小林です。 昨日は父の日でしたね。親元を離れて一人暮らしをしている身なので、こういう日でないと何かをプレゼントしたりすることがありません。 孝行について、とても感銘を受けた言葉があります。 【孝行は親がさしてくれて、初めて子ができるもので、子が孝をするのではなく、親が子に孝をさせるのである。（「論語と算盤／渋沢栄一」より）】 孝をさせてくれる親がいることに感謝し、一層頑張っていきたいと思います！ それでは本題に。 iOS7やwindows8などを見ると、徐々にデザインがシンプル化してきているように感じる今日この頃。 その代表的なものとしてフラットデザインがトレンドとして注目されてるのはweb業界では周知の事実です。 細部にこだわったスキューモーフィックデザイン（Skeuomorphic design）は終わったという噂もあったりなかったり…( ﾟдﾟ) でもこういったリッチな世

題目がかなり偉そうですね。スミマセン(*´ｪ`*) まだまだ僕も駆け出しの身分でございます。したがいまして、今回は一緒にお客様の本音に耳を傾け、どうすればお仕事をたくさんいただけるのかを考えてみましょう。 お仕事の受注用に自分のウェブサイトを持ってますよね？ 人づての紹介ばかりでいまいちサイト経由の仕事が増えないな〜、もしくは、開業初期の僕のように使えるコネがなくサイトだけが頼りなの〜というフリーランスの方々！必読です。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2012 お客様の声から分かった受注用サイトの重要ポイント10個 1.サイトのデザインはどんなのが好み？

YouTubeページはSEO的にも見つけられやすいし。 最近は、ブログを書く前、アプリを上げる前、投稿する前、先に動画を作るようにしています。すると、記事を書いてるそばから動画が再生されることも少なくありません。 関連動画で露出しやすいというのもあるでしょうし、感覚的にはSEOでも見つけられやすいように感じています。 そんな動画がコンバージョンをたたき出しています。 ◆コンバージョンを叩きだすYouTube動画 動画を見たユーザーが、より詳細な情報を知りたくなり、コメント欄のURLをクリックする。これはとても自然な行為です。YouTubeのコメント欄のURLは自動的にリンクになります。 もちろん、nofollowですからリンクジュースをもらえるわけではありませんが、単純に誘導元として効果的な場合もあるわけです。サイテーション効果とも言うんですよね。 ◆アシストではなく終点コンバージョンを叩

Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.

SassやCompassを使って、ズルいデザインテクニック：ズルいデザイン（2）（1/2 ページ） SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは？ シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介します。 今回は、グラデーション、角丸のお手軽かつ効果的な使い方について解説します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 1: ズルいグラデーション CSS3ではグラデーションを扱えるようになったことから、画像を使わずに自在にグラデーションを描画して、CSSだけでよりリッチなビジュアル表現が可能になりましたが、一口にグラデーションといっても、う

寒い！最近の状況を説明するにはひと言で十分。 寒い！！kimoto です。 Google Map を自分のサイトに埋め込めることができる Google Maps API。 現在の最新バージョンは v3 なのですが、一つ前の v2 のサポートが今年の5月に切れます。 （v2 のマニュアルにも注意書きがあります） ※ 2/26追記：正確にはサポートが切れたのは2010年の5月で、2013年の5月までは動作を保証する、という事だそうです。つまり、それ以降は動作の保証が無くなるということですね。 もし API を利用している方はバージョンが幾つか確認し、v2 であれば早急に v3 に移行することをおすすめします。 てことで、v3 の設置の仕方を簡単に説明しようとおもいます。 読み込み 読み込むコードはこちら。 <script type="text/javascript" src="http://m

こりゃ便利！ 紙に描いたラフをベクター化できる｢Inkling｣のガジェットに欠かせない2つの魅力2013.02.20 22:00Sponsored そうこ Inkling＝わくわくガジェットだった！ 編集部がInklingのレビューをしようとしていたので、お願いお願い、ねぇお願いと頼んで、私が使わせてもらうことになりました。だって使ってみたかったんだもん...。 なぜギズライターの私がこんなにInklingを使ってみたかったか。それは、デザイナー業も別でやっているからです。 大学時代や卒業後はプリントデザインが多かったため、常にスケッチブックを持ち歩いていました。プレゼンやミーティングではスケッチブックを見ながら話をすることも。なんせ大学2年生の時はまだZipディスクを使っていた世代ですから、紙が身近な世代。 しかしウェブデザインへと移行する中、だんだんとスケッチブックを持ち歩くことも減

どもです。 フロントエンドでiOSとかAndroidとかのアプリ作ってるpeterです。 最近iOSアプリばかり作っていたので、Androidのことを忘れてしまいそうです。。というか4.2にいつの間にかリリースされ、5へのメジャーアップデートも噂され、若干時代に置いてきぼりです。 さて今回はタブバーの下に広告バナーを入れようとしたら結構はまったので、ほかに同じような問題にぶつかってる人の助けになれば幸いです（あんましないかもですが） 今回は、Google Admobの広告バナーを使用します。 メディエーションでいろいろなサードパーティ広告を出せるので最近使っています。 あとAdmobに関しては解説なしで進めさせていただきます。 すいません。 あとTaBBarはデザインでカスタムする前提です。 すいません。。 では順に説明して行きたいと思います。 最終的な階層は以下のようになります。 Tab

2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ

こんにちは、デザイナーのハルエです。 以前のブログで、Dreamweaverのオススメ拡張機能についていくつか紹介させていただいたのですが、今回はDreamweaverに標準搭載されている隠れた便利機能についてご紹介させていただきます。 CS6から導入されてまだまだ浸透されていない機能や、搭載歴は長いのにあまり知られないまま謙虚に過ごしている機能がたくさんあると思うんです。 CSSトランジション Dreamweaver CS6のCSSトランジションを使用すると、CSS3によるtransition効果がコードを記述することなく簡単に設定できます。 ベンダープレフィックス(-webkit-など)も自動で生成してくれます。 使用手順 1.［ウィンドウ］→［CSSトランジション］パネルを開き、追加ボタン［＋］をクリックします。(htmlファイルを選択した状態にしておかないと、選択できません。) 2

Facebookの投稿にもっと反応してもらいたい、他のユーザーからの「いいね」やコメントを集めたいと思ったとき、どうすればいいのでしょうか。ソーシャルメディア情報に特化した米サイト、Social Media Todayに答えになりそうな記事があったので、紹介します。該当記事は企業Facebookページの管理者に向けた「投稿指南」ですが（2013年2月13日公開記事）、ビジネスはもちろんプライベートでも活用できる内容です。筆者のDaniel Adetunji氏は、インタラクション率（ひとつの投稿に対してユーザーがアクションした回数を投稿閲覧数で割ったもの、インタラクション率が高い＝投稿が反応に対して効果的）を主な要素として取り上げ、次のような「方程式」を導き出しています。 投稿は土日、もしくは月、木曜に 土日のインタラクション率は非常に高いものだそうです。それに対して、平日はそれほど反響を呼

CSS演出小ネタ連投です。 【borde-radius】で作った丸型の要素に対し、マウスオーバーでコンテンツを回転させながら浮かび上がらせる方法です。 transformで拡大と回転言葉で説明するのはとっても難しい（けどやってることは全然難しくない）のでさっそくサンプルをご覧下さい。 HTML <p> <span>Shop</span> <a href="#">More info</a> </p> 【p】のなかに【span】と【a】が並んで内包されています。通常時は【span】のみ表示させておいてhoverで【a】を浮き上がらせてこよう、という構想。 p,span,a{ display:block; position:absolute; width:100px; height:100px; border-radius:50%; font-size:16px; text-align:cent