HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
東京大学より、英語学習・無料オンラインコース「English Academia」がリリース！どなたでも学べます！ | 立教大学 経営学部 中原淳研究室 - 大人の学びを科学する | NAKAHARA-LAB.net
東京大学より、英語学習・無料オンラインコース「English Academia」がリリース！どなたでも学べます！ 東京大学から、また新しい英語学習・無料オンラインコースがリリースされました。 名づけて、 「English Academia」（イングリッシュ・アカデミア） https://utokyo-ea.com/ です（パチパチパチ！）。 このコースは、どなたでもご利用いただけ（学生であってもなくても、社会人であろうと、誰であろうとOK!）、スマホからでも、ＰＣからでも学ぶことができます。 イングリッシュ・アカデミアは、これから研究ライフをはじめる、学部生、大学院生向けに開発された、初心者向けのアカデミックコミュニケーションのサイトです。どうぞふるってご利用下さいませ。どうぞよろしく御願いいたします。 ▼ いまさら「アタリマエダのクラッカー」ですが、グローバル化が進行しています。そんなな
ノア・スミス「実は日本は様変わりしてるよ」（2023年1月23日）
By 稲妻ノ歯鯨 – Own work, CC BY-SA 4.0 2020年代は1990年代とはちがう BBC の東京特派員ルーパート・ウィングフィールド＝ヘイズが書いた，日本についてのエッセイが広く話題になってる〔日本語版〕．ぼくも読んでみたけれど，ひどくいらいらしてしまった．このベテランジャーナリストは――2012年から日本に暮らして働いたすえに――日本の印象をまとめている．彼によれば，日本は停滞して硬直した国で，「ここに来て10年経って，日本のありようにもなじみ，次の点を受け入れるにいたった．日本は，変化しそうにない．」 でも，日本に暮らしたことがあって，2011年以降も年に1ヶ月間ほどここに来て過ごすのを繰り返してる人物として，そして，日本経済についてかなりの分量を書いてきた人物として言わせてもらえば，日本はまちがいなく様変わりしてる．すごく目につきやすくて重要なところがあれこれ
【予想外】斜め上をいく文の里商店街のポスター52点
大阪市阿倍野区にある「文の里（ふみのさと）商店街」では、最近シャッターを下ろした店が目立つようになってきました。 そこで、商店街の活気を取り戻そうと大阪商工会議所が、商店街のPRポスター約200点を、電通関西支社に依頼して制作しました。制作したのは電通関西支社の若手クリエーター60人。そこで制作されたポスターが斜め上をいっていて素敵でしたのでご紹介します。（本当は全部センスがあって紹介したいのですが、今回は特に気になったポスターをご紹介します） 大嶋漬物店 ポスター？ はよ作ってや。死ぬで。 やっと気付いた。この仕事、しんどい。 お漬かれさまでした。という文字までこだわっています。すごい。 鳥藤商店 いいムネあります。 いいモモあります。 浜口鮮魚店 おめで鯛！があるならメリークリス鱒！てのはどやろ。 これ、スズキ。僕、ハマグチ。 アンティーク着物 姉妹屋 その着物 かわいいやん かわいい
この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日本語訳です。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日本語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011
Photoshopを使えばここまでの作品ができる、ということがよくわかるチュートリアル集が「35 New Photoshop Tutorials with Various Techniques」です。アイコンからSFっぽいイラストまで、さまざまなジャンルにおける作品のメイキングが公開されており、技術が学べるだけでなく、こんなラフスケッチからここまでの作品が……！と製作過程を眺めているだけでも楽しめます。 35 New Photoshop Tutorials with Various Techniques | The Design Inspiration ◆Photohop Tutorial Link: A Cute Cartoon Artwork Creation 鉛筆でのスケッチはこんな感じ。 スケッチをスキャンし、Photoshopを使って着色していきます。 完成作品はこちら。 なお、
この本がスゴい！2019
人生は短く、読む本は多い。 毎年この時期、自分のリストを振り返るのだが、読みたい本が尽きることはない。読むほどに、知るほどに、知識と理解と表現の不足を痛感する。 それでも読むし、ここに書く。読むことで豊かになり、書くことで確かになるというのは本当で、読んでいるときに何を知りどう考えていたかは、書くことでハッキリする。 つまり、自分で分かるために書いているのだ。フランシス・ベーコンは、話すことで機敏になるとも言ったが、わたしの場合、話すことで世界が変わった。[スゴ本オフ]や読書会、[冬木さんとのSF対談]や、読書猿さんとの知をめぐる対談[1][2][3]で、世界の見え方が変わった。 読書会や対談は今後もしていくが、そこで紹介された本や、2019年に出会った本の中から、わたしにとってのベストを選んだ。これが、あなたにとってのスゴ本となれば嬉しい。そして、このリストを目にしたあなたが、「それがス
Twitterを見ていたらこんなツイートが流れてきた。 How your email finds me pic.twitter.com/XIQgR57AbZ— Oded Rechavi 🦉 (@OdedRechavi) 2022年10月13日 ゴミ捨て場にベッドマットが落ちてて、そこにイノシシ？ブタ？が倒れている。 ツイート本文には「How your email finds me（あなたのEメールが私を見つける方法）」と書いてある。 なんらかの冗談っぽい印象を受けるのだが全く意味が分からない。でもこのツイートは2.3万RT／15.7万favを獲得している。 意味が分かればめちゃくちゃ面白いに違いない。 調べて理解することにした。 なお筆者の英語力は海外のゲーム攻略Wikiを斜め読みする程度です。 ミーム：How The Email Finds Me 日本語の冗談でもそうだが、ネット上にあ
Loading...
PS Brushes.net - Photoshop Brushes, Your Number one source for Photoshop Brushes
Winning by Being Valuable It's a challenge to come up with high ROI trade show booth design ideas that work well. And custom made stands in particular, present even more complexity, due to their size. But there is a popular and cost-effective option you can use to make your stand be noticeable. How could the core competences of a industry leader be seen when the quality of its products is, by natu
海外サイトTutorialzineで公開された「20 Protips For Writing Modern CSS」の著者 Danny Markov より許可をもらい、翻訳転載しています。 この記事では、CSSスタイリングで実践したい、便利な20種類のテクニックをご紹介しています。CSSをはじめたばかりの初心者のひとにも合った内容も多く、あまり知られていない少しだけ高度で、より実践的なCSSテクニックまで学ぶことできます。これらのテクニックを利用することで、今後のウェブ制作をよりスムーズに、快適に行うことができるでしょう。 コンテンツ目次 1. 縦方向のマージン幅に気をつけよう。 2. レイアウトに Flexbox を利用しよう。 3. CSS リセットをしよう。 4. Border-box をすべてに適用しよう。 5. イメージファイルは背景に適用しよう。 6. リストテーブル用ボーダー
2016.2.22 田口たつみさんとのコラボによる解説記事のリンクです。 「ダメな科学」を見分けるための大まかな指針」のポスター解説（１）扇情的な見出し・結果の曲解 「ダメな科学」を見分けるための大まかな指針」のポスター解説（２）「利益相反」 「ダメな科学」を見分けるための大まかな指針」のポスター解説（３）「相関関係と因果関係の混同」 「ダメな科学」を見分けるための大まかな指針」のポスター解説（４）推測表現 （おまけ：「科学的風だけど実は科学的証拠ではないもの」の例） 「ダメな科学」を見分けるための大まかな指針」のポスター解説（５）小さすぎるサンプルサイズ／代表的でないサンプル 「ダメな科学」を見分けるための大まかな指針」のポスター解説（６）対照群がない／盲検試験が行われていない 2014.6.26改定 ファイル名が「.JAPなのはヤバイ」というご指摘を受け、「.JP」に直しました。 元サ
技術の話では無い皆さんがこの記事を開いた動機は一体何でしょうか？ ◆ホスト業ってどんな感じの仕事なの？ ◆ホストってアホなイメージがあるんだけど、ホストがエンジニアになれるなら俺も簡単にいけそうじゃない？ ◆そんなアホが、どういうアプローチでエンジニアになったの？ そんなところでしょうか？ 安心してください、それらには全て答えます。 これからIT業界に飛び込もうとしている方々の参考になったらいいなぁと思っていますし、プログラミング学習の入り口とかも多少タメになるかと考えています。 あとは水商売の話・大学進学・携帯販売についても出てくるので、簡単な読み物として有りかもしれません。 そして今ツイッターで話題の SES・Sier・自社開発についての違い・詳細なども記述していますので、ご興味があればご覧ください。 もし、あなたがエンジニア関係以外に興味がないのであれば「SESへ転職」という単語をペ
最強の振り返りメソッド「KPT法」で、失敗を反省するどころか、長所も希望も見つかった話 - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
日々の失敗を反省し改善していくことで、人は成長できるわけですが、なかには「失敗するとひどく落ち込んでしまい、反省するのがつらい」という人もいるはず。ですが、そんな人でも「KPT法」という振り返りのフレームワークを使えば、前向きに日々の振り返りができ、改善につなげることができますよ。 今回は、KPT法とはどういうもので、どんなメリットがあるのかを、わかりやすく解説していきます。筆者が実際にKPT法をやってみましたので、その模様も画像つきでご紹介しましょう。 KPT法とはなにか KPT法とは、取り組んでいる仕事や活動を改善するための振り返り方法のひとつ。現状を見直す際に、「Keep（このまま継続すること）」「Problem（課題）」「Try（解決策）」という3つの項目、すなわち「KPT」を書き出し、今後どうするかを考えるものです。シンプルな手法でありながら、ひとりでも集団でも活用できるうえに、
よい論文の書き方 - NextReality
研究室用に書いた文書を転載します。主に工学系（コンピュータサイエンス系）分野の査読付き学会や論文誌に投稿することを想定しています。 以下は論文を書くときに個人的に気をつけていることです： メッセージをシンプルに：要するに何が言いたいのかが一言でサマライズできていること。記憶に残ること。 メッセージが伝わらないと、そもそも査読で落とされるし、たとえ学会で発表できたとしても誰も覚えていてくれない。実際、国際学会でも発表論文の多くが誰にもリファーされず、翌年になると忘れられている (どんな論文がどのくらい参照されているかはGoogle Scholar, Microsoft Academic Searchなどでわかる）。 問題はなにか・なぜこの問題が重要なのか・問題の原因は何か・どんな解決案を提案するのか・その効果は本当か・他にどんな研究があるか（なぜそれらの既存研究ではだめなのか）・誰のために役
インフォグラフィックのプロが手がけるエクセル、パワーポイントのテンプレート | ビジュアルシンキング
インフォグラフィックやウェブサイトを手がける海外デザイン・スタジオ「oberhaeuser.info」のエクセル、パワーポイントのテンプレート作成事例を紹介します。 MAGNAGLOBAL EXCEL TEMPLATE [サイトで見る] クライアントは「MAGNA GLOBAL」。 サイトのABOUT USページを見ると、「the strategic global media unit」とあり、コンサルタント業務を行っているようです。 MAGNA GLOBAL メディア向け資料をインフォグラフィック・スタイルにしたい、そしてそれをテンプレート化してあとは自分たちで資料作成をしていきたいという要望に対して、「oberhaeuser.info」が応えた事例です。 クライアント・サイドでクオリティを維持したまま資料作成をしてもらえるようにするには、Illustratorのような専門ソフトではなく
HTML5とCSS3をページ全体or少しずつ導入するチュートリアル
デモページの全体のキャプチャ 下記は各ポイントを意訳したものです。 全体をHTML5化しても、面白そうなCSS3のエフェクトを少しずつ適用しても面白そうです。 ウェブページにHTML5を導入 ウェブページにCSS3を導入 ウェブページにHTML5を導入 デモページのHTMLの構造は、下記のようになっています。 HTML5：ページのベース 各エレメントを配置する前のHTMLのベースは、下記のようになります。 <!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8" /> <title>Ferris Buller on Abduzeedo</title> <link rel="stylesheet" href="style.css"> <!--[if IE]> <script src="http://html5sh
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 における HTML4 からの変更点
Photoshopを使いこなすための印象的なチュートリアルいろいろ
英語圏の冗談の意味が分からないので調べる - nomolkのブログ
プロが実践するモダン CSS の書き方入門テクニック20選まとめ
「ダメな科学」を見分けるための大まかな指針」のポスター - うさうさメモ
元ホストだけど、意外とサクッとエンジニアになれた話｜元ホストのエンジニア＠好奇心に全振り