HTML5プロフェッショナル認定資格Level1 バージョン2.5に合格した - Qiita
はじめに この記事を書く2時間前に試験が終わったので、温かいうちに書きます。 概要 公式ページ参照 本人スペック 会社員歴半年弱の新卒SEです 就業先開発施策内でSpring BootとJS、各種マークアップを書いています 業務外では「Astro」や「React,Next」使ったサーバレスの個人開発に関することの勉強をしています 基本情報取得済み、応用情報受験後 勉強期間 1ヶ月、毎日1時間のみ 巷では必要な勉強時間は40～60時間とか言われていますので、 順当な期間かなと思います。 取得点数 81/100 合格に必要な点数は7割と公式に記載あるので、ある程度ゆとりを持って合格できたかなと思います。 受験した理由 就業先の受験料補填対象の資格だった フロントエンドが好きでバックエンドより得意に書けるが、根拠となる実績がないので、その根拠の一端を担ってくれたらいいなと思った 応用情報の結果発
HTML5の10の新機能 あなたは知ってますか？ - Qiita
<detail> <summary>クリックしてみると...</summary> <div> <!-- 表示したい内容 マークダウンも使えます --> </div> </detail> Content Editable 属性にcontenteditable="true"を追加すると、コンテンツの編集が可能になります。 See the Pen Content Editable by yassun-youtube (@yassun-youtube) on CodePen. Map (このタグはHTML4から使えた気がしますが、細かいことは忘れましょう！) mapタグを設定して、coordsでリンク場所を指定することができます。 codepenで再現すると、戻れなくなるので、本家からお試しください！ https://dev.to/atapas/10-useful-html5-features-y
HTML5でのフォント指定にはfont-familyプロパティを活用しよう！ | ポテパンスタイル
Webサイトに表示されるテキストは、多くの方がデフォルトのフォントを使用していますが、ご自身でフォント指定することでデザインを変更することが可能です。 テキストのフォントによって、ユーザーが画面から受ける印象は異なります。 本記事では、HTML5でのフォント指定の方法について、初心者プログラマーやデザイナーの方向けにご紹介していきたいと思います。 HTML5でのフォント指定方法 HTML5では、デザイン部分はCSSで記述する方法を推奨されているため、CSSに「font-family」プロパティを記述することでフォント指定を実現します。 font-familyプロパティの基本 font-familyプロパティの基本構文は下記の通りとなります。 セレクタ { font-family:"フォントファミリー名", 総称ファミリー名 } フォントファミリー名には「MSPゴシック」「MS明朝」といった
[16-1] table（表）を作ろう（まずは基本の table, tr, th, td）
[16-1] table（表）を作ろう（まずは基本の table, tr, th, td） 最終更新日：2017年11月11日 （初回投稿日：2011年06月13日） 今回から、table（テーブル = 表）を作ってみましょう。 テーブルはデータをまとめて表組みにしたいときに使用します。 テキストだけで説明するよりわかりやすくするのが表組みです。 HTMLでの テーブルは、表組みにする必要がないモノに使ってはならないことになってます。例えば、レイアウトだけのためにテーブルを使うのはNGです。 使用する要素 ● 2017年10月、本文を大幅に書き換えました。 最小単位 <td>要素だけの構成から <tr>要素でグルーピングするという流れに書き換え、サンプルは本文内に記載し、外部サンプルをやめました。 最小の部品「テーブルセル」があってこそテーブル <table>要素は中身が何も無ければ、ぺっ
![[16-1] table（表）を作ろう（まずは基本の table, tr, th, td）](https://cdn-ak-scissors.b.st-hatena.com/image/square/f528719e5157b3361ee24d4244bf8c5a7ba0b84c/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-37.fc2.com%2Fh%2Fo%2Fn%2Fhonttoni%2F110609.gif)
知っておくと便利なHTML5の機能、要素や属性のまとめ
今まであまり使用されていなかったけど、現在の環境では有用であるHTML5の便利な機能、要素や属性を紹介します。 10 useful HTML5 features, you may not be using by Tapas Adhikary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに details要素 contenteditable属性 map要素 mark要素 data属性 output要素 datalist要素 値range meter要素 input要素 次に学ぶべきこと はじめに HTML5は、新しいものではありません。すでにわたし達は最初のリリース（2008年1月）からいくつかの機能を使用してきました。#100DaysOfCodeの取り組みの一環として、HTML5の機能リストを詳しく調べました。私が見つ
あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
こんにちは、たかとーです🧑🎤 こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。 当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース（2008年1月）以来いくつかの機能を使用してきました。100DaysOfCodeの取り組みの一環として、HTML5の機能リストをもう一度よく見てみました。何か見つけたかな？私は今のところあまり使っていません。 この記事では、過去にあまり使ったことがなかったが、今では便利になったHTML5の機能を10個挙げています。また、Netlifyでホストされている、実際に動作する例を作成しました。参考になることを願っています。 htt
重要！ まずは「オリジン」を理解しよう
連載目次 皆さんこんにちは。ネットエージェントのはせがわようすけです。今回から、HTML5やJavaScriptに関連したセキュリティの話題について連載することになりました。よろしくお願いします。 もう読みましたか？ HTML5のWebアプリセキュリティに関する報告書 皆さんすでにご存じかと思いますが、2013年10月30日にJPCERTコーディネーションセンター（以下、JPCERT/CC）から「HTML5 を利用したWebアプリケーションのセキュリティ問題に関する調査報告書」が公開されました。 この報告書の調査の一部は、弊社が行いました。また、JavaScriptのセキュリティ上の問題について次々と鋭い指摘を行っているmalaさんにもさまざまな技術的アドバイスを頂いた上、日常的にWebアプリケーションのセキュリティ検査や構築を実際の業務として行っておられる専門家の方々にも査読をお願いして
HTML5に関連した仕様の日本語訳 - console.blog(self);
HTML5などに関連した仕様の日本語訳を探してみた。読まなきゃと思い読んでなくて、ちょっと読んだけどそもそも日本語訳ないのかな、と思って。 W3C W3Cのサイトにあるもの。どれもちょっと古い感じ。 W3C - W3Cの仕様書等の文書の日本語訳集 ミツエーリンクス ミツエーさん。ここ2−3年のものが多い。 Web標準仕様 日本語訳一覧 これは好きで、何度か読んだ。Java使ってるときから、Rails使うとなおさら、URLの設計や命名ってアプリケーション自体の設計だと思う。 セマンティック Web のためのクールな URI Mozilla Mozillaさん。仕様書じゃないけど、参考になる文書がいろいろ。いくつか読んだけど、読んでないもののほうが多い。 HTML | MDN HTML5 - HTML | MDN html5.jp すてき。 HTML関連英文書の日本語訳 - HTML5.JP
HTML5＋CSS3は「メニューの作り方」を覚えるだけ！
HTML5＋CSS3は「メニューの作り方」を覚えるだけ！：にわかデザイン（1）（1/3 ページ） Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。 Web製作の現場では、予算の都合上Webサイトのデザインをデザイナーに発注できず、エンジニア自身が担当しなければならないことがままあります。昨今は「Twitter Bootstrap」などのCSSフレームワークを使って、そんな状況に対応している方も多いと思います。確かに、Twitter Bootstrapはリッチなデザインや機能を持つパーツがそろっていて、素早くレイアウトを組み上げるには便利です。しかし、そのためには独自の指定方法やお作法をそこそこ知っておかなければならないのも事実です。 であるならば……、CSS自体を覚えてしまうというのも1つの手では
hanatoweb.jp - このウェブサイトは販売用です！ - hanatoweb リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
HTML5の学習に役立つ(主に)日本語のサイトまとめ2012
webにあるHTML5の情報は英語のものが多い 当然のことですが、HTML5の情報は殆どが英語です。W3Cのサイトだって英語で書かれていますし、大抵の情報は英語さえ分かればアクセスできますね。 まあとはいえ、HTML5を勉強しようと考えるいきなり誰もが英語を読めなければならないとなるとちょっと難しいですよね。最初は先輩方の翻訳または日本語で書かれたオリジナルの文書から学びたい。そして情報の速度や判断の尺度のずれが気になってきてから、それから国外の情報で勉強しても遅くはないはずです。…そう思いたいですｗ HTML5に関する国内のサイトや情報源をまとめました と言う訳で、今回はwebcre8が認識しているHTML5に関する情報源やリソースサイト、参考になった記事、調べてたら出てきたものをざっくりとまとめてみます。サイト、ブログ記事、リファレンス、ツール等です。せっかくなので、知っているものは英
いったん、水を差されたHTML5の現状と、将来について
藤川真一（えふしん） FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立。2012年4月30日まで代表取締役社長を務める Facebookが、HTML5をベースにしたアプリから、ネイティブアプリに舵を切った時に、「HTML5に賭けたのは失敗」という話が業界を駆け巡った。 それまでHTML5は、新しいWeb技術の希望の星のように言われており、将来を渇望されていたところに水を差された形になった。 そこで、改めて冷静に「HTMLとは何なのか？」ということを考え直してみた方が良いと思う。 HTMLとWebブラウザの技術的メリットは、 画像な
iOS6のSafariでサポートされるHTML5の機能 | DevelopersIO
以前、HTML5でカメラやGPSなどスマートフォンならではの機能がどこまで使えるのか調べました。 最近、iPhone5を買ったので今度はiOS6のSafariでサポートされたHTML5の機能を試して見ようと思います。 試したのは以下の5つです。iPhoneで確認できるようにサンプルを作ったので試してみて下さい。 ファイルアクセス(File API)とカメラ(HTML Media Capture) 音声処理・合成(Web Audio API) アニメーション(Animation Timing API) CSS Filter Effects Remote Debugger ■ファイルアクセス(File API)とカメラ(HTML Media Capture) ファイルアクセスとカメラ連携のサンプルです。iOS6ではFile APIの書き方でカメラも使えました。 [ファイルを選択]ボタンを押すと
HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
HTML5が盛り上がった本当の理由 － ＠IT
2012/09/11 9月8日、HTML5コミュニティ「html5j.org」が主催するイベント「HTML5 Conference 2012」が慶應義塾大学日吉キャンパスで開催された。コミュニティとしては初めての1000人規模のイベントであったが、応募開始からわずか2日間で席が埋まってしまうほどの盛り上がりをみせた。全22のセッションのうち、パネルディスカッション「Web最先端、エキスパートたちの視点から」では、グーグルの及川卓也氏、Futomiの羽田野太巳氏、シーエー・モバイルの白石俊平氏、NTTコミュニケーションズの小松健作氏が登壇。「たくさんの優れた技術がある中で、なぜHTML5が今、こんなにも盛り上がりを見せているのか」という議論が行われた。 羽田野氏は、「冷めた言い方かもしれないが、HTML5が盛り上がったのは、Appleショックがあったからである」と話した。「仮に、iPhone
手軽に美しく実装！ファイルアップロード用JavaScriptライブラリ4選 - Lancers開発ブログ
こんにちは、keiです。 今回は、ブラウザからのファイルアップロードを実装する際に、お勧めなJavaScriptライブラリを4つご紹介致します。 ランサーズ上で、大容量ファイルのアップロード機能を実装することになった際に、以下の軸で調査した結果となります。 手軽に実装できる 見た目が今風 (大容量なので)アップロード中にプログレスバーが表示される Uploadify http://www.uploadify.com/ 複数ファイルアップロードが可能なjQueryプラグイン。 HTML5バージョンとFlashバージョンがあります。 長所 豊富なドキュメントとデモ 高いカスタマイズ性 短所 HTML5はライセンスが必要 Plupload http://www.plupload.com/ HTML5、Flash、Silverlightに加え、GearsとBrowserPlusにも対応し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
W3C提供のオンラインHTML5学習コース、edXでスタート。HTML5の基本とHTML5アプリ開発の2コース
HTML5/CSS3のテンプレートのまとめ | コリス
cmmntr.com
東京渋谷 “HTML5入門＆jQuery” 勉強会(5/26)の資料を公開します | tonowp
