Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

就活をはじめる以前に、本当はいろんな不安や悩みがありますよね。 「面倒くさい、自信がない、就職したくない。」 大丈夫。みんなが最初からうまく動き出せているわけではありません。 ここでは、タテマエではなくホンネを語ります。 マジメ系じゃないけどみんなが気になる就活ネタ。 聞きたくても聞けない、ホントは知りたいのに誰も教えてくれないこと。 なかなか就活を始める気になれないモヤモヤの正体。 そんなテーマを取り上げて、ぶっちゃけて一緒に考えていきましょう。 みなさんが少しでも明るく一歩を踏み出す気持ちになれることが、 私たちの願いです。

Metroライクなデザインに変更 できるTwitter Bootstrapのテ ーマ・Cosmoのご紹介です。 Bootstrapはレイアウトが上手く 出来ているので見た目を変える だけで十分かもしれないですね。 MetroっぽいTwitter Bootstrap用テーマです。

【10/7〜10/13の運勢】10月2週目の運勢はどうなる？SUGARさんが贈る12星座占いをチェック！

一つ前のエントリーを書くために検索して見つけた記事がとても面白い。みなさま、ぜひご一読を。 Knowledge Worker:「これまでの本、これからの本」第3回 原田範行教授 私が学部生のころもそうだし、今の学部生もそうだけれども本を頭から最後まで読まなければいけない。著者の思いに沿って読まなければいけないという思い込みが強い。ちなみに、私がこの思い込みから離れられたのは博士後期課程に入ってから。 専門書や論文は、頭からお尻までを全部均等に丁寧に読むものではありません。必要な部分を必要なだけ読むものです。ですから、均等に力を割り振って読むよりは、論文の一部分に全力を尽くしましょう。 （論文の読み方より） で、面白いのは上記の記事によると、18世紀のイギリスでは「必要なところだけ自由に読む」という読み方の人が結構いたんじゃないかとのこと。21世紀に学生を指導している私が18世紀の読書法を教

これ読んでたらr7kamura君にJSのMVCどうするの的な話きかれてたのを思い出したので、自分がBackboneを使う時のパターンをr7kamura君の記事をベースに書きなおしてみた。 > サバクラ両方で動く JavaScript の大規模開発を行うために ― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下の様なコードを書いた。かなり冗長だが、複雑なアプリだとこれぐらいの冗長性は必要になる。 (なお概念を伝えるための解説用コードなのでそのままじゃ動かない) Backbone.Model # 名前空間の初期化 App = {} App.View = {} App.Model = {}

こんにちはかとりょーです。 うごく小説投稿サイトDenkinovelというWebサービスを作りました。 現在β版としてテストユーザー募集中です。どうかみなさん、使ってみてください。Twitterアカウントをお持ちなら、すぐに登録できます。 どういうWebサービス？ 背景変化・BGMなどの演出のある小説を投稿できる小説投稿サイトです。 ノベルゲームみたいな小説が簡単に作れて、すぐに公開できます。 よくある小説投稿サイトみたいに、掲示板形式でずっと文章が続くのではなく、1ページ分だけの本文が表示されます。 クリック、スクロールにあわせて本文がフェードイン、フェードアウトしていきます。BGMを流したり、挿絵での演出もできます。 （背景画像はきまぐれアフター様よりお借りしました） いちど見てみれば感覚はつかめます。こちらから試してみてください。 ノベルゲームみたいですが、けっしてゲームではありませ

仕事の休憩中、ある営業さんがこんなことを言い出しました。 「電話をかける時、最後に『＃（シャープ）』を押すと早くつながるって常識だよね？」 ...知りませんでした。その営業さんいわく「電話番号を押してからつながるまでに待ち時間があるでしょ。あの時間が短くなって、すぐにつながるようになる」というのです。半信半疑で試してみたところ、たしかに早くつながりました。 ちょっとびっくりしたので、ご存じのない方のために比較動画を作ってみました。以下よりどうぞ。 結果は、電話番号の最後に「＃」をつけるとおよそ半分の時間でつながりました。携帯電話へかけたので「プッ...プッ...」と発信音がするのは変わりませんが、この発信音がし始めるまでが早いのです。 でも、なぜなのでしょう。教えてくれた営業さんも「先輩に聞いた」そうで情報の出どころはわからないとのこと。検索してみると「MSN相談箱」で同様のQ&Aがあり、

MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時

私のデザイン修正で一番多い指示が、「メリハリをつけてください」で、以前はどうすれば良いかわからず困っておりました…。(今も時々わからなくなりますが…) 最近ようやくどうすればメリハリがつくかわかってきたので、その方法をまとめてみました。 「メリハリをつけてください」の修正意図は、目立つべきところが目立っていないので、重要な部分を視覚的にはっきりさせてください、ということだと思います。 例として、以下のような見出しとテキストをもとに考えてみます。 （メリハリをつける場合、サイト全体のバランスをみてつけることが必要ですが、ここではわかりやすくするため、見出しと説明文のみで考えています） （引用：Wikipedia: カメラ http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%A1%E3%83%A9） 私の場合、メリハリをつけるのは以下7つの方法が多いです。

どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん