タグ

WEBに関するyamanetoshiのブックマーク (557)

  • メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum

    今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜~日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました(コメント参照) ※2009-06-17 RewriteCondから [NC] 条件を削除しました(コメント参照) ※2009-06-16 Retry-Afterの記述をGMTに変更しました(コメント参

    メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
  • 『日本のネット業界に時の鐘を鳴らすのはいつも梅田望夫』説| 近江商人JINBLOG

    Account Suspended This Account has been suspended. Contact your hosting provider for more information.

  • 容量無制限の無料オンラインストレージ firestorage

    firestorage.jp は個人、ビジネスを問わずご利用頂ける無料オンラインストレージです。 リモートワーク・テレワークでファイルを共有し送信・ファイル保存・データを送るのに便利、すぐにアップロード可能です。

    容量無制限の無料オンラインストレージ firestorage
  • Web Performance Best Practices

    Web Performance Best Practices When you profile a web page with Page Speed, it evaluates the page's conformance to a number of different rules. These rules are general front-end best practices you can apply at any stage of web development. We provide documentation of each of the rules here, so whether or not you run the Page Speed tool — maybe you're just developing a brand new site and aren't rea

  • ウェブサイトをユーザーにリラックスして楽しんでもらえるようにする10のTips

    ウェブサイトをユーザーにリラックスして楽しんでもらえるように、より使いやすくする10のTipsをWeb Designer Depotから紹介します。 10 Tips to Create a More Usable Web 以下、各ポイントのピックアップです。 1. Creating active navigation アクティブ機能をもったナビゲーションの設置 サイトのどのセクションにいるか、ユーザーに明示できるナビゲーションを設置します。 2. Clickable labels & buttons ラベルやボタンをクリック可能に フォームのラベル(label)やボタン(button)に、クリック可能であることが分かるようにスタイルシートで設定します。 例: <textarea name="code" class="css" cols="60" rows="5"> label, butto

  • 今さらと言わずに「TypingWeb」でタイプレッスン | ライフハッカー・ジャパン

    タイピングはできるけど実はそんなに速くは打てない、もしくはさらなる音速のタイピストを目指したいという方、手始めにタイピングレッスンのWebアプリ「TypingWeb」で練習してみるというのはいかがでしょうか。 登録は必須ではないので、まずは飛び込みでベーシックレッスンから始めてみることができます。アカウントを登録すれば、自分の上達の過程を記録しておくことも可能です。 TypingWebが他のタイピング練習アプリより優れている点は、こざっぱりしてキレイなインターフェースもさることながら、キーボードのレイアウトを変更できる機能があるというところ。「ドヴォラック配列で練習したい」とか「クワーティ配列以外のキー配列で練習したい」なんていう特殊な要望も、設定の変更で可能になります。 また言語の変更も可能で、機械的な翻訳ではありますが日語にも対応しています(ただし練習のための例文は英語ですが...)

    今さらと言わずに「TypingWeb」でタイプレッスン | ライフハッカー・ジャパン
  • TOEFL対策スクールナビ

    海外の大学・大学院に行きたい」「海外移住したい」。海外旅行では体験できないリアルな海外での生活を叶えるにはTOEFL等の受験が欠かせません。それらの夢を叶えるにはTOEFLのハイスコアが必要になりますがTOEICや英検と比べIELTSの学習ができるスクールは多くありません。また、ホームページにTOEFL対策コースの案内があっても実際に教えた経験に乏しいスクールは多くどのスクールを選べばいいのか一般の方には判りにくいのが現状です。TOEFL対策スクールナビがあなたの街の一番いいIELTSの対策スクール・塾を紹介します。 TOEFLの対策スクール・塾で学習する理由 TOEFLは英語の4技能「読む」「書く」「話す」「聞く」がそれぞれバランスよく評価される試験です。そのため独学で試験対策を進めた場合「話す」「書く」という自分のアウトプットに対して間違いを指摘し、正しい英語表現を教えてもらうことが

    TOEFL対策スクールナビ
  • 【特集】知っておきたいWebサービス - ジャンル別リスト (1) Webサービスの紹介ジャンル | ネット | マイコミジャーナル

    Webサービスを活用していきたい人のために Webサービスを活用する機会は増える一方だ。いつの間にか、メールのやりとりはWebメールサービスに、Webブラウザのブックマークはソーシャルブックマークに、ビジネス文書の作成だってオンラインワープロに──気づけばWebサービスを多用していたという人は少なくないだろう。そして、これからWebサービスを活用していきたいと考えている人もいると思う。特集では、Webサービスをプライベートやビジネスなどに積極的に取り入れていきたい人に向けて、ジャンル別にさまざまなサービスリストを提供していく。ジャンルやサービスは順次拡充していく予定なのでぜひ活用してほしい。 掲載ジャンル一覧(順次拡充予定) Webサービスの種類 更新日 New Webメール 05-23-2009 New ソーシャルブックマーク 05-23-2009 New オンラインカレンダー 05-

  • WEBサービス100選 日本で有名でないおもしろサービス part2

    前回の記事の続き ということで、海外で有名で日ではあまり知られてないんじゃないかなと思うものを紹介。 ■商業カテゴリ ・craigslist.org 全世界の無料オンライン広告案内サービスかな。 世界中のエリアから都市名を選ぶと すごい量のカテゴリーが出てて、そのカテゴリーに広告が無料で書き込めるというものかな。 ・Elance 求人・求職サイトかな。サイトデザインが日の求人サイトと違って斬新。 ■通信カテゴリ ・digsby 様々なメッセンジャー(gtalkやyahoo,msn,microsoft)や Gmail,yahoomailなどのEmail twitter,facebookなどのソーシャルネットワーキングも 全て一つのアプリケーションで制御できるというもの。 色々なアプリケーションをまとめられるのでコレは便利。 ・pidginもdigsbyに似たサービス ・dimdim

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Webのストリーム化の兆候を見逃すな!ー追記4:Speed Feed:オルタナティブ・ブログ

    Webは確実にストリーム化していることは間違いがない。このことについて僕は過去のいくつかのエントリーで触れている。 いまや特定情報に対してパーマリンクを充てるというのは近代的Webサイトの基中の基であり、Blogのみならず、多くのWeb2.0的サービス/メディアがこの手法を採用している。(←ここ、重要!新聞サイトにパーマリンクを使っていないところもあるのが残念だ) Twitterは、実は次のマイルストーンに数えられるサービスである。 これはどういうことかというと、Webを”サイト”という静的な固まり、場所的あるいはリスト的な概念から、”ストリーム”という動的な流れ、時間的な概念であることを、明確に示しているからである。 Techcrunchの記事によれば、Facebookは世界で最もあからさまなTwitterの摸倣者であるが、それが実は彼らの成功に大きく寄与している。 ストリームを積極

    Webのストリーム化の兆候を見逃すな!ー追記4:Speed Feed:オルタナティブ・ブログ
  • WEBアプリ開発に便利な機能&負荷テストツール集:phpspot開発日誌

    15 Free Functionality And Load Testing Tools For Web Applications WEBアプリ開発に便利な機能&負荷テストツール集。 プログラム変更後の品質チェックを行える機能テスト・ユニットテスト、負荷に耐えられるか確認するために負荷テストツール、で品質向上に役立てられます。 Selenium等の定番以外にも沢山の機能テストツールや負荷テストツールがあるみたいです。 機能テストツール集 Seleniumのようなブラウザを自動で直接動作させて表示結果を確認するツール うまく運用すれば、機能を変更した際の正常動作確認に神経をすり減らすことがなくなります SeleniumHQ おなじみのテスト自動化ツール テストケース定義で自動でブラウザ上でテストしてくれます Watir Rubyのブラウザ自動化ライブラリだそう。 Windowsだと、IE、F

  • TechCrunch | Startup and Technology News

    Since April, a hacker with a history of selling stolen data has claimed a data breach of billions of records — impacting at least 300 million people — from a…

    TechCrunch | Startup and Technology News
  • Web 開発者の責任 (翻訳): Days on the Moon

    John Resig 氏による A Web Developer's Responsibility という記事が素晴しかったので、著者の許可を得てここに日語訳を掲載します。 Web 開発者の最大の負担は、ブラウザのバグと非互換性への対応に膨大な時間を費やすことであるといって間違いないでしょう。それゆえに、それらへの対応に不満をいうのは、Web 開発者全員の常となっていました。ブラウザのバグは迷惑でいらだたしく、仕事を大幅に難しくします。 ブラウザのバグはとてもいらだたしく、通常の開発における最大の負担です。ですから、開発対象のブラウザが、自身のバグを見つけ修正できるようにしてやるのは、すべての Web 開発者にとっての責任です。自分が見つけたバグに対して責任を持ち、「ほかの誰かがこれを見つけるだろう」とは思わないことで、ブラウザの進歩の速度は加速していくでしょう。 ブラウザを支援する解決策

  • オシャレな名刺が自作できるWebツール「Business Card Star」 | ライフハッカー・ジャパン

    現代のビジネスパーソンには、プライベート用の名刺も何かと便利。 異業種セミナーや勉強会、イベントなどで知り合った人々と連絡先を交換するとき、会社の名刺ではちょっと味気ないですよね。プライベート用の携帯電話番号やメールアドレスが書かれた名刺をさらりと渡せると、なんだかちょっとプロフェッショナルな感じもします。 とはいえ、外部業者に依頼すると、名刺の印刷料金は結構高いもの。そんなときに便利なのが、名刺のデザインと印刷を自作できるWebツール「Business Card Star」。 このサイトでは、デザインの選択から、個人情報の入力、印刷まで順を追って行う仕組みになっています。デザインテンプレートは、エレガント風・幾何学風・プロフェッショナル風など、豊富です。また、印刷は、クリックひとつで、提携している印刷会社に依頼をすることもできますし、PDFで名刺データを保存できるので、市販されている印刷

    オシャレな名刺が自作できるWebツール「Business Card Star」 | ライフハッカー・ジャパン
  • Rubyの軽量Webフレームワーク「Sinatra」がステキ - このブログは証明できない。

    フルスタックがウリのRails。そこまで必要ないよ。と、ERBでゴリゴリ。メンドクセー。やっぱ、Railsで。などと、陽はまたのぼりくりかえしてーゆく。RubyのWebフレームワークは他にもあるけど。。軽くていいんだ。PHPを使いたくないだけなんだ。 そんな悩ましさを解消してくれるフレームワークを発見してしまいました。「Sinatra」でございます。こいつは、軽そうだ。 Sinatra サイトのトップページに書かれているコード。これが、サクサク感をかもし出してくれています。 require 'rubygems' require 'sinatra' get '/hi' do "Hello World!" end 説明読まなくても解るよ、これ。 日語の解説スライドがあります。よく解る解説ー。 公式サイトのREADMEを読めば、だいたいOK。 Sinatra: README パラメータを取得し

  • Erlang によるウェブプログラミング - elm200 の日記(旧はてなダイアリー)

    Erlang は「コンピュータにおいて汎用的な用途に使うことができる並列処理指向のプログラミング言語および実行環境である」(Wikipedia) 言語としては関数型言語で、軽量プロセスを扱うのが得意と聞いている。 ベトナム語のウェブサイト cntt.tv より Lập trình web với Erlang(Erlang によるウェブプログラミング) を翻訳する。 ==翻訳開始 Erlang によるウェブプログラミング Python, Ruby, PHP そして Java のように、よく使用される言語では、強力な ウェブフレームワークがたくさんあります。Erlang は世に出て20年になります。ネットワークプログラミングに対してはよいサポートがありますが、ウェブ方面はまだ弱いです。複雑なビューやコントローラのあるウェブをErlang で書くのは、いまのところ間違った決定でしょう。しかしな

    Erlang によるウェブプログラミング - elm200 の日記(旧はてなダイアリー)
  • ウェブ上での個人情報をすべて一ヵ所にまとめて自己管理できるchi.mp

    ウェブ上での個人情報をすべて一ヵ所にまとめて自己管理できるchi.mp
  • デザイナーがDTPからWebに移行する際の11のアドバイス

    デザイナーがDTPからWebに移行する際の11のアドバイスをThe Design Cubicleから紹介します。 Transitioning from a Print to a Web Designer 以下、その意訳です。 DTPからWebに移行する際、今まで培った法則やスタイルを捨てるということではありません。Web向けにそれらのスキルを活用します。 実際、紙を模倣したデザインの人気は高く、ニュースサイト、Eコマースサイト、ブログなど多くのウェブサイトで採用されています。 1. Design your sites and images at 72dpi 72dpiでデザイン Webは300dpiではなく、72dpiを使用します。 2. Use RGB RGBを使用 カラーモードはCMYKではなく、RGBを使用します。 3. Design in Photoshop 作業はPhotosho

  • kmuto’s blog

    View this post on Instagram A post shared by kmuto (@mutokenshi) View this post on Instagram A post shared by kmuto (@mutokenshi) View this post on Instagram A post shared by kmuto (@mutokenshi) View this post on Instagram A post shared by kmuto (@mutokenshi) View this post on Instagram A post shared by kmuto (@mutokenshi) View this post on Instagram A post shared by kmuto (@mutokenshi) View this

    kmuto’s blog