【翻訳】コードは書けないけど、1人で作ったwebサービスを収益化した話 - Qiita
今回は、Corey Haines（@coreyhainesco）氏の「How I launched a profitable job board with no-code tools in 3 weeks」という記事を、本人の許諾を得て翻訳・掲載しています。 およそ12,000字の長い記事なので、かんたんに内容をまとめると下記のようになります。 翻訳元記事の筆者はスタートアップでマーケティングを本業としている。 自身の経験から、マーケター専用求人サイトに需要を見出し、開発に着手。 非エンジニアでコードは書けないので、ノーコードツールを駆使して開発。 持ち前のマーケティング力でサイトを成長させる（Product HuntやTwitterで初期ユーザーを獲得し、SEOやメーリングリストで継続的成長）。 具体的な金額は非公開だが、一定の収入源にはなっている。 いわゆる個人開発のお話になります。翻
ホームページの作成をWeb制作会社へ依頼する前のチェックリスト
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる ホームページの作成を依頼するとき役立つチェックリストはいかがですか？ 現在、無料で配布しているチェックリストへ目を通せば、以下の2点がわかるでしょう。 web制作会社へ依頼する前に準備しておくべきこと 効果的なホームページを作成するためのポイント 「ホームページの作成をweb制作会社へ依頼したい。 でも、何をどこから始めればいいの？」 そんな悩みを抱えるあなた。 以下のチェックリストをひとつずつチェックしていってみてください。 ホームページを依頼する前の準備が整うはずです。
ウェブアクセシビリティについてウダウダと - 愚者の愚痴
昨日sixapartとalfasadoのセミナーに行ってきたわけだが、アクセシビリティの話もあった。 で、純生さんのブログを見つつ話を聞いてたら、今日こんな催しがある模様。 「公開討論会 "だれもが使えるウェブサイト"」 http://junnama.alfasado.net/online/2009/09/post_167.html http://daremoga.jp/ 要するにアクセシビリティについての話だと思うんだけど、「誰もが」ってのは難しいよなぁ、と思う。 実際には、視覚障害者等を考慮して「誰もが使える」の実現は可能でも、「誰もが満足して」というのは非常に難しいという意味で。 今は一時ほどではないと思うけど、依然存在するflashサイトにしても、利用者を限定したサイトだ。 で、問題はflashで作られたサイト自体にあるのではなく、サイト制作者、あるいはサイト制作を依頼するクライア
慶應SFCのWebサイト、Flashに依存した形にリニューアルして酷評される | スラド IT
ストーリー by hylom 2008年12月22日 11時59分 いまどき企業サイトでも多くないのに、 部門より SFC研究所の加藤文彦氏が自身のblogにて、慶應大学 湘南藤沢キャンパス（SFC）のWebサイトリニューアルを酷評している。 慶応のSFCと言えば、WIDEの村井先生の根城でもあり、そもそもWebの標準化を担うW3Cのホスト役でもあるわけだが、加藤氏によれば、今回リニューアルされたSFCのサイトが、アクセシビリティ、Flashの使用、速いPCのみ対象、SEO、ユーザビリティの5点で問題があるということだ。該当のサイトを見てもらえば分かるのだが、flash作品としては良く出来ているように見えるものの、情報は大変に探しにくいページとなっている。 灯台下暗しということでしょうかね。 このWebサイトリニューアルには学内外からも多くの意見が出たようで、慶應SFC側はリニューアルサイ
第3回 Webページで行間はどのくらいにしましょうか？
小林 信次 マークアップ・エンジニア。茨城県出身。1980年生まれ。専修大学経営学部卒業後，1年弱のニート生活を経て，販売代理店の営業職を経験後，有限会社アイエイトワンに入社。主に，Webディレクション，マークアップを務めるかたわら，講師活動・執筆活動を行う。allWebクリエイター塾ではCSS講習の講師。著書に「XHTML&CSSデザイン |基本原則，これだけ。」（共著，MdN発行）がある。 いろいろな方と話しているときに，line-height（1行の高さ。行間として認識できる余白を制御する値）ってどのくらいに指定していますか？という話題が出ることがあります。そこで改めて，他の人がサイトでどんな指定をしているのかを調べてみました。 ※ 今回は，Webのフロントエンド制作を仕事にしている人の間でよく知られており，アクセシビリティ，ユーザビリティ，文字の読みやすさなどにも気を使っていると思
Ruby on RailsとFileMaker ServerによるWebサイト構築事例 - FAMLog
毎月FileMaker Proで作られたツールを紹介する記事も連載されている月刊パソコン活用誌「アスキー・ドットPC」の新しいWebサイト「アスキー・ドットPCウェブ-パソコンFAQ」が本日公開されました。 同サイトは、パソコンの操作方法やテクニックが紹介されており、パソコンを使う上で直面する疑問の解決に役立つWebサイトです。今後、ExcelやFileMaker Proなどに関するテクニックも追加されて、コンテンツが拡充されていく予定となっています。 サーバーの運用には「FileMakerホスティングサービス プラン9」をベースにしたカスタムホスティングが利用されており、Ruby on RailsとFileMaker Serverで構築された同サイトは、FileMakerの可能性と拡張性を示す開発事例でもあります。 ［関連］Ruby on RailsとFileMaker Serverによ
40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート | Web担当者Forum
40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編 2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、
情報処理推進機構：情報セキュリティ：脆弱性対策：安全なウェブサイトの作り方
「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す
論点ちがうよ、web屋さんたちぃ～！！ - フジイユウジ::ドットネット
この手の話題に僕みたいな門外漢が触れていいのかどうか迷っちゃうけど、書きます。えい。 （なんか頭痛いから、校正しないでアップ。たぶん、後で書き直す。） Web担当者フォーラムの記事がWeb屋さんたちの間で物議をかもしているっぽい。 ○○円ならどこまでできる!? ウェブサイト制作の相場早見表 という記事。 Web製作の大まかな見積もり表が出ていて、はてなブックマークのコメント欄では、安いとか高いとか、もう何かWeb屋さんたちが色々なご意見を出し合っていらっしゃるですよ。 ホームページを作る人のネタ帳さんも、感極まってエントリを書き直すくらい、思うところがあるみたい。 （リンク先のひとつ前のエントリも読んだ方がいいと思う） 僕はWeb担当として発注も（一応もうしわけ程度に）やってるので色々思うところがあります。 Web業界のことは、よくしらないですがクライアントはこう思ってるYOってのを書きま
WEB制作のスキルに薬事法と医師法の知識は必要ではないかという提案
食品関係のショッピングサイトには細心の注意が必要となる。 ホームページ作成をする上で、最も注意しなければならないのが、法律的トラブルの回避です。 その為に契約書と規約というものを必ず設ける必要があります。 例えば、大学生の人が、アルバイトで何も考えずにホームページを受注し、相手から出された資料を元に作成したとします。 渡された資料が、既に薬事法に違反していたとします（かなり多い）。 こうした違反したページを作った場合、作成した会社と、WEB制作者に罰則が言い渡される事があります。 これを回避する為、かならずホームページ上での文章等の責任は、全て依頼元に委託する規約が絶対に求められます。 こうしたトラブル回避は、ある程度薬事法と医師法の知識さえあれば先に打開策を練る事が出来ますが、一般的WEB制作者の中には、言葉すら知らない人も居るでしょう。 今回は、こうしたWEB上での最もトラブルになりや
カラー・コントラスト・アナライザー 日本語版 ― インフォアクシア
「カラー・コントラスト・アナライザー」は、色のチェックツールです。前景色と背景色のコントラストをチェックしたり、色覚の違いによる見え方をシミュレーションしたりすることができます。 このソフトウェアは、The Paciello Groupが提供しており、Windows版とmacOS / OS X版があります。 色のコントラストのチェック ウェブコンテンツの前景色と背景色のコントラストが十分かどうかを判定する基準には、W3Cの『WCAG 2.0』で定義されている「コントラスト比」の計算式を用いています。このコントラスト比を用いた達成基準は、そのまま日本工業規格の『JIS X 8341-3:2016』でも採用されています。 1.4.3 コントラスト（最低限レベル）に関する達成基準 テキスト及び文字画像の視覚的提示には，少なくとも4.5:1 のコントラスト比がある。ただし，次の場合は除く（レベル
ssb がすばらしすぎる件 - TokuLog 改め だまってコードを書けよハゲ
Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at
2007年10月 WEB制作者の為のベストエントリまとめ part5*ホームページを作る人のネタ帳
2007年10月に話題になった、ウェブサービス系を中心にまとめてあります。 お時間のあるときにどうぞ。 WEB制作者のためのライフハック Seth Godin「すごいWebサイトを作る方法」（日本語訳） - TRANS [hatena] 歴史上、3人以上で作られたすごいWebサイトというのは存在しない。1つもない。厄介なことになるだけだ。 感動した。 便利サービス rsizr このサービスは異常。 すごいと言う意味で。 文章の一部を残したままリサイズしたりする液体リサイズです。 Gimpでもこうしたプラグインがあった事を以前紹介しましたが・・・。 これは楽すぎる。 自動的に素敵なサイトマップを作ってくれるサービス URLを入力すると、手軽にサイトマップを作ってくれる優れもの。星５つ。 フリー素材サイト PHOTO ST（フォトストリート） プロが撮影した写真を、商用、個人利用問わず無料で使
Web Developer 1.1.2 日本語版／ツール＆ダウンロード ― 『infoaxia(インフォアクシア)』
Web Developer 日本語版サポート移管のお知らせ これまで当サイトにて、日本語版のダウンロード配布およびサポートを行ってきた『Web Developer』ですが、2008年3月より開発担当エンジニアの個人サイトへ全てを移管させていただくことになりました。新しいサイトのURLは、以下の通りです。 ミナトラボ：Web Developer 日本語版 『Web Developer』は、開発者である米国のChris Pederick氏に協力しながら、これからも上記サイトにて日本語版へのローカライズおよびユーザーサポートを継続していきます。今後とも『Web Developer 日本語版』をよろしくお願いいたします。
jsライブラリで実装する効率的なWeb制作(Web標準の日々)
空前絶後のJavaScriptブーム!『jsライブラリ』に焦点を絞りお話しました。 音声データ、スライドデータはCSS Nite公式ブログより公開されるので少々お待ちください。 事前にデザイナーさん数人に「JavaScriptで何を聞きたい？」と聞いたところ『DOM』と『jsライブラリ』という声が多かったです。 JavaScriptブームを語る上で欠かせない2つのキーワードのようですね。 『DOM』に関しては中村享介さんや羽田野太巳さんがお話されるだろと思い、私は『jsライブラリ』をチョイス。 あまりJavaScriptの難しい話ではなく、JavaScriptを覚えなくても、これだけWebサイトをインタラクティブにできるよ、効率的なWebサイトが作成できるよ、という感じの内容です。 最後のグループディスカッションは、『どのようなライブラリがあれば、あなたの仕事は効率的になりますか？』とのテ
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
対策遅らせるHTMLエンコーディングの「神話」
クロスサイト・スクリプティングという言葉は元々，WebアプリケーションのHTMLエンコード漏れなどを利用することによって第三者にJavaScriptを実行させる手法を指す。広義では，HTMLのエンコードによる画面改変などを含むこともある。 前回述べたように，クロスサイト・スクリプティングのぜい弱性はWebアプリケーションに見付かるぜい弱性の半分以上を占める。数年前から指摘されているにもかかわらず，一向になくならない。その理由として，クロスサイト・スクリプティング対策あるいはHTMLエンコード注1）に対する「神話」があり，正しい対策の普及を遅らせているように思う。その「神話」の数々について説明しよう。 注1）実体参照（entity reference）というのが正式だが，あまり普及していない用語なので，HTMLエンコードという用語を用いる 「すべからくHTMLエンコードすべし」が鉄則 HTM
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.so-net.ne.jp/shi3z/2008-02-22
○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum
ウェブ制作を依頼されたクライアントの、ウェブイメージを簡単にキャッチするための方法*ホームページを作る人のネタ帳
