20140807 AWS Startup Tech Meetup
17. front_worker API サーバがキューイングした job をさばく メール送信 プッシュ通知送信 外部 API 処理 その他リアルタイム性が 求められない処理 ピークタイムは28台・280プロセス、 アイドルタイムは2台・20プロセス 振幅10倍のオートスケールな worker とか 18. batch_worker いわゆるバッチ処理も worker でやる。 メールの一斉配信や日次処理など resque-scheduler利用 cron 的に job をキューイングする スケールしやすいようにバッチを設計すると いい感じに 「スケールしやすい」= worker 数を 増やすことでリニアに処理時間が短縮できる といった意味 例：worker 数を2倍に増やすと メール一斉配信の所要時間が半分になる。 わかりやすい！ ピークタイムは20台・200プロセス、 アイドルタイム
「自分がほんとに好きなアプリ」をつくったら250万ダウンロードの大ヒット。「こんなフリーキックはイヤだ」の作者ハップがありのままの姿見せるまで。 | アプリマーケティング研究所
「自分がほんとに好きなアプリ」をつくったら250万ダウンロードの大ヒット。「こんなフリーキックはイヤだ」の作者ハップがありのままの姿見せるまで。 独創的なゲームアプリなどで累計750万ダウンロードの「ハップ」さんにお話を伺いました。不思議な世界観のアプリはどのようにして生まれているのか？ ※株式会社ハップ 石本さん（イメージ画像） ハップができるまで。 石本さんは、アプリ開発をはじめる前は、何をされていたんでしょうか？ 石本： もともとウェブ系の会社でWEBデザイナーとして働いていました。Flashを使ったウェブサイトの構築がメインです。 それからフリーで独立して、その2年後に法人化してハップをつくりました。いまも社員はいなくて、自分一人なんですけどね。 デザイナーとして会社から独立するのは、不安はなかったですか？ 石本： それはあまりなかったです。元々いた会社も、10人くらいの小さい会社
“カップルが一緒にお風呂に入る割合”を「ベイズ推定」で分かりやすく推論 - はてなニュース
人力検索はてなに投稿された「恋人や夫婦で一緒にお風呂に入りますか？」という質問と回答をもとに、統計学の手法のひとつ「ベイズ推定」を用いて、その割合を推論するスライドが話題を呼んでいます。「一緒にお風呂に入る」という内容と、説明の分かりやすさから、はてなブックマークのコメント欄でも盛り上がりを見せています。 ▽ カップルが一緒にお風呂に入る割合をベイズ推定してみた ▽ 世界一くだらないベイズ推定の話をしてきました - ほくそ笑む ▽ 恋人や夫婦で一緒にお風呂に入りますか？ 知人の中には、毎日の… - 人力検索はてな このスライドの作者であるhoxo_m（id:hoxo_m）さんは、投稿された質問と回答をもとに「カップルが一緒にお風呂に入る割合」をベイズ推定を用いて考察しています。ベイズ推定とは、推定したい事柄のデータ（事前分布）に観測された事実のデータ（事後分布）をどんどん足して更新すれば、
データ分析の計画収集加工そして判断まで (後編) - Qiita
ようやく前回の続きで今回は後編です。 さてここでみなさんもう一度、原点に立ち返ってみましょう。なぜデータを集めて分析をするのか。それは利益を最大化したいからです。自分が得をするために、判断の根拠となる材料 (データ) を収集し、中身を整理して眺め、行動に結びつけて利益を得ます。 すなわちデータ分析には利益につながる明らかな動機 (目的) が存在し、また分析の結果を行動に結びつけて初めて価値が生まれます。 ゲームと投資 ここで投資の話をしてみましょう。 万人に正しい投資法というのは存在しませんが、たとえば株式においては市場で優位性を得るための前提条件がいくつかあります。 1. 投資は確率のゲームである 2. 市場はおおむね効率的である、しかしわずかな歪みが生じている 3. 資本主義は自己増殖するので長期的には市場が拡大し、株価は経済成長率に収束する これは古典的なアイテム課金型ソーシャルゲー
css3アニメーションのレパートリーがきっと増える！動きの参考になる22サイト | 株式会社WEB企画
css3でアニメーションを使用するサイトが近頃増えてきました。背景としては、css3アニメーションのプロパティにほぼ対応しているスマホ端末の普及や、animationプロパティ未対応のIE9（IE6～IE8を含む）のシェアが低下してきていることが挙げられると思います。 つまり、css3アニメーションの対応ブラウザは「増加中」ということに他ならず、実装するサイトは更に増えていくのではないでしょうか。 今回は、そんなcss3アニメーションの実装時に参考できる22サイトを集めてみました！ 1：丸型オブジェクトにピッタリのアニメーションギャラリー 丸型オブジェクトに対して、様々なホバーエフェクトを実装しています。 何気なくマウスオーバーした時にこんな動きがあれば、注意を引きつけられそうですね！ http://tympanus.net/codrops/2013/05/30/simple-icon-h
Bootstrapをカスタマイズ！ページをスマホで表示した際に横からナビゲーションをスライドさせる -Bootstrap Offcanvas
Bootstrapで実装したページをスマホなどの幅が狭いスクリーンで表示した際に、横からオフキャンバスのナビゲーションをアニメーションでスライド表示させるJSとCSSのパックを紹介します。 Off Canvas -Bootstrap Bootstrap Offcanvasの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="../dist/css/bootstrap.offcanvas.min.css"/> </head> <body> ... <script src="../dist/js/bootstrap.offcanvas.js"></script> </body> Step 2: HTML まずは、オフキャンバスのナビゲーションを開くボタン。 <butt
O'Reilly Japan - Google BigQuery
本書は、クラウド上でSQLを使ってビッグデータを解析するGoogle BigQueryについて包括的に解説する書籍です。Google BigQueryの使い方から内部動作、そしてBigQueryならではのSQLの活用法、サードパーティのツールとの連携までを詳しく解説します。また、BigQueryを支えるGoogleのインフラストラクチャについても総覧しており、現代最高の超巨大インフラストラクチャの姿を知ることができます。BigQueryの全体像をマスターできる本書は、ビッグデータをSQLで活用したいデータサイエンティスト、ソフトウェア開発者必携の一冊です。 訳者まえがき はじめに I部 BigQueryの基礎知識 1章 Googleにおけるビッグデータの物語 1.1 ビッグデータスタック 1.0 1.2 ビッグデータスタック 2.0（そしてその先にあるもの） 1.3 オープンソースのスタッ
requestAnimationFrame and Date.now in WebKit - latest log
2015-03-03 の一連のツイートがこちら performance.now() iOS 8.0 で追加されて、iOS 8.1 で削除されてた— コラーゲンたっぷりさん (@uupaa) 2015, 3月 3 正しくは、「iOS 8.1.1 で」ですね performance.now() 削除されてたのソース。 WebKit のとこ https://t.co/gvpnz9Wwk2— コラーゲンたっぷりさん (@uupaa) 2015, 3月 3 performance.now()の無効化が何故痛いかというと、Date.nowは相当重い部類のAPIという認識なのでアニメーション中には一回も呼びたくないしTimer系を呼ばないように組み上げると速くなる。 その辺の事情を知らない人はバンバン呼んでるけど、あれはよろしくないです— コラーゲンたっぷりさん (@uupaa) 2015, 3月 3
非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回
PHP - 憂鬱な希望としての PSR-7 - Feelin' Kinda Strange
tl;dr PSR-7は普段PHPにてHTTPメッセージを扱うインターフェイスとしてそこそこ十分に機能する。メインユースケースの８割は満たすだろうが、PHPのポテンシャルの５割にも満たないかもしれない。だがそれで良い。 「今年は PSR-7 が来る」 つい先日、PHP-FIGのHTTPメッセージ用インターフェイスに関するPSR（PHP Standard Recommendations）のステータスがレビュー段階に入った。 https://github.com/php-fig/fig-standards/blob/master/index.md そこでこのエントリではPSR-7のインターフェイスが実際のフレームワークとアプリケーション間での利用の際に上手く機能するかについて考察する。なお、OOPとしての正しさについては深く言及しない(ヘッダーについてのデメテルの法則や、イミュータブル性などだ
モバイルの都で世界の起業家達が躍った一週間〜MWC2015周辺スタートアップ関連イベントから #MWC15 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
3月2日〜5日の4日間、スペイン・バルセロナでは、世界中から10万人が訪れる毎年恒例のモバイル業界のお祭り「Mobile World Congress（MWC）」が開催された。例年は2月に開催されるが、今年は ZTE（中興）や Huawei（華為）といった中国勢が展示企業の多くを占めたため、旧正月を外す形で開催日程が3月にずれ込んだようだ（ちなみに、2016年は2月に開催されることが決まっている）。 そのような事情から、イベント開催期間中、バルセロナの街は参加バッジを胸につけた中国人参加者の姿が目立った。MWC メインイベントについては有名メディアが幅広く取り上げてくれるので、THE BRIDGE の出る幕は無い。ただ、個人的には、MWC が特に魅力的なのは、MWC よりもその周辺で連日行われるミニイベントの方だ。メインイベント会場が静けさを取り戻す夕方頃になると、連日のようにバルセロナ市
WEBエンジニア一人だけでサービスを作りきる方法-夫婦のための自動ごはん予定お知らせサービス「GoHaaan」制作でやったこと
夫婦のための自動ごはん予定お知らせサービス「GoHaaan」を2月末にリリースしました。パチパチパチ。 https://gohaaan.com/ どんなことができるかっていうと、Googleカレンダーの予定タイトルに[LUNCH]とか[DINNER]っていう文言を含めておくと、自動的に予定の前日16:00に指定のメールアドレスへ「ごはん食べてきますよー」っていう旨のメール通知を送ることが出来ます。 嫁さんのメアドとか設定しておけば、自宅で食べるかどうかの確認を忘れずに済むので、 「外で食べて来たけど家帰ったらごはん準備してあった…」とか 「お昼は外でランチミーティングの予定だったのにお弁当作ってた…」とか を減らせるんじゃないかな。 startapp.jpに作った経緯とか載せてるので読んでみてね。 夫婦のための自動ごはん予定お知らせサービス「GoHaaan」 開発者、スーパーRubyist
More Transparent UI Code with Namespaces – CSS Wizardry
6 March, 2015 More Transparent UI Code with Namespaces Written by Harry Roberts on CSS Wizardry. Table of Contents The Namespaces Object Namespaces: o- Component Namespaces: c- Utility Namespaces: u- Theme Namespaces: t- Scope Namespaces: s- Stateful Namespaces: is-/has- Hack Namespaces: _ JavaScript Namespaces: js- QA Namespaces: qa- Handy Side Effects Detecting Namespaces Finding (In)valid Class
Private Presentation
Private content!This content has been marked as private by the uploader.
開発環境の構築ステップを完全図解～Android StudioからはじめるAndroidアプリ開発:その1【初心者向けアプリ開発3分tips】 - エンジニアtype
iOS、Android、Unityなどのアプリ開発について、初心者向けの内容を『RainbowApps』講師陣が分かりやすく解説していきます。 Android Stdioをインストール まず、Android Studioのダウンロードおよびインストールから始めます。 ブラウザで下記のURLにアクセスし、「Download the SDK」ボタンをクリックしてください。 http://developer.android.com/sdk/index.html 次のページで「 I have read and agree with the above terms and conditions」のチェックボックスにチェックをし、Downloadボタンをクリックしてください。
PyData.Tokyo Tutorial & Hackathon #1 に参加してきた #PyDataTokyo - shinyaa31's Memorandum
PyData.Tokyo Tutorial & Hackathon #1 - connpass PyData.Tokyo(@PyDataTokyo) 2015/03/08 PyData.Tokyo Tutorial & Hackathon #1 #PyDataTokyo - Togetterまとめ 分析環境"構築"は割と身近に身を置いている今日この頃なのですが、分析作業そのものにはまだまだ疎い状態です。興味自体は非常にあるのですが...という訳で、今回Pythonでチュートリアルを行いながら機械学習の触りなどを体験出来るハッカソンイベントが開催告知されていたので参加申し込みを行い、晴れて抽選が通ったのでこの日(2015/03/07)参加して来ました。 会場はデンソーアイティーラボラトリ様＠渋谷クロスタワー28F。見晴らし最高でフロアも寛ぎやすそうな(卓袱台もあった！)、良い雰囲気でした。
Slideout.js - A touch slideout navigation menu for your mobile web apps.
$ npm install slideout $ bower install https://github.com/mango/slideout.git $ component install mango/slideout 1. First of all, you'll need to have a menu ("#menu") and a main content ("#panel") into your body. <nav id="menu"> <header> <h2>Menu</h2> </header> </nav> <main id="panel"> <header> <h2>Panel</h2> </header> </main> 2. Add the Slideout.js styles (index.css) in your web application. body
JavaScriptで構築している箇所もHTMLと同等にGoogleにインデックスされつつある - F.Ko-Jiの「一秒後は未来」
久しぶりに Google のウェブマスターツールにある「コンテンツ キーワード」でこのブログのキーワードを確認していたら、なぜか2位に「users」というキーワードがあるのを見つけました。 試しに Google でサイト内検索してみると、サイドバーに表示している「はてブ数順 人気エントリー」の部分が検索結果のスニペットに表示されていました。 ↑ この「471 users」などの記述は、 ↑ サイドバーのこの部分にだけあるもの。 「ページに表示してるんだからスニペットに表示されて当然なのでは？」と思われるかもしれませんが、この部分は JavaScript を使って動的に構築している部分なのですよね。具体的には、懐かしの Yahoo! Pipes で出力した JSON データを読み込んで jQuery を使用して動的にリストを構築しています。 http://blog.fkoji.com/onl
SVGでアイコンフォントをつくるならIcoMoonがオススメ！
最近のウェブデザインではアイコンフォントをつくるスキルは必須といっても過言ではないですね。 先日公開したサイトも、ムクドリさんやカバさんはアイコンフォントなのです。 ムクドリさんかわいい アイコンフォントを作成する流れはだいたいこんな感じ パスでアイコンを描く(色はベタ塗り1色！) SVGで保存する（だいたいはこの時のファイル名がアイコンの名前になります） SVGをアイコンフォント生成サービスでアイコンフォントに変換する それではAdobe IllustratorとIcoMoonでサクっとつくってみましょう。 パスでアイコンを描く アイコンフォントはその名前の通りフォントなので1色でつくり、CSSなどで色を変更します。 Illustratorならアートボード機能を使えば編集やあとでまとめてSVGにするときに便利っす。 SVGにする時はパスやフォントはアウトライン化して、パスファインダーで結
Memcachedのプロトコル仕様とセキュリティ – Memcachedでもインジェクションが可能
(Last Updated On: 2018年8月13日)Memcachedはテキストプロトコルとバイナリプロトコルの二種類を持っています。デフォルトはテキストプロトコルです。テキストプロトコルを利用している場合、テキストインターフェース処理の基本を理解した上で利用しないとセキュリティ問題が発生します。こういった処理のセキュリティ対策を行う、確認するには実は標準の方が簡単で明解 – セキュリティ対策の評価方法も参考になります。 Memcachedはキーバリュー型なのでSQLインジェクションのような脆弱性とは無縁、と思っていた方は是非読んでみてください。 Memcachedのテキストプロトコル Memcachedのホームページに書いてあるように、memcachedではテキストでコマンドを送り、その結果が返ってきます。 Play with telnet $ telnet localhost 1
highlight.js - 100種類の以上の言語に対応したコードハイライター MOONGIFT
ブログやWebサイトでプログラミングコードを載せる際に必要になるのがハイライト処理です。単純にコードをそのまま載せても可読性はとても低いです。ハイライトライブラリを使って、見やすくすべきです。 個人的にはGoogleが作っているgoogle-code-prettifyをよく使っていたのですが、highlight.jsも使いやすそうです。 highlight.jsの使い方 左側のコードが表示例。テーマも用意されています。 Apacheの設定ファイルも対応しています。 CoffeeScriptにももちろん対応。 Diff。 HTTPヘッダー、iniファイルにも使えます。 Apacheがあればnginxももちろんあります。 highlight.jsは112言語、49のテーマが用意されています。HTML/JavaScript/スタイルシートのようにマルチ言語に対応したハイライトが行えます。言語も自
CSSプロパティの重複を解析してくれるgrunt-csscssについて紹介するよ - Qiita
peterkeating/grunt-csscss 今回紹介するgrunt-csscssはCSSプロパティの重複を見つけてくれるgrunt-pluginである。 csscssってゆうgemがありまして、これをGruntから叩いてるのですね。なので、このプラグインを使いたければ事前にgem install csscssしとかな使えまへんで。 このcsscssがなんのためにあるのかというと、サイトには以下のようなことが書かれている。 What is it for? One of the best strategies for me to maintain CSS is to reduce duplication as much as possible. It’s not a silver bullet, but it sure helps. ほー、メンテナンス性のためとな。僕は単純にファイルサ
JSコードの品質チェックをしてくれるgrunt-platoについて紹介するよ - Qiita
grunt-platoとは platoというツールから、JavaScriptコードのソフトウェアメトリクスを計測し、HTMLでレポートを生成してくれるGruntプラグインです。 https://npmjs.org/package/grunt-plato https://github.com/jsoverson/grunt-plato platoとは 上でほとんど書きましたが、platoはJavaScriptコードのソフトウェアメトリクスを計測し、HTMLでレポートを生成してくれるNode製のツールです。 https://github.com/es-analysis/plato platoではjQuery, Grunt, marionetteのレポートをサンプルとして公開してくれてるので、まずはこれらを見て、どのようなものなのか知ってください。 http://es-analysis.gith
2015年はgulpで決まり！開発環境をgruntから乗り換えよう！（コーダー編） | SONICMOOV LAB
もーいーくつねーるーと～、おーしょーうーがーつー♪ という所で、今年も残り 10 営業日を切りましたね・・・・！早いですね！ 皆さまいかがお過ごしでしょうか♪ 世間はクリスマスなムード一色ですが、皆さまお忘れになってはいないでしょうか。 大掃除という名の一大行事を！！終えない限りはクリスマスを迎えられませんよね（鬱 今週こそはきっと・・・ほほほ。。 自分を追い込んでみたところで、本題に入りたいと思います！ こちらは、ソニックムーブ Advent Calendar 2014 12日目の記事になります！ 目次 なぜ gulp なのか 目標 ディレクトリ構成 基本設定 タスク設定 トラブルシューティング 参考URL なぜ gulp なのか 当記事は grunt から gulp に乗り換えを考えているユーザーを対象としているので、Node.js のインストール方法の説明を省かせていただきます・・・
Webサイト制作に便利なGruntプラグイン（その1） - Qiita
これからGruntを始める同僚の参考になればいいなぁ、と思い書きました。今回は基本のGrunt-contribプラグインにターゲットを絞り、その中で僕がWebサイト制作で特に利用することの多いプラグインを紹介しています。 簡単な設定例も併記しましたが、たいていはそれぞれのプラグインでより多くのオプションが用意されており、また僕自身もそれらの機能を十分把握していない可能性もあるので、実際に使用する際には各々の説明ページを参照してください。 また、grunt-contrib以外で利用しているその他のGruntプラグインは、別記事としていくつか紹介しています。 Gruntにやってもらうと便利な作業 さまざまな用途に利用できますが、Web制作では以下のような機能が便利に使えるのではないでしょうか。 【開発時】 任意のファイルを更新すると、ブラウザを自動で更新（ライブリロード） CSSスプライトの生
僕がGrunt.jsで使っているPlugin一覧 - Qiita
どんなニーズに基いているか デザインやちょっとしたプログラミングをする人なので、単体テストとかはないです。 デザイナーだけどフロントエンドに興味ある人向け。 2015-02-07: gulp編を作成 gruntからgulpへ移行したので、gulp版の一覧も作成しました。 僕がGulpで使っているPluginとnode.jsモジュール一覧 - Qiita プラグイン一覧：非Contrib系 grunt-aws-s3 S3にアップロードできるプラグインはいくつかあるけど、いくつか試して一番良かったのがこれ。 同名ファイルは確認なしで上書き可能 デフォルトでpublic-readになるので、Web関係には便利 配布元 https://github.com/MathieuLoutre/grunt-aws-s3 grunt-bless IE9のセレクタ数限界を解消する「bless」を実行できる。 昔
僕がGulpで使っているプラグインとnode.jsモジュール一覧 - Qiita
最近gruntからgulpに移行した。gruntの時はgruntプラグインで実現していた機能の一部は、gulpプラグインではなく普通のnodeモジュールを使って実現しているものもある。サンプルコードはすべてCoffeeScriptで記載している。 どんなニーズに基いているか デザインやちょっとしたプログラミングをする人なので、単体テストとかはないです。 CoffeeScriptとSCSS/Compass好き。 とりあえず入れると便利 gulp-load-plugins "gulp-"で始まるモジュールを自動的にrequire()してくれる。 plugins = require 'gulp-load-plugins' # pluginsオブジェクトの下へ自動的にぶらさがる。"gulp-"は省略される .pipe plugins.coffee() # ハイフン付きのモジュール名はキャメルケース
CoffeeScriptやSassなどの使用時にオススメのGruntプラグイン一覧
連載目次 前回の記事「ブラックなWeb開発現場の救世主、Gruntのインストールと使い方」では、Gruntについての概要とセットアップ、基本的な動作を確認してみました。 今回は、Gruntで使用できるいろいろな「プラグインモジュール」（以下、プラグイン）をインストールし、実際に動かして動作を確認してみましょう。 Gruntのプラグインとは、何ができるのか 前回の繰り返しになりますが、プラグインを使用すると、Gruntでいろいろなタスクを実行できるようになります。実行できるタスクの内容はプラグインによってさまざまですが、幾つか例を挙げると、下記のような作業が自動化できます。 CoffeeScript／TypeScriptをJavaScriptへコンパイル（変換） SCSS（Sass）／LESSをCSSへコンパイル（変換） ファイルの圧縮／結合／最適化 JSHintでJavaScriptの構文
そのページで使われているCSSだけまとめてくれるgrunt-uncssについて紹介するよ - Qiita
addyosmani/grunt-uncss 今回紹介するgrunt-uncssはそのページに使用されているCSSだけ抽出してくれるgrunt-pluginである。Frontrend x ChromeFrontrend x Chromeのときに講演してくれたAddyさん作である。 使い方 例えば上記のようなMapleのページがあるが、ここで読み込んでいるmaple.cssの全てのスタイルを使っているわけではない。あると便利なHelper系のスタイル_helper.scssも、このページだけで言えば、そんなに使っていない。 # A grunt task for removing unused CSS from your project builds uncss: dist: files: 'app/files/css/tidy.css': ['app/index.html'] ということで、
Getting started - Grunt: The JavaScript Task Runner
Grunt and Grunt plugins are installed and managed via npm, the Node.js package manager. Grunt 0.4.x requires stable Node.js versions >= 0.8.0. Before setting up Grunt ensure that your npm is up-to-date by running npm update -g npm (this might require sudo on certain systems). If you already have installed Grunt and are now searching for some quick reference, please checkout our Gruntfile example a
無料で商用利用できる161種類のSVG形式のアイコンパック「GlyphPack」
同じウェブサイトでもデバイスによってデザインが崩れていたりすると、複数のデバイスを使い回すマルチタスクユーザーにとっては地味ながらストレスに感じるもの。そんなマルチデバイス化が必要なウェブデザインのアイコンにおいて、どんなサイズにしても劣化させずに使えるSVG形式で、無料かつ商用利用も可能というベクターアイコンパックが「GlyphPack」です。 GlyphPack - The Most Indispensable Web Font Icon Pack http://glyphpack.com/ GlyphPackは無料で商用利用も可能、どんなデバイスでも劣化せずに簡単に使えるSVGアイコンパック。今後のアップデートで新しいアイコンが追加されることもあるとのこと。さまざまな用途に対応可能な「アプリケーション」「エラー」「メディア」「ファイルタイプ」「ナビゲーション」「SNS＆ブランド」のア
アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう
2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress Site
Simple Icon Hover Effects with CSS Transitions and Animations
HTML5 と SVG で考える、これからの画像アクセシビリティ
Squarespace
Redirecting to Animate.css
Start Bootstrap
yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」
Android携帯用・障害のある人に便利なアプリ一覧
GitHub - gruntjs/grunt-contrib: [DEPRECATED] A collection of common grunt tasks.![GitHub - gruntjs/grunt-contrib: [DEPRECATED] A collection of common grunt tasks.](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ae06bf9cd5099f723531e65ad920dece03c4385/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fe556910727914fc88880f52cdb7dd3f66785ceff9e652b4d0340b7a3c4f3453e%2Fgruntjs%2Fgrunt-contrib)
Flaticon
2014年、無料で商用利用できる最新フリーアイコン素材のまとめ