LiveReload connect + proxy + easymock testem mocha + expect + sinon assemble、foreman.... などを試してみた話です

10月7日、Yahoo! JAPANが『Yahoo!ショッピング』と『ヤフオク!』のストア出店料無料化を発表し、EC業界に激震が走った。 ほかにも、7月にはC2Cフリマアプリの『メルカリ』が誕生し、昨年は『STORES.jp』や『BASE』のような無料で開設できるネットショップが業界を賑わすなど、この領域では近年急激な変化が起こり始めている。 これらの動きに先駆けて、昨年2月にシリコンバレーで生まれた直後から「革新的なECサービス」として話題になっていたのが『Gumroad』だ。 主にミュージシャンやクリエイター、エンジニアが作成する各種コンテンツを、URLリンクを貼るだけで販売できるという手軽さや、TwitterやFacebookといったSNS経由で自らのフォロワーに直接販売できるというアイデアが好評の理由だが、創業者のプロフィールも注目を集めた。 その人、サヒール・ラヴィンギア氏は当時
CAMPFIREにNYのスタートアップを取材するプロジェクトを出しました。 自分が面白いと思って集めた情報は、きっと同じように面白いと思ってくれている人がきっといるはずだ。 そう思って、前回のエントリーで紹介したスライドを作ってネット上に公開してみました。 予想以上の反響と反応から、私はこれをやらなければならないと強く思うようになりました。 随分前から自分が面白いと思っていた人に会いたいとか、スタートアップを訪問したいという気持ちはあったけど、何のつてもないし運良く会えても何を聞いていいか分からないと諦めていました。 でも、それからいろんな仕事の機会をいただいたり、私が調べていることに興味を持ってくれた友人に恵まれて、段々現実的に考えられるようになってきました。 今回このプロジェクトを作って自分が行くことを決められたのは、スライドを見たり、応援してくれた皆さんのおかげなんです。 本当にあり
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…
By Helga Weber ユーザー登録やアカウント作成を行ったあと、登録したメールアドレス宛に仮登録メールや最終確認メールが届く流れになっているシステムはあちこちにありますが、登録時にメールアドレスを間違えてしまうとこのメールが届かず、「もう面倒だからいいや……」と諦めてしまう人が出てしまいます。サービス提供者にとって大きな痛手であるこの「確認メール不達」という事態を減らすため作られたJavaScriptライブラリとjQuery用プラグインが「mailcheck.js」です。 Kicksend/mailcheck · GitHub https://github.com/Kicksend/mailcheck How we decreased sign up confirmation email bounces by 50% - The Kicksend Blog http://blog.
NHN Japan ウェブサービス本部の「キョウ」と申します。 NAVERサービスのマークアップ等を担当している、「突っ込みづらいキャラ」で有名な男ですw 今回はマークアップエンジニアやSEOエンジニアの中で注目を集めている、 schema.orgについてご説明させていただきます。 この記事を読んでいる方の中には「schema.org公式サイト(英)」 「schema.org 日本語訳」をご覧になった方も多いと思いますが・・・ 皆様理解できましたか? 正直難易度が高いと思うので、初心者向けに内容を砕いて説明していきます。 目次 1. schema.orgとは? 2. schema.org導入メリットは? 3. schema.org 初心者向けQ&A 4. schema.org実践編 5. 最後に 1. schema.orgとは? 簡単に説明すると、schema.orgの仕様通りにH
前編ではHTML5のアウトラインを綺麗にする、というお話でした。アウトラインを綺麗にすれば、検索エンジンにコンテンツの階層構造がどうなっているのか、正しく教えることができます。 けどそれだけでは1つ1つのまとまりが一体何を表しているのかが不明です。 schema.orgに準拠することで、そこに何が書かれているのか、を検索エンジンに教えることができます。 schema.orgとは schema.org はGoogle, Microsoft, Yahoo!などの検索エンジンベンダーが集まってマークアップ方式を標準化している組織とその標準化された仕様を文書化しているサイトです。 例えば「ここは著者のことを書いています」「これは著者の名前です」「この記事が公開されたのはこの日時です」などなど、HTMLの機能だけでは伝えきれない詳細な情報をクローラに伝えるための手段が色々定義されています。 ちなみに
こんにちわ。アートディレクター兼2児のパパ、長岡です。 毎回子どもネタですが、最近アンパンマンを指さして「パンパーンパン」とそれっぽい発音をしている息子を見て「こいつ可愛いな」と癒されています(笑) 屈託のない笑顔と持ち前のあどけない仕草で、保育園のマダムたちをイチコロ(表現が古い?)にしているそうです。将来がちょっと心配です・・・。 さて今回は、HTML5・CSS3・jQueryを使用したフロントエンドツールの王道「Twitter Bootstrap(※ver2.3.1)」のお話。 ※この記事を書いている最中にver3.0がリリースされました!(汗)後でゆっくり触ってみたいと思います。 ▲Twitter BootStrap ver2.3.1 Web制作者なら、一度は触れたことがあることと思います。 そのまま使ってみたり、カスタマイズして使ってみたり・・・。 使い方を間違えなければ、とても
2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね>< とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ
ちょっと jQuery と簡単なサーバサイドの処理を組み合わせた処理を試しに書いてみよう・・・なんて時に、いちいち jQuery を取ってきて HTML を書いて script タグを書いてロードして sinatra 立ち上げて云々・・・というのが毎度面倒なので、ひな形になるアプリケーションを作った。 https://github.com/naoya/boilerplate ひとまず sinatra でサーバーサイドを書き、HTML は slim で、CSS は sass 。JavaScript は CoffeeScriptで書くにあたって jQuery、underscore、Backbone をロードしてある、というような構成にしてあります。 まあ、この類のことは人それぞれ自分なりにカスタマイズしてやっていると思いますが、どういうコンポーネントで構成しているかを、備忘録も兼ねてちょっと紹
Build a free website that grows with your business. Get access to customizable webpage designs and useful tools to build your website and grow your ideal business. Easily build a free website to help you get discovered and grow your customer base in style. Start today with our powerful free website builder.
4月に@hrysd、知の巨人、@foo9などのローカルインターンの方々が卒業されたのでまたローカルインターンをやってくれる方を募集します。 弊社(フィヨルド)のローカルインターンって何なの?という方はこちらをご覧ください。 リモートインターンシップ制度案 - komagata インターン募集・アプリ公開 - komagata こんな方におすすめ Webプログラマーになりたい方 Webデザイナーになりたい方 ニートなので時間がある方 インターネット系ベンチャーで働きたい学生の方 休職・転職活動中の社会人の方 railsでwebアプリが作れるようになりたい方 Webサービスで起業したい方 弊社が求める人 ネット大好き プログラミング/デザインが好き 霊が見える(not required) 寺生まれ(not required) こんなインターン生は嫌だ 怖い話が大嫌いだ。 Facebookの第一
jQueryなどに依存せず単体で動作し、スクリプトがオフでも機能し、実装も非常にシンプルで、デスクトップやタブレット・スマフォそれぞれで最適な状態で表示し、IE6にさえ対応し、しかも超軽量のスクリプトを紹介します。 シンプルで、セマンティックなマークアップ 1.8KBの超軽量スクリプト 外部ライブラリは不要 CSS3アニメーションを使った美しいエフェクト タッチイベントをサポート クリックとタップの違いを調整 スクリプトがオフでも機能 MITライセンス 対応ブラウザ IE6をはじめ、デスクトップ・タブレット・スマフォの主要なブラウザ全て。 以下は、テスト済みのプラットフォームです。 iOS 4.2.1+ Android 1.6+ Windows Phone 7.5+ Blackberry 7.0+ Blackberry Tablet 2.0+ Kindle 3.3+ Maemo 5.0+
These lovely water-colorful dots will make your designs pop...
追記:【割引コードGET!】ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.comが割引コードくれた! | バンクーバーのうぇぶ屋 上記追記ですが、このStrikingly.comのデイビットさんと話をして、クーポンコード貰えたんでご紹介記事が上になりますー! 以下より本記事本文 いやー、今日まで散々”簡単にサイトが作れるん時代っすよねー”的な事を色々書いてきましたが、もしかしたらこれは今までご紹介したどんな簡単WEBサイト作成サービスよりも凄いかもしれません。 超シンプル、超簡単、超楽、超綺麗。 無料版でもそのクオリティの高さにはちょっとビックリですが、有料版にすればA/Bテストにカスタムドメインまで全然オッケーとか色々ヤバイ高機能。 例えば、こんなサイト1時間も掛からず作れちゃう。簡単だけどレスポンシブ可もされてるし。使い方も説明が必要か迷うレベルで簡単。 S
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く