HTML5 & The Web Platform
実務でよく使うhtml,css,jsの小技をつらつらと紹介します。 ※2/11のスクーの授業中で使った資料です。 https://schoo.jp/class/1776 【オシャレCSS編】 1. transformを使って要素を変形させるワザ 2. transitionを使い、CSSだけで簡単なアニメーションを行うワザ 3. keyframesを使ってCSSだけで複雑なアニメーションを行うワザ 4. 矢印アイコンをcssだけで表現するワザ 5. アイコンをアニメーションさせるワザ 6. CSSプロパティ”filter”で画像を加工するワザ 【地味だけど使えるワザ編】 7. 今どきの、要素を上下中央寄せにするワザ 8.「flexbox」で要素を自由自在に整列させるワザ 9. Windowsでwebfontをちょっとマシに見せるワザ 10. ア
第一回ウェブ学会 - 2009/12/7（月）に東大安田講堂で開催された第一回ウェブ学会まとめWikiページ（暫定版）
第一回ウェブ学会 - 2009/12/7（月）に東大安田講堂で開催された第一回ウェブ学会まとめWikiページ（暫定版） 2009/12/7（月）に東大安田講堂で開催された第一回ウェブ学会まとめWikiページ（暫定版） 公式サイト http://web-gakkai.org/ プログラム http://web-gakkai.org/table.html 登壇者 http://web-gakkai.org/profile.html 公式ハッシュタグ #webgakkai 公式twitterアカウント http://twitter.com/webgakkai 公式ustream 午前 http://www.ustream.tv/recorded/2731784 午後1 http://www.ustream.tv/recorded/2733140 午後2 http://www.ustream.tv
パソコンってやばそうだよね。 - Chikirinの日記
ここ1年くらい、パソコンっていう商品について、結構「ヤバイ感じ」がしてきてますよね。ヤバイってのは「なくなるんじゃないの？」って意味なんだけど。 自分自身を考えても、今持っているものをもう一回くらい買い換えるかなあ、という感じ。それで「個人でパソコン買う」のは最後になるかもとさえ思います。その後に買うのは別の商品（別のコンセプトの商品）になるんじゃないかと。 まずはお断りですが、私はＩＴ業界の人でもなく、その分野に詳しい訳でもありません。なので今日書くのは、単なるイチユーザーの感想です。 さて、なんでそんなふうに思い始めたかというと、 (1)周囲の人で、携帯しか使わない人が増えている。 (2)自分自身もパソコンの用途がすごく限定的になってきた。 (3)パソコンの代替品的な商品が実際に出てき始めている。 という３つ。 (1)についていえば、以前から若い子が全然パソコン使わないなあ、とは思って
"Did You Know"和訳 - 西尾泰和のはてなダイアリー
この動画は一見の価値がある。英語にひるんで見ない人がいるともったいないので和訳した。(追記: これはバージョン3.0らしい。) (追記:字幕付きのバージョンがニコニコ動画で公開されました) 知っていましたか？ もしあなたが中国で「100万人に1人の逸材」なら… あなたみたいな人が国内に1300人います。 中国はまもなく世界一英語が話されている国になります。 インドの「IQが高い側から25%」は アメリカの全人口より多い。 つまりアメリカに生まれる全ての子供よりインドに生まれる優等生の方が多い。 知っていましたか？ 2010年に需要のある仕事上位10位は 2004年にはまだ存在していませんでした。 今私たちは学生を教えています。まだ存在しない仕事に備えて。 まだ発明されていない技術を使って まだ知らない問題を解く仕事に備えて。 米国労働省は今の学生は10〜14の仕事につくと推測しています 3
インターネットの歴史--50の主要な出来事（第1章）
インターネットの歴史の中で重要な50の出来事を振り返ってみよう。 1995年までさかのぼってみると、この年、米国TIME誌は、「On a Screen Near You」と題した特集を組んだ。この特集では、ネット上にどのくらいポルノ情報が存在するのかを18カ月にわたって調べた米カーネギーメロン大学の研究結果が示された（論文のタイトルは「Marketing Pornography on the Information Superhighway」）。そして、コンピュータの前で驚いた顔をしている少年の姿を写した同誌の表紙が示唆したように、インターネットにはポルノや不道徳な情報が溢れていて、もはや子供が安全ではないことが実態として示された。 しかし記事そのものは興味深いものであった。特集では、掲示板、ニューズグループ、ダイアルアップモデムのほか、「情報スーパーハイウェイ」「サイバーポルノ」「電話料
HTMLの表現力が辿ったここまでの道のりを知っておこう
Webでコンテンツを表現する決まりである共通言語のHTML。世界共通語であるHTMLがここまできた道のりを知っておこう。 HTMLはコンテンツを表現するための決まりですが Webページ制作にかかわるすべての方向けのHTML超入門。前編の「まずはHTML。ハイパーなタグ付き言語」に続く後編ですので、まだ読まれていない方はそちらからお読みください。超初心者向けにHTMLが表現できることを説明しています。 前編で、HTMLが「画像やテキストなどのコンテンツをWebページに再現するための共通言語」であることがご理解いただけた方向けに、後編ではHTMLを取り巻く周辺技術についてさらに説明をしたいと思います。 Webの世界が一般的なものになって10年以上がたちます。ずっと一線で活躍していたHTMLにもいろいろと足らない部分が出てきました。足らない部分をどのような技術や思想で補ってきたかを見てみましょう
Flash利用不可が3割、HTMLメール制限が5割弱／企業内Web閲覧環境に関する調査報告書ハイライト | Web担当者必見！ リサーチ データ&市場調査レポート
Flash利用不可が3割、HTMLメール制限が5割弱 企業内個人のウェブ閲覧、動画視聴、メール利用などにおける制限の実態 「企業内Web閲覧環境に関する調査」 報告書ハイライト 企業にとって、社員のインターネットの利用シーンにおいてさまざまな制限をかけるのがすでに常識となっている。だが、その実態はどういった状況になっているのだろうか。 Web担当者は、コンテンツを送り出す自社側だけでなく、閲覧者である顧客企業側の環境についても、現状を把握していなければならない。なぜなら、動画を利用したサイトを作っても、動画視聴が制限されている企業の社員にはリーチできないからだ。 この記事では、アクセス解析だけではわからない、さまざまな閲覧環境の制限についての調査結果を紹介・考察する。今後のサイト戦略の一助としてほしい。 テキスト：編集部 協力：Web広告研究会 ※調査概要に関しては、記事の末尾に記載してい
「ネットは能無しを大量生産している」 市民メディア、ブログが台頭するジャーナリズムの行く末は？ | 専門家や海外ジャーナリストのブログネットワーク【MediaSabor メディアサボール 】
「インターネットは個人発信の面白そうなブログにあふれている。 皆さん、ウエブ上の市民ジャーナリズムを無条件に持ち上げている。俺は違うね。俺に言わせれば、インターネットジャーナリズムの普及が推進しているのは多様化なんかじゃない。一般的な常識や社会観点の欠落したアホの量産だ。一日中コンピュータの前に座って、世界で何が起こっているのかを知ろうともせず、自分の知りたい情報のみにアクセスし、単語も満足につづれず、地図を見てもシカゴの位置を指し示せない能無しが大量に社会に出てきている。さらにまずいのは、やつらの多くが自分がアホである事に気づいていない事だ。オタクな知識がやたらとあるばかりに、自分は結構知的だと思っていたりする。こういう社会はどうなっていくのか？ もうすぐ分かるだろう。まあ、ろくな事にはならないと思っているよ。」（FOXニュースインタビュー John C. Dvorak） 今月、TECH
セマンティック・マイクロブログ
ソーシャルメディアとマイクロブログ SNSとソーシャルメディア SNS：個人のプロフィールや関心事などを（範囲を限定して）公開し社会的ネットワークを構成 ソーシャルメディア：社会ネットワークとコンテンツ・メッセージ共有の組み合わせ Ambient Intimacy（何気なくそこにあるような親しみ）の感覚 データの互換性、共有が課題 マイクロブログ（Microblogging） 限られた字数の最小限の＝気軽に書けるコンテンツ ゆるやかで手軽なコミュニケーション Why We Twitterの考察では、日常会話＋情報探索/共有 フットワークの軽さとモバイルとの相性 携帯端末からも簡単に読み書きできる → 発信する位置という新たなメタデータ マイクロブログのデータモデル コンテンツのモデル ポストの内容（本文） ポストのメタデータ（タグ、返信など） サービスによってさまざまな形態 ポスト本文中に
自分達のマイノリティーさを再確認してみた
日本人口 約1億2776万人（平成17年国勢調査） 男性 約6230万人（総人口中48.7%。平成17年国勢調査）女性 約6546万人（総人口中51.2%。平成17年国勢調査）未成年 約2357万人（総人口中18.4%。平成17年国勢調査）高齢者人口 約2560万人(総人口中20.0%。65歳以上・平成17年統計局調査)労働者人口(15歳以上の就業者＋失業者) 約6600万人(総人口中51.6%。2004年総務省労働力調査) 完全失業者数 約268万人(総人口中2%。労働者人口中4%。統計局平成20年3月速報。 ※正確に把握できてるのかなあこれ)フリーター人数 約187万人(総人口中1.4%。労働者人口中2.8%。2006年厚生労働省調べ ※正確に把握できてるのかなあこれ)ニート人口 約85万人(総人口中0.6%。2002年内閣府調べ ※正確に把握できてるのかなあこれ)年間自殺者数 約32
梅田望夫×まつもとゆきひろ対談 第2弾「ネットのエネルギーと個の幸福」(前編)：ITpro
梅田望夫 ミューズ・アソシエイツ社長 パシフィカファンド共同代表，はてな取締役 著書に『ウェブ進化論』（ちくま新書）など Blog「My Life Between Silicon Valley and Japan」 まつもとゆきひろ ネットワーク応用通信研究所 フェロー 楽天 楽天技術研究所フェロー Rubyアソシエーション理事長。Rubyの作者 Blog「Matzにっき」 「ウェブ時代5つの定理 この言葉が未来を切り開く!」，「私塾のすすめ ─ここから創造が生まれる」(齋藤孝氏との共著)などの著者である梅田望夫氏と，Rubyの作者まつもとゆきひろ氏。2007年末に行われた対談のあとにあがった「話し足りない」との声から，2回目の対談が実現した。ネットのエネルギーをポジティブに向ける方法，オープンソースの強靱さ，個人が幸福になるためには――ウェブの未来をひらく2人が語り明かす。 ---前回の
機種を選ばない携帯向けWebサイト - ARTIFACT@はてブロ
ブラウザのUAを見ないWebサイトをまとめてみた。PDA向けのものが多い。 ポータル MobileSearch!（モバイルサーチ）：PDA･携帯電話ポータルサイト http://m-search.jp/ms/pda.php ◆恋占いの館◆ http://www.momiji.biz/ ※様々なサービスがある 地図・交通 Mapion for pda http://www.mapion.co.jp/custom/pda/ 駅前探険倶楽部SS http://ekitan.com/ss/ ※時刻表が便利／PCでは見られたけど携帯でははねられてしまった ニュース一般 i.asahi.com http://i.asahi.com/ 日テレNEWS24 http://www.ntv.co.jp/pda/news/main.html ANNﾆｭｰｽ http://www.tv-asahi.co.jp/a
ソーシャルグラフを実現する技術--ノードはURL、エッジはXMLで表せる
今回は、ソーシャルグラフを実現する技術についてです。 ソーシャルグラフを実現するには幾つか必要な要素がありますが、まず大事なことはノードの同定です。 つまり、ネット上においてあるサイトにおけるユーザーが、別のサイトにも存在する場合にそれを紐付けるということが必要になります。サイト内に閉じたグラフの場合にはこれは必要ありませんが、ソーシャルグラフはそもそもサイトを横断してグラフを解析しましょうというものです。 同定する必要がある対象は、ヒト、モノ、情報すべてについてになりますが、ユーザーの同定の手段として最も現時点で現実的なのはOpenIDでしょう。 ヒト、モノ、情報--ノードの同定はURL OpenIDは本来ソーシャルグラフのための技術ではなく、ネット上での認証を一元化するためのものですが、OpenIDを作ったのはSocial Graphでも有名なBrad Fitzpatrick氏であるこ
ウェブ3.0の姿をつかめ：何がキモになるのか？:コラム - CNET Japan
英紙Guardianウェブ版に「ウェブ3.0をまとめるとすれば、レコメンデーションと個人化（パーソナライゼーション）である」とする記事が掲載された。ウェブ3.0の定義についてはReadWriteWebでも何度も扱ってきている。ここでは、再度ウェブ3.0の定義について振り返ってみたい。 英国の新聞Guardianのサイトに現地時間2月4日に掲載された記事に、Jemina Kiss氏がウェブ3.0とはすなわちレコメンデーションを指すものになるだろうと示唆した。「もしウェブ2.0を一言で『相互作用』だとくくるとすれば、ウェブ3.0はレコメンデーションと個人化になるはずだ」と同氏は述べている。Kiss氏はLast.fmとFacebookのBeaconを例に挙げて、個人化されたレコメンデーションサービスが新しい音楽や製品、レストランなどの情報をわれわれにもたらすウェブの将来像を描いている。これはマー
平成20年度センター試験: 現代ウェブ社会 : 小野和俊のブログ
年が明けて成人の日が近づくに連れて思い出すのは大学入試のセンター試験のことで、大学受験から十数年経った今になって思うのは、あの試験をつくる側の人は意外とネタっぽく、ププッと吹き出したりしながら試験問題を作ったりしているのではないかということである。 文章中に下線を引いて、そこに対する正しい記述と正しくない記述とを織り交ぜて問題をつくっていくわけだから、特に正しくない記述の選択肢を考えるのはかなりネタっぽい作業なわけである。 それが具体的にどのような作業であるのかを体験するには、身近なテーマについて、センター試験の形式で問題をつくってみるのが最良なのではないかと考えた。 以上の経緯で、平成19年の現代社会のセンター試験を参考にしながら、現代ウェブ社会と題して以下のように試験問題をつくってみた。 現代ウェブ社会 第1問 次の文章を読み、下の問い(問1 〜 問12)に答えよ。(配点 36) はて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
