ブラウザで動くサービスを作るときの技術選定
はじめに 私の仕事は、新規サービスをまるっといい感じに開発するのを委託されることがほとんどです。最近はネイティブアプリを作ることよりもブラウザで動くWebサービスを開発することが多いのですが、案件の規模感や要求によって技術選定を少し変えるようにしています。「こういうときはこう」みたいに一概には言えないのですが、普段使う構成を紹介します。誰かの参考になれば幸いです。 2022/02/10 現在での内容です。 前提 開発を委託される場合の運用費をどうするの問題があります。クライアントにクレカ登録をしてもらうか、こちらで支払って毎月請求するかになります。僕は毎月やるのがめんどくさいのでできるだけ前者に倒している関係上、あまりいろいろなSaaSを組み合わせて作ることをなるべく避けています。 規模感によらず使っているもの 私の場合、以下が使えるとめちゃくちゃ効率よく開発できます。 GCP 好きだから
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
ウェブ制作者の困ったを解決するコードが盛りだくさん、スニペットを共有するサービス -Code Pad
Public Snippets コードは、現在7つのカテゴリに分けられています。 CSS Apache PHP JavaScript jQuery HTML XML Others [ad#ad-2] 例えばCSSだと、clearFix、角にリボンを配置、画像のフリップ、フッタの固定表示など、たくさんの便利なスニペットが登録されています。 CSS: Clearfix CSS: Pure CSS Corner Ribbon CSS: Flip an Image CSS: Sticky Footer スニペットのページでは、シンタックスハイライト、テキスト表示に対応しており、テキスト形式でダウンロードできます。
ウェブ制作に役立つ、便利な最近のオンラインサービスのまとめ -2011年1月
最近リリースされたものを中心に、デザイン、スタイルシート、ワイヤーフレーム、データベースなどに役立つオンラインサービス・ウェブアプリケーションを紹介します。
復縁後、彼から、やり直すつもりは完全になかった、でもあたしの思いが ...
記事にまつわる情報をネットのあちこちから集めてまとめます。 「古い記事も見てほしいな」、「シェアしてくれるとうれしい」 「さっき書いたブログ、反響来てるかな？」 そんな時に、どうぞ。 ZenbackおよびZenback BIZサービス終了のお知らせ 平素は弊社サービスをご愛顧いただき、誠にありがとうございます。 2020年12月25日をもちまして、ZenbackおよびZenback BIZサービスを終了させていただきました。 ZenbackおよびZenback BIZをご利用いただきましたすべてのお客様に、スタッフ一同心より御礼申し上げます。
創業2年で売上300億円超，利益40億円超。驚異のフラッシュマーケティング・サイト，"Groupon" 成功の秘密を探る：In the looop：オルタナティブ・ブログ
創業2年で売上300億円超，利益40億円超。驚異のフラッシュマーケティング・サイト，"Groupon" 成功の秘密を探る Grouponという共同購入クーポンサイトをご存知だろうか？ サービス開始は2008年11月。まだ2年にも満たないこの若いベンチャーが信じられないパフォーマンスを上げている。（元記事はTehcCrunch： 共同購入でぼろ儲けGrouponの巨大資金調達の詳細） 【 サイトURL： http://www.groupon.com/ 】 その驚きの数字を上げてみよう。Grouponはすでに黒字化し，2010年度の推定売上は3.5億ドル（315億円），月間推定利益は400万ドル（3.6億円）を超えているとTechCrunchは報じている。単純計算すると年間利益は5千万ドル（45億円）だ。創業1.5年のネットベンチャーとしては前例のないハイパフォーマンスと言ってよいだろう。 C
Web制作に役立つサイト集 – creamu
6133716, Hemera/ Thinkstock Web制作の参考になる情報を探している。 そんなときにおすすめなのが、『All Showcases』。Web制作に役立つサイト集です。 CSSやFlashなどのカテゴリーに分けて、かなりたくさんのサイトがまとまっていますね。 いくつかご紹介します。 CSS Best CSS Design ブログ型のCSSデザインギャラリー CSS Flavor クールなサイトを集めたCSS Flavor Flash Design Charts 週刊のかっこいいFlashサイトランキング DOPE Awards クールなFlashサイトをグリッド状に並べているDOPE Awards その他 CMS Showcase CMSで構築されたサイトギャラリー We Love WP 美しいWordPressで作られたサイトのデザインギャラリー サイト名やUIもか
WebMemcacheというWebサービスを作った - hitode909の日記
MemcachedみたいにキャッシュしてくれるWebサービスがあれば便利そうだと思ったので，作ってみた． おもむろにHTTPアクセスすると，JSONをくれる． set, get, delete, statsのAPIがある．使い方は上のリンク先に書いた．リンク先のコードをクリックするとその場でXHRして試せる． キャッシュなので，Webページから使って便利みたいな感じじゃなくて，何かキャッシュを利用したいプログラムから使う． Rubyから値を複数setして同じ値をgetする例．このように，複数同時に操作できる． require 'net/http' require 'open-uri' http = Net::HTTP.new('webmemcache.appspot.com') response = http.post('/set', 'pi=3.14&e=2.7&namespace=te
web制作者のための2009年話題になったサービスいろいろ
ちょいと古めのうっとりくるサービスやエントリーを持ってきました。 なんて事はない。私がお勧めする2009年度に話題になったwebサービスや、ジェネレータを中心に、厳選してお届けいたします。 Twtiiter関連多し Twitterプロフィール検索 その名のとおりついったーのプロフィールを検索する検索エンジン。同じような趣味を持っている人を探すときなどに使われる。 ついったーの友人関係を可視化するwebサービス 友人関係というか会話関係があられもない姿で現れる恐ろしいサービス。 TweetLevel ついったーの影響力を測定するサービス。 影響力というか戦闘力。やってる事は単純なサービスなんだけど、こうやってしっかりデザイン組んで作り上げるところが本当に参考になった。どんなサービスであれ、愛情は見習わなければならない。 Twib - Twitter ホットエントリー Twitterでのホッテ
直感でWebサイトを作成できる6つのフリーWebサービス - かちびと.net
気になって調べたのでメモします。 HTMLやCSSの知識を必要とせず、 ドラッグ&ドロップで作成するなど 直感操作でWebサイトを作成できる フリーのオンラインサイトビルダーを いくつかご紹介致します。 基本的に、作成したサイトはそのサービスのサブドメインまたは独自ドメインを登録して運営します。使用して気が付いた点をメモしておきますが全ての情報ではありません。 yola ネタ帳さんの記事（有料ソフトとデザイン作業を無力化させる30のブックマークまとめ）で知ったサービス。直感で操作、独自ドメイン（yulaで取得、年19$程度）の利用も可能。日本語も文字化けしません。 yola Moonfruit ドラッグ&ドロップで作成。HTMLもCSSの知識も不要。日本語は使えませんが、上記のように、画像や特殊なテキスト部分も変更できる。 Moonfruit weebly 独自ドメインの利用も可能。メール
PayPal ってこんなにすごい！
日本ではいまひとつ普及していない PayPal。でも実は手数料が安いだけでなく審査も簡単で、とても使いやすいサービスなのです。 (2009年12月7日(月) 午前5時18分54秒 更新) Tweet これまで、ほとんど売り上げが見込めない個人や個人に近い団体がクレジットカード決済を導入するのは困難でした。月に1000円の品がたったひとつ売れただけだとしても、月額料金や月額最低手数料として2000円取られてしまうとあっては、ばかばかしくてクレジットカード決済なんて導入できませんよね。 でも PayPal ならだいじょうぶ。月額料金は完全無料。その上取引当たりの手数料は最大 3.6%+40円 (国内)と圧倒的な安さです。額によっては銀行の振込手数料よりも安いくらいです。 これならあらかじめ売り上げが見込めなくても気軽にクレジットカード決済を導入できますね！ また、現在では買い手が PayPal
世界に通用するサービスを作りたいなら日本で流行らないと : けんすう日記
よくベンチャーさんで「世界で通用するサービスを作るんだ！」といっている人がいます。 いやあ、素敵な考えです。これから日本市場が縮小するのであったら、やはり海外で通用するサービスにしていかないと、会社を大きく出来ないというのは正しいのではないかと。 でもそこでいきなり世界用のサービスを作ってしまうのはどうかなあ、と思っているです。 世界に通用している日本のものって、そもそも日本でも評価されてると思うんですね。たとえば漫画とかゲームとかって日本内で売るために突き詰めまくって今のクオリティになったわけです。 はてなさんの例 そういえば、はてなという日本のWebサービスを作っている会社があるのですが、その社長がある時に「世界で挑戦する」といってたのですよ。 で、アメリカにいってたんですが、うまくいかなかったんですね。それもそのはず、やはり英語のサービスで英語圏に伝えるのっていうのは、英語圏の人でも
ふぁぼったーが負けた本当の理由
なぜふぁぼったーは英語圏で負けたのかhttp://d.hatena.ne.jp/ono_matope/20091102#1257177656 おれも外人に聞いてみた。７人に聞いてみた。現時点で５人から返答があった。たったの１人に聞いてそれを鵜呑みにするってサービス開発者としてどうなのよ？マーケティング的な力がなさすぎる。プログラマーとしては普通程度の能力あるのかもしれないがその程度の姿勢でサービスは大きくできないよ。あのエントリ読んで「この辺がエンジニアの限界だな」思ったマーケ寄りの人間は多いと思う。さて話がそれるので5人に聞けたことをまとめてみる。あくまでたったの5人だがな。聞くなら気合い入れて数百人に聞くとかしろ。話はそれからだ。１．レスポンスが遅すぎる２．503を何度か見た時点で使う気なくした こんな不安定なサービスを使うお人よしいるわけない３．twitが全然クロールされていない４．
なぜふぁぼったーは英語圏で負けたのか - 小野マトペの業務日誌(アニメ制作してない篇)
前口上 今年の7月にリリースされてから、早々に公式サイドバー広告入りするなど英語圏で圧倒的な人気を集めるfavstar.fm。ふぁぼったーは2008年の1月から英語版サービスを展開していたにもかかわらず、なぜ英語圏の制空権を得られなかったのか。たまたま見つけた海外のふぁぼったーユーザーに Twitterで直接インタビューしてみた。 インタビューに答えてくれたのはjoshsharpさん、メルボルンのWeb開発者らしい。 Togetter(トゥギャッター) - まとめ「なぜふぁぼったーは英語圏で負けたのか(インタビュー原文)」 やりとりはとぅぎゃったーにまとめたので、簡単な和訳を記します。 インタビュー ―― こんにちは、私はふぁぼったーの開発者です。海外の方の意見が知りたいので、ふぁぼったーとFavstarについて質問していいですか？ joshsharp: いいですよ、お役に立てれば。 :)
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス - かちびと.net
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
「ユーザー課金」が熱い！ネットで金を儲ける7つの方法（上）
インターネットでお金を儲けるにはどうすればいいか。これまでは無料でサービスを提供して広告で稼ぐモデルが中心だったが、最近はサービス利用者にお金を払ってもらう「ユーザー課金」にも熱い視線が注がれている。そのノウハウを発表する公開セミナー「第3回マネタイズHacks」（主催ライブドア）が2009年6月24日、六本木で開かれた。ミクシィやはてななど、業界の先端をいくネット企業の企画・営業担当者7人がそれぞれの「錬金術」を披露した。 >>「ユーザー課金」が熱い！ネットで金を儲ける7つの方法（下） その１「使い続けてもらうプラットフォーム設計が重要だ」 ――ヤフージャパン研究所・柿原正郎氏 「ネットサービスの業界ではいま、ユーザー課金が注目されている。景気が悪化している中で、広告市場全体が小さくなり、ネット広告も成長が鈍化している。広告は重要な収益源の一つだが、それに加えた新たな収益源の確保が大きな
アドビのクロスブラウザテストサービス「BrowserLab」が便利且つカンタン
やっぱりXPやMACで見ると、こんなにも字体が違うのね。。。 使って最初に思ったことがこれですｗ クロスブラウザテストを行えるサービスはキャプチャを取ったり、IETesterのように実際に表示できたりするものもありますが、無料で「BrowserLab」ほど信憑性と手軽さを感じるものは他にないのでは？ 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! アドビの「BrowserLab」が便利なこと この上ない「BrowserLab」は、複数のOS上でのFirefox、Internet Explorer、Safariのサイトキャプチャ画像をオンラインで比較できるクロスブラウザテストサービス。 複数ブラウザの比較をカンタンに行えるのも非常に便利です。 ↑複数ブラウザの表示を比較するのもカンタン。 ↑メニュー
サイトの訪問者にリアルタイムで直接話しかけることができる無料サービス「webchat(ウェブチャット)」 - GIGAZINE
DELLのサイトにはオペレーターに直接ページを見ている訪問者が話しかけることのできるリアルタイムチャットなどがあり、海外ではサイトの訪問者が管理人やサポート担当者に話しかけることができるチャットシステムというのは割とザラにあるのですが、この無料サービス「webchat(ウェブチャット)」は逆も可能になっています。つまり、サイトを訪問してくれている人にリアルタイムで話しかけることができる、というもの。 基本機能の利用は無料となっており、発行されるタグを埋め込めば準備が完了するので極めて簡単に導入可能。誰がどのページを見ているかを専用ソフトで見ることができるため、ちょっとしたリアルタイムアクセス解析ツールとしても使えます。 実際に導入する手順や使ってみた感想は以下から。 webchat(ウェブチャット) - ウェブサイト埋め込み型チャットサービス http://www.webchat.jp/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
チャットワーク（ChatWork） | ビジネスが加速するクラウド会議室