これなら分かる！WEB制作を無料で「学べる」サイトまとめ
作成：2013/02/4 更新：2014/11/01 Web制作 > 基本的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基本」はおさえておきたい 今回はサイト制作に必要な「基本的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．HTML5 ２．CSS ３．レスポンシブ ４．配色 ５．視線誘導 / 心理学 ６．インターフェース / ユーザビリティ ７．SEO ８．ディレクション ９．アクセス解析 １０．WEBマーケティング １１．コピーライティング １２．ソーシャル １．HTML5 HTML5って何？ HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく
WEBアプリ開発に便利な機能＆負荷テストツール集:phpspot開発日誌
15 Free Functionality And Load Testing Tools For Web Applications WEBアプリ開発に便利な機能＆負荷テストツール集。 プログラム変更後の品質チェックを行える機能テスト・ユニットテスト、負荷に耐えられるか確認するために負荷テストツール、で品質向上に役立てられます。 Selenium等の定番以外にも沢山の機能テストツールや負荷テストツールがあるみたいです。 機能テストツール集 Seleniumのようなブラウザを自動で直接動作させて表示結果を確認するツール うまく運用すれば、機能を変更した際の正常動作確認に神経をすり減らすことがなくなります SeleniumHQ おなじみのテスト自動化ツール テストケース定義で自動でブラウザ上でテストしてくれます Watir Rubyのブラウザ自動化ライブラリだそう。 Windowsだと、IE、F
MOONGIFT: » 持ち歩けるWebアプリケーション「WOS」:オープンソースを毎日紹介
ポータブルアプリケーションというと、ブラウザやメーラーといった具合にGUIアプリケーションが殆どだった。しかし時代はGUIアプリケーションからWebアプリケーションへと移り変わろうとしている。固定概念に囚われず、Webアプリケーションを持ち歩こう。 今回紹介するオープンソース・ソフトウェアはWOS、各種Webアプリケーションを詰め込んだポータブルアプリケーションだ。WOSとは「Web server On Stck」の略になる。 仕組みとしては、Apache+MySQL+PHP+ImageMagick 5をUSBメモリなどに入れられるよう、パッケージ化している。そこに、Drupal/Joomla/Knowledgeroot/Mambo/MediaWiki/Moodle/OS Commerce/phpMyAdmin/PunBB/Typo3/WordPressといったWebアプリケーションを追加
)
Selenium 0.7 Reference (Japanese) - Selenium - Confluence
概要 コマンドはSeleniumに対してどう動くか指示するものです。コマンドにはActionとAccessor、Assertionの三種類があります。 各コマンドの呼び出しは、テストケースのtableにおける以下のような１つの行で表します。 Actionコマンドは、アプリケーションの状態を一般に操作するものです。Actionコマンドは「このリンクをクリックする」とか「あのオプションを選択する」といった動作を行います。動作に失敗するか、エラーが発生した場合は、現在実行中のテストは中止されます。 多くのActionコマンドは"AndWait"サフィックスを付けることができます(例えば"clickAndWait")。このサフィックスはSeleniumに対して、コマンドを実行してサーバへの通信が行われた後に新しいページがロードされるのを待つように指示するものです。 Accessorコマンドは、
Passion For The Future: CNET Japan Innovation Conference 2006 Autumnで「いまこれが熱い米国のWeb2.0サービス」
« できる100ワザ SEO & SEM 集客も売上もアップするヤフー!・グーグル対策 | Main | 投資事業組合とは何か » 書評：脳・こころ ｜書評： 企画・発想｜ 書評：文化・文明｜書評：経済・経営 ｜書評：子 供・教育｜書 評：小説・戯曲｜書評：ネット活用 ｜書評： 仕事・管理｜書 評：メディア論｜書評：その他｜書評：思想・哲学 ｜書評 ：文章・表現｜書評：認知・心理 ｜書評：神 話・宗教｜書 評：科学・技術｜書評：社会・世間 ｜書評：教養 ・雑学 2006年度 年間オススメ書籍ランキング ノンフィクション部門 2006年度 年間オススメ書籍ランキング フィクション編 2005年度 書籍売り上げラン キング ベスト20 2005年度 年間オススメ書籍 ランキング ベスト20冊 2004年度 人気記事ベスト10 アクセス数が多かった記事とは？ 2004年度 人気書評ベスト10 ア
流入キーワードもベキ分布だった！: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 高安秀樹さんの『経済物理学の発見』を読んで、ベキ分布にちょっと興味をもったので、手近なデータでそういう傾向を示すものがないか調べてみました。 調べてみたのは、Webサイトの検索エンジン経由の流入キーワード別アクセス数です。 流入キーワードにはフラクタル性が見られる「ロングテールと物理的制約」でも紹介しましたが、多くのWebサイトの検索エンジン経由の流入キーワードは単純に集計すると、たいていはロングテールみたいなグラフになります。 また、高安さんの本にあった「一般に、ベキ分布にしたがうような現象にはフラクタル性があります」という言葉の通り、検索エンジン経由の流入キーワード数の上位20%が全体の約80%を占め、さらに上位20%のうちの上位20%（つまり全体の4%）も上位20%の
あなたの中で 「うわっ！こんなサービスウェブで無料公開してる.. - 人力検索はてな
あなたの中で 「うわっ！こんなサービスウェブで無料公開してるの？」 「今まで、お金払ってたけど、実は無料で提供しているサイトあったんだ・・」 というように下記のように無料で役に立つ『ウェブサービス』を 提供しているとっておきのサイトを教えてください。 回答はできるだけたくさんあると嬉しいです。びっくりさせてください！！ 例） http://www.seoseo.net/ （検索キーワードチェックツール） http://symy.jp/ （長いＵＲＬを短く圧縮してくれるサービス） http://www.remindermailer.com/ （未来の自分にメールを送れる） http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html （HTML文書の文法をチェックし、採点します） など、自分の中で役に立ってたらＯＫです！！ みんなで紹介しあう形で
「ロングテールを拡大する」--アマゾン、委託販売を開始 - CNET Japan
アマゾン ジャパンは6月12日、Amazon.co.jpにおいて、書籍やCDの委託販売を開始した。サービス名は「Amazon e託販売サービス」。自費出版やインディーズCDなど、卸が取り扱わない商品でもAmazon.co.jpで販売できるようにする。 Amazon e託販売サービスは、出版社やメーカーなど、自社商品の販売権を持つ企業向けのサービスで、アマゾンが承認した企業のみが利用可能だ。企業はまずアマゾンに出品したい商品を登録する。すると、アマゾンが需要予測に基づいて仕入れ数を指定し、その数に応じて企業がアマゾンに商品を配送する。アマゾンは商品を自社の物流センター「アマゾン市川FC（フルフィルメントセンター）」に保管し、顧客の注文があれば通常24時間以内に発送する。 Amazon e託販売サービスの導入により、アマゾンは取り扱う商品数を拡大できる。「（商品数の増加で）ロングテールを拡大す
統一された色彩を自動的に作るサイト「EasyRGB」 - GIGAZINE
奇抜で独創的な色の組み合わせではなく、あくまでも統一された色彩を作りたい場合に非常に便利。いわゆる色見本帳を見ながら行う一種の「カラーハーモニクス」をウェブサイト上で簡単に実現できます。 EasyRGB - Color harmonies, complements and themes. http://www.easyrgb.com/harmonies.php 例えばR:255、G:171、B:32と入力して「Start」をクリックすれば、自動的に入力した色と色彩的にあまり違和感のない統一された他の色の組み合わせを表示してくれます。RGBの範囲も指定できるので、あまりにもかけ離れた色は使いたくないという場合でも柔軟に対応が可能。 さらに便利なのがこちらのカラーマッチング。 EasyRGB - Match your RGB and color data with paint, inks, c
2010年までのWeb技術の進展を予測した「ITロードマップ」
野村総合研究所が2010年までのWeb技術の進展を予測したとのこと。 要するに、Web2.0やSOAといった流行の中でも特にWeb API、Flash、AJAXなどを利用したリッチクライアント技術の重要性が高まり、2009年頃には一般的な技術となるであろう、というもの。2010年度までのWeb技術の進展を予測した「ITロードマップ」を発表～Web2.0/SOA時代の到来に不可欠なリッチクライアント～ http://www.nri.co.jp/news/2006/060518.html 感覚的には次のWindowsVistaが出る頃から一気に標準化されそうな気配なので、2007年が一般レベルになる年になると考えていますが、どうなのでしょうね。
GIGAZINE - 無料で手軽にオンラインショップを開設できる「Shopify」
楽天のようなオンラインモールに出店したりすると基本出店料が毎月必要なのですが、「Shopify」は無料でオンラインショップを大体2分ほどで開設できます。面白いのは注文が来たかどうかの確認をRSSでチェックできること。 また、このサイトはRoR、つまり「Ruby on Rails」で作成されています。こんなことができるのか、という感じ。 というわけで現在テスト期間中のこの「Shopify」、実際に使ってみました。サンプルショップはこちら。 Shopify - A shop in minutes, a business for life. http://shopify.com/ 基本的には売るものを登録して値段を付けて…というふつーのオンラインショップと同じシステム。送料とかも決められます。また、決済手段はPayPalとクレジットカード。「店長のブログ」みたいなものもくっつけられます。パスワー
CMSとモバイルとフィードと四畳半社長
最近、数週間に分けてプログラマ向けにオブジェクト指向基礎講座というのをやっています。 まだ二回目ですが、「ほんとにみんな理解してるかな?」と思って抜き打ちテストをやってみました。 基礎的な問題とあって、とりあえず殆どの人が満点だったのですが、何人か間違った答えの人が居ました。それが意外な人だったりすると、驚きとともに恐怖を感じます。 こういうテストは定期的にやらないとダメだな、と思いました。 それまで社内研修制度では、"UE大学"と称して、ユーザーインターフェースの講義などを不定期にやってきましたが、意外とこういう基礎的な知識に対する確認が欠けていたな、と反省しました。 あと、社内で使う用語の統一なども地味ですが大事な問題です。 うちみたいな零細企業では中途採用が殆どですから、それぞれ育って来た文化や背景が違います。 そこで「インスタンス」と言ったり「オブジェクト」と言ったり、「サブクラ
2005年 ウェブ・デザインの間違いトップ10 - ネタフル
Jakob Nielsen博士のAlertbox2005年 ウェブ・デザインの間違いトップ10という記事より。 2005年、ユーザをうんざりさせてきたウェブ・デザインの間違いをリストアップしてみると、古くから言われているものがランクイン。悪さをし続けていることがわかった。 ニュースレターの読者に、今年、もっとも腹立たしいと思ったユーザビリティ上の問題点を投票してもらった結果だそうです。 1. 読みやすさに関する問題（フォントサイズ等） 2. 非標準的なリンク（どこがクリックできるか分からない） 3. Flash 4. ウェブページ向けに書かれていないコンテンツ（短くシンプルに） 5. 検索性能の低さ 6. ブラウザ間の非互換性（Firefoxの世界シェア、1割を超える） 7. 扱いにくいフォーム（さほど必要とは思われない質問や選択肢） 8. 問合せ方法や企業情報の未掲載 9. ページの幅を
ウェブショップを運営するための課題とは？ - ネタフル
Eストアーがウェブショップ成功のための課題・解決策に関する調査を実施という調査結果を発表しています。 アンケート結果によると、ウェブショップ運営で苦労している点は61.5%が「集客・宣伝」と考えており、その次に「品揃え(34.0%)」「ホームページ制作技術(20.0%)」と続いています。(複数回答) ウェブショップを開設したことがある人・現在運営している人への調査だそうです。 ウェブショップを開設するための環境はどんどん整いつつありますので、開設してから何をしたら良いのか、どんな困難があるのかというのは後にして、とりあえずオープンする人も多いかもしれません。 チャレンジするのは良いことですが、しかしやはり開設しただけではダメというのは、苦労している点に61.5%が「集客・宣伝」と答えていることから分かります。人通りのほとんどない通りに出店してしまったというイメージでしょうか。 リアル店舗だ
ウェブベースのFTPクライアント - ネタフル
Access FTP through your browserという記事より。 If you, like myself, work from an office with a highly restrictive firewall policy and you need to upload and download files from an FTP server, then you’ll be glad to know there are web-based FTP services you can use. firewallポリシーなどでオフィスからFTPができない場合に、ウェブベースのFTPサービスを知っていると役に立つんじゃないか、ということで、ウェブベースのFTPクライアントが紹介されています。 ・Web2ftp ・Net2ftp どちらもSSL、anonymousでのFTPに対
百式 - 人を集めるアイデア (Ning.com)
有名だけどやっぱりとりあげよう。 Ningではいわゆるソーシャルアプリをあっという間に作り上げてしまうことができる。 ソーシャルアプリとは会員登録してさまざまな情報を共有し、さらに最近流行のタグで情報分類していくことができるようなウェブ上のアプリだ。 Ningを使えば、Craigslistのようなコミュニティサイトや、Flickrみたいなアルバム共有サイトや、del.icio.usのようなブックマークサイトも簡単に作れてしまうのだ。 もちろんある程度のプログラミングの知識は必要だが、いままで数週間や数ヶ月かかっていた開発プロセスが数時間から数十分に短縮される。なんてこった！ すでにNingを使ってアプリが次々と開発されている。見ているとあせってしまうぐらいである。 アイデアが具現化するまでの時間がどんどん短縮化されている。「人を集められるアイデア」をいかにひねりだせるか。負けてはいられない
グリー、首都圏在住の20代に特化したモバイル広告を開始
グリーは10月5日より、携帯電話向けのソーシャルネットワーキングサービス（SNS）である「GREEモバイル」上に掲載する広告の販売を開始する。首都圏に住む20〜30代に広告ターゲットを絞った点が特徴だ。 GREEモバイルのすべてのページの上部にバナー広告を掲載する。掲載期間は1週間で、1社独占の場合の広告料金は50万円となっている。同社によれば、招待制のSNSでモバイル広告を展開するのは日本で初めてという。 GREEモバイルはSNSの「GREE」が携帯電話から利用できるサービスで、6月29日に開始した（関連記事）。7月にはPC版で利用できる機能の大部分をモバイル対応にしている（関連記事）。GREEモバイルの登録者数は明らかにしていないが、1日20万件以上のページビューがあるという。ユーザーは20代が77.6％、30代が15.9％となっており、首都圏在住者は全体の約70％を占めている。 モバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEB開発者のためのリソースを集めたリンク集:phpspot開発日誌
http://www.bloglines.com/public/sinzy
転職・退職代行マガジン -