ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
Balsamiq Mockups | Balsamiq
Balsamiq Wireframes is a rapid low-fidelity UI wireframing tool that reproduces the experience of sketching on a notepad or whiteboard, but using a computer. It really forces you to focus on structure and content, avoiding lengthy discussions about colors and details that should come later in the process. Wireframes is FAST: you will generate more ideas, so you can throw out the bad ones and disco
bowerとcomponent
以前component + Backbone.jsでTODOアプリ書きましたが、 今回はcomponentのライバル(?)bowerを試したくて bower + RequireJS + Backbone.jsでTODOアプリを書いてみました。 たぶんここ1年、クライアントサイドのMVCにはまって書く30個目くらいのTODOアプリ、 いい加減サーバクライアントで実装するのに飽きたので今回はChromeのExtensionとして実現してみました。一応Chrome Storeにあげてあります https://github.com/p-baleine/todo-extension 以下、componentとbowerを比較した感想と雑記です componentとbower componentはExpressとかstylusで知られるTJが去年(2012)の8月くらいに リリースした、パッケージ管理
土日で作るWebサービス入門 - toyoshiの日記
先週日曜日に総額480円、プログラムコード200行、作業時間8時間で「給与明細.net」(http://www.給与明細.net)というWebサービスを作ってリリースをしました。これは給与支払明細書のPDFをWebで簡単に作れるWebサービスです。 シンプルな内容なので開発を開始してから8時間以内の作業でリリースできました。このエントリではサクッとサービスを開発してリリースするまでの僕なりの方法を紹介します。 特長 無料 会員登録不要 Excelから一括作成できる（CSVではない） オープンソース（MITライセンス） 目次 解決したい課題を見つける ドメインを取得する サイトマップとURLを決定する よいツールを集める まずデプロイ（公開）する そこそこのデザインにする 最低の機能をつけたらリリースする 広めるための準備をする おまけ：コードをかく 解決したい課題を見つける これがないとそ
require.js 環境で mocha + expect + testem を使った JavaScript テスト - naoyaのはてなダイアリー
先日書いた自分用アプリケーションのひな形 http://d.hatena.ne.jp/naoya/20130503/1367581629 http://d.hatena.ne.jp/naoya/20130504/1367640512 これに、JavaScript のテスト環境も追加したい。 結論からいくと、フレームワークには mocha + expect、ランナーは testem を使うことにした。ついでにテストダブルライブラリとして Sinon.js も有効にした。 ちなみに今回の文脈は End to End のテストではなくてユニットテスト周りのおはなしです。 mocha + expect JavaScript のこの辺のテスト周りは今もいろいろなツールの整備が進んでいて、今回採用した以外にも Jasmin や QUnit そのほか色んな物がある。昨今の状況に関しては 先日の HTML
flippant.js
Flippant.js A mini js+css library for flipping things over. Try it out on the buttons below Get the code at github.com/mintchaos/flippant.js Heading Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Modal » Card » Head
PDCAサイクルを回すために使えそうなTipsとかの話と愚痴 - インターネットの備忘録
最近仕事がうまくいかなくて愚痴っぽくなってるはせおやさいですこんにちは。 愚痴っぽくなるのイヤですよね。でも自分の思い通りに相手が動くなんて傲慢もいいとこなので粛々と進めて行きたい。 目下の悩みは「PDCAサイクルが回せない人に、どうやってやり方を覚えてもらうか」です。 PDCAサイクルって何や PDCAサイクルっていうのは超既出だとは思うのですが一応 P 「Plan」 D 「Do」 C 「Check」 A 「Action」 の略で、「P」で計画を立て→「D」で行動・作業し→「C」でその結果を振り返り→「A」で振り返った内容を元に改善する→そして「P」に戻る…という、効果測定のテクニックというか、決めたことの精度を上げるためにやる確認の方法です。 よく見られる課題 「P」と「D」まではある程度できても、「C」が甘かったり「A」のステップをすっ飛ばして「やりっぱなし」になってたりすることって
LiveReload(Python)のshellが便利すぎる
LiveReload-0.15から使えるようになったshellが便利。 例えばHTML書くのにSass(Compass)+Jade+CoffeeScriptという組み合わせを使っているとそれぞれwatchしてコンパイルすることになるので端末を3つ無駄にするが、Livereloadでコマンドを定義するのもちょっと面倒。 そんな時にはshellを使うといい #!/usr/bin/env python from livereload.task import Task from livereload.compiler import shell Task.add('sass/*.scss', shell('compass compile')) Task.add('index.jade', shell('jade index.jade'))
長い英単語を途中で折り返したいときの CSS の指定方法: Days on the Moon
ヨーロッパ系の言語では基本的に単語の途中に折り返しを入れません。しかし、幅の狭い領域に長い英単語を記述するときや、笑いを表す「www…www」のように欧文文字を表現に組み込むときなど、欧文文字同士の合間で折り返したいと思うかもしれません。そのような折り返しの制御を CSS で行うにはどうすればよいのでしょうか。 2013 年 6 月時点の結論 word-wrap: break-word を使うとどうなるのか word-break: break-all を使うとどうなるのか word-wrap: break-word と word-break: break-all を両方使うとどうなるのか なぜ word-break: break-all ではなく word-wrap: break-word を勧めるのか どこに word-wrap: break-word を指定するのか position:
JavaScript書くのに入れとくといいもの
Chrome CanaryDevToolsも進化してるのでStableではなくCanaryを Local ProxyPCのみならDevToolsだけでもいいけど、スマホのWebView内解析とか考えるとLocal Proxyは必須 Windowsなら Fiddler （無料） Macなら Charles （有料） Macでお金払うのが嫌な場合 CocProxy for nginx （無料。CUI。Ruby版使うくらいならこちらを） JS製が良くてソース読みたいなら Klepto （無料。GUI。不安定） ソースの文字コード変更ChromeでJS、CSS開くと日本語が化けるので、初期文字コードをUTF-8に変更 （フォント設定（ chrome://settings/fonts ）の一番下を「Unicode (UTF-8)」に） “This Frame” Context Menuiframeの
ハードルをチューニングする
CGM型サービスのKPIとして投稿数を追うと、とにかく簡単に投稿できるようにすることばかりを考えがちなのですが、僕はそれ以前に大前提として持っておかなければいけないのは「ユーザーの投稿が価値あるコンテンツになっているかどうか」という視点だと思っています。 仮にアウトプットの価値を軽視して投稿ハードルを下げることだけに尽力した場合、以下のような負のスパイラルが発生する可能性が考えられます。 投稿者は気軽に投稿できる →投稿のクオリティが下がる →見ていても面白くない →閲覧者がいなくなる →投稿へのリアクションが薄くなる →投稿者のモチベーションが下がる →投稿者もいなくなる →サービスが衰退する 「ユーザーの投稿がコンテンツとしていかに魅力的なものになるか」を左右するのはサービスのドメインや企画そのものによるところも大きいですが、今回は運営側が設定するハードルとの関連性という切り口でこれを
Pure を使って 5分でレスポンシブな Blog テンプレートを作る
Pure は Yahoo! が公開した CSS フレームワークですが、試しに使ってみましょうということで、自分で書くスタイルは極力少なくして、簡単に Blog のテンプレートっぽいものを作ってみました。 さすがに 5分はウソです すいません。でも簡単でしたよ。 Pure ： A set of small, responsive CSS modules that you can use in every web project. Pure とは Pure は、簡単に言ってしまえば Twitter が公開している Bootstrap などと同じ、CSS のフレームワークですが、CSS のみに絞ることで、その容量は最大で 5.7KB とかなり軽量。Yahoo! の CDN から読み込めば、gzip された状態で読み込めます。 また、各機能を個別に読み込むことも可能ですので、必要な機能だけを選択す
面白いけど消えていくサービスに足りないもの
以前「面白いの先」というエントリーを書きましたが、やはり僕は今でもこの感覚を強く持っています。ネット業界では、相変わらず「面白いね」と評価されては消えていくサービスが後を絶ちません。 ・「面白い」以外に何が足りないのか？ ・「面白い」の先に行くためにはどうすればいいのか？ 長らくこういったことを考える日々が続いていましたが、最近になってようやくこの問いに自分なりの答えを出すことができた気がします。 キーワードは、「執着」です。 これは、「面白い」を超えて継続性・持続性のあるサービスを作るためには、ユーザーがサービスに執着する状態を作ることが重要なのではないかということです。おそらく、これまで消えていってしまったサービスは、ユーザーを執着させることができていなかったはずです。 もちろん、サービスの成功要因はこれ以外にも様々あると思いますが、そう思うあまり、これまでは自分が企画を詰めたりレビュ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
たぬきフォント
役立たずな知識の有益性: The Usefulness of Useless Knowledge
Ngi-d.net