たった4ステップで120以上のSNSログインに対応！Oauth.ioがものすごく便利
ID／パスワードの代わりにFacebookやGoogle、Twitterなどのアカウントでログインできるソーシャルログイン機能。いろんなSNSに対応するのはそれなりに面倒ですが、Oauth.ioを使えば手軽に実装できそうです。 SNSのアカウントを使ってワンクリックでWebサイトにログインできる、ソーシャルログインを便利に使っているユーザーが増えています。 この記事で紹介するOAuth.ioはFacebook、Twitter、Google+など120を超えるSNSによるログインに対応したマルチプラットホームのSDKです。使い方は難しくはありませんが、使う要件を4ステップで説明します。 ステップ1：アカウントの取得 次のものを用意してください。 FacebookとGoogle（もしくはサポートされているほかのSNS）に登録されているアプリケーションの開発者アカウント oauth.ioのアカウ
Web制作でデザインカンプを徹底再現する為の便利なアプリ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? LPなどの視覚的なデザインを売りとしたサイトの場合、高い水準でカンプ通りの実装が求められる。自分では狂いなく再現したつもりでも、どこかでずれていてデザイナーから指摘されることもしばしばある。この記事では、1デザインカンプの徹底再現（2 ピクセルパーフェクト）の必要性と、そのための便利なMacOSXアプリケーションを紹介する。 要約 他人の作ったデザインを高いレベルで再現するには、ピクセルパーフェクトを狙うくらいの意気込みが必要 その為には、ブラウザへカンプを重ね合わせるチェックが有効 Helium/Mapture/LayxerXは、フロ
Webで遊べるCreative Coding環境 - Qiita
この記事について ひとまとめにCreative Codingって言っちゃっていますが、映像や音響を扱うコーディング環境についてのメモです。それ系の人が集まってるオンラインID的なもの（Playground / Live Coding）やらビジュアルプログラミング環境、言語処理系、フレームワークなんかを含んでいます。面白い物をみつけ次第追記したい次第。 Playground wonderfl Webと言いながらいきなりFlashですが日本の老舗。KAYACさんが運営しているコード編集・共有サイト。ActionScript BeautilCodeって本が出ていて、このサイトの有名作品についてジャンルごとにまとめて簡単な解説がついてます。ActionScript知らなくても、ECMAScriptベースでclass構文と型が増えた程度なので読む分にはJSの知識で十分だし、すぐ書けるようになります。
アイテック阪急阪神株式会社
ーiからはじまる豊かな未来へ私たちがご案内しますー アイテック阪急阪神株式会社のコーポレートサイトです。
ホームページ作成・デザイン・VR|静岡県浜松市|株式会社クロスデバイス
創造しよう。 未来へ続く コミュニケーションを。 Creative × Technology × Communication 私たちは、広告制作業界で長年培った独自のノウハウとVRソリューションに代表される最新のテクノロジーを駆使することで、これまでの成功体験を軸とした創造的かつ的確なアプローチで、お客様の『想い』をターゲットとなるユーザー様へお届けします。 お客様の企画室として、広告企画制作、Webサイト構築、CMS構築、アプリ制作などプロモーションに関するソリューションを提供しています。 お客様の企画室として、広告企画制作、Webサイト構築、CMS構築、アプリ制作などプロモーションに関するソリューションを提供しています。
Webデザインのタネ | 未経験からWebデザイナーを目指した私が、Web制作のスキルアップのためのTipsをお届けします
Web制作の現場では、日々新しいデザインのインスピレーションを得るためにギャラリーサイトを活用しています。しかし、数多くあるギャラリーサイトの中から、自分の目的に合った適切なサイトを見つけ出すのは意外と難しいものです。 この記事では、複数の...
レスポンシブWebデザインのメリット・デメリットをわかりやすく！解説｜Tips*Blog｜株式会社コプロシステム
こんにちは、コプロシステムWebデザイングループの石川です。 このTips*Blogでも今まで何回か取り上げてきた「レスポンシブWebデザイン」というテーマですが、 今回のエントリーでは、そのメリット・デメリットについてまとめてみました。 Web関係の仕事を生業としている方にとってはいまさら感のある話題なのは承知の上なのですが、 Web関係の仕事に直接かかわらない人からも「レスポンシブWebデザイン」のワードを聞くことが最近多かったのと、そういう方にメリット・デメリットをちゃんと説明するためにも、わかりやすい図解入りでまとめてみました。 （今回のイラストは、我がチームの早水が担当！） 関連記事 レスポンシブwebデザインとは？（2012年1月6日エントリー） リニューアルサイト構築時に助けてもらったシリーズ ～レスポンシブWebデザインのチェックができる便利ツール～（2013年5月23日エ
iOS, AndroidでSafariからアプリのインストール状態によって遷移先を変える方法
制限すべてのOSで「表示開始時にアプリがインストールされているかを判断して表示を変える」事はできない iOS6以下の方法で画面上部にバナー（Smart App Banner）を出せる <meta name="apple-itunes-app" content="app-id=405548206"> 以下の形式でパラメータを渡すことも可能 <meta name="apple-itunes-app" content="app-id=405548206,app-argument=nakamap://invited"> 【iOS6】ページ上部にアプリが開けるバナーを表示！ Smart App Bannerについて : Excite Smartphone Engineer’s Blog ただし、この方法では「要素をクリックした場合にアプリかストアへ遷移する」動作は実現できないので、クリック時の飛び先
jqコマンドが実は高性能すぎてビビッた話
GWが始まりましたが、鎌倉のGWは観光客多すぎて逆に住民はげんなりして外に出なくなる感じです。とはいえ路地まで観光客が攻め込んでくることは少ないので、路地を散歩する分には天気がよくていい感じですね。ちなみに人力車のおにーさんはそういう味のある路地を知り尽くしているので人力車で移動するのはそこそこオススメです(ぼくは乗ったことないけど「こんなところも通るんだ!」ってところで見かけたりします)。 さて、jqというコマンドをご存じでしょうか。 jq jq is a lightweight and flexible command-line JSON processor. と書いてあるとおり、コマンドラインでJSONを扱うことができるコマンドです。で、今まさに仕事で巨大JSONと戦うことが多く、このコマンドが大活躍です。 とはいえ、ぼくの使い方としては「巨大JSONをキレイに整形して表示する」とい
こてさきAjax:chrome上で、Webサーバーを動かしてみた - livedoor Blog（ブログ）
Chrome Apps v2's socket api Chrome の Web appsが manifest v2 に変わり、その機能、特に Packaged Apps が大幅に変わっています。 What Are Packaged Apps? その中で僕が特に注目しているのが、socket api。ChromeのPackaged Appsから、生のソケットコーディングが出来るようになります。 この socket api ですが、これまで tcp ソケットでサーバーを立てることができなかった(listenとかacceptのメソッドが無かった)のですが、昨日 Google API Expert MTGで 吉川さんから、「昨晩Chromiumで実装されたみたい」との情報が。ということで、早速簡単なWebサーバーを動かしてみました・・・というのが今日のEntryです。(執筆時点では、すでに、ca
ウェブエンジニアのためのオンラインツールまとめ
The Web engineer's online toolboxというまとめ記事が便利そうだったので、実際に試しつつ抄訳してみました。(一部のコメントと体裁は変えています。) 目次 一覧 RequestBin httpリクエストを保存するエンドポイントを作ってくれる。 Create a RequestBin のボタンをクリックするとURLが表示されるので、そこをHTTPクライアントからたたくとRequestBin側にリクエスト内容が記録される。 ソースも公開されてるのでローカルで立ちあげることもできる。 githubのwebhookのhelpも参考にどうぞ。 Hurl httpリクエストを実行してくれる。パーマリンクも作ってくれるので、POSTリクエストもコピペで他の人と共有できる。 類似サービス: REST test test , Apigee console httpbin HTTP
スマートフォン対応サイトを制作する5つの方法。
今さら…な感じですが、スマートフォン向けサイトを制作する方法をざっくりとまとめました。私のように、これからスマホサイトの作り方を学ぼうとしている方の参考になれば幸いです。 作り方は様々で、それぞれにメリットとデメリットがあり、どの方法を選ぶのかはサイトの規模や方向性によってケースバイケースかな、と。つまり、Web制作者としてひと通りの知識を頭に入れておく必要がありそうです。覚えなくちゃいけないことがいっぱいあって大変ですね…>< そもそもなぜスマホ対応が必要なのか？ スマートフォンでも、PC向けのWebサイトをそのまま閲覧することは可能です。が、物理的に画面サイズが小さいため文字が読み難かったり操作しにくかったり、通信速度やCPUの問題で大きな画像や大量のコンテンツは読み込みに時間がかかったりと、快適に閲覧できるとは言えません。 ですので、画面サイズやスペック、操作のしやすさ、通信速度など
日立が色彩デザイン支援ツールを無償公開、CSS3普及目指す
日立製作所は2012年7月23日、Webサイト制作やWebブラウザを活用した業務システムの画面作成時に利用できる「画面の色作成支援ツール」を開発・公開した。来年7月までの1年間、無償で提供する。Webデザイナーに広く使ってもらうことで、Web技術「CSS Level 3（CSS3）」によるアクセシビリティーに配慮した色彩デザインの普及を目指す。 支援ツールは、日立グループが推進する「ユニバーサルデザイン活動」の一環として開発した。簡単なマウス操作で、Web画面上のテキストやボタン、プルダウンメニューなどの色彩デザインを試すことができる（画面1）。色を認知する「色覚特性」には個人差があるが、誰にでも見やすい色彩デザインになっているかどうかを自動判定する機能を備えた。日立が提案する「輝度比近似グレースケール」と呼ぶ独自の色彩確認手法も使える。 色を決定した後は、CSS3のソースコードを自動生成
Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
個人利用を中心に急伸を続けるスマートフォン市場は、もはやニッチ市場ではなくなりつつある。過去に企業サイトの携帯電話（フィーチャーフォン）対応が問われたように、今後スマートフォン向けのサイト対応が課題になると考えられる。2010年はスマートフォン元年といわれていたが、2011年は企業のスマートフォンサイトへの投資検討が本格化してくるだろう。 2010年、スマートフォンの市場規模は急成長し、『スマートフォン利用動向調査報告書2011』（MCPC監修、インプレスR&D発行）によると、2011年3月末（2010年度）の契約数は、前年の497万契約から63％増の810万契約となる見通しだ。調査によると、契約数は年平均40％以上で拡大を続け、2015年度には4,712万契約に、コンテンツ配信事業も急成長することが予測されている。こうした調査からも、今からサイトをスマートフォンに対応しておくことが決して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Markdownでスライド作成する、Swipeが素晴しい
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
お知らせ：地理＠沼津高専 ウェブ地図
Atelier*Spoon｜WEB制作・グラフィックデザイン制作・写真撮影
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
Cacoo
