Qiita - HTML5タグが付けられた新着投稿

Bootstrap4+jQueryでカレンダーを使ってみよう!

SN

9/14 14:23

ども!デザインエンジニアのMasaです。




なんのために共有するのか?

初心者が自走できるようになるまでのあしあとを残すことによって、後から学習する人がどういう道のりをたどればいいのかわかるように...

background-imageをレスポンシブする際にpadding-topが認識されない現象を対処する(Edge)

SN

9/13 23:56

まず初めてにこちらのエントリをご覧ください。

https://qiita.com/39_isao/items/009f2382f87988039215

こちらに記載されている背景画像をレスポンシブする方法が非常に便利で,

background-imageを使って...

Reactのチュートリアルを訳しつつ実践(マルバツゲーム)<前編>

SN

9/11 21:22

もしもしもと申します。

アマグラマー歴12年くらい。

いつまでたっても進歩しません。が、下手の横好きで細々と続けています。

コーディング楽しいお(^ω^)

最近React(英語版Wikipedia)という技術...

【初心者向け】じゃんけんゲームを作りながら覚えるHTML&JavaScript

SN

9/11 17:31

この記事では、HTML, CSS, JavaScriptの基礎文法を学んで次のステップに行きたいなと思っている方をターゲットに記事を書いていきます。

プログラミングに限らず、新しいものを身につけたいと思ったときには座学...

初めてのHTML

SN

9/10 03:54

ドットインストールとprogateのHTML初級編を終わらせた。

二つともやることによって違う視点で見ることができる。

それによって理解がさらに深まった。

ドットインストールは動画を見るだけではなく...

buttonタグにaタグを入れて動作しないブラウザがある件について!!!!! @UguisuMochizuki の投稿

SN

9/9 14:55



結論

ブラウザのfirefox でこのような書き方をすると リンクを遷移できなくなります


どういうときに

buttonタグの中にaタグを埋め込み firefoxでページを遷移させようとしたとき

<button>
<a h...

Canvas覚書

SN

9/8 09:57

Canvas を使おうとする時、毎回迷ってしまうこと、何度調べても覚えていられないことを記載しておきます。以下、検証はすべて Chrome 68で行っています。


サイズの変更


Canvas の初期値

<canvas><...

【Android,iPhone】カード番号を入力させる際のカメラによるスキャン

SN

9/7 15:19



スマホカメラによるカードの読み取りを行いフォームに入れる

入力欄にカーソルが来ると、

Android:「新しいカードをスキャン」

iPhone: 「クレジットカードを読み取る」

と出ます。

決...

Rx-player + MPEG-Dash Widevine DRM + MS Smooth Streaming + ReactJSの使用法

SN

9/7 10:52



はじめに

こんにちは streampack チームのメディです。

https://cloudpack.jp/service/option/streampack.html

In my opinion Rx-Player is a really interesting player and I would like to show you...

新卒1年目の私が配属3ヶ月で学んだこと

SN

9/6 12:34

どうもこんにちは。みっつーです!

最近、積み本が減ってきたので新しく積む本を探しています。

おすすめの本があったら教えてください。(ジャンル問わず)



さて、配属3ヶ月目となり、周りの人にも環境...

IE8で印刷が正常に行われない時の対処法(html5shiv.js)

SN

9/6 01:08

IE8で印刷が正常に行われない場合の原因と対処を下記に記載します。

※HTML5で「html5shiv.js」を使用している場合


IE8の「背景の色とイメージを印刷する」にチェックが入っていない

出だしからHTML5とは無...

簡単なハンドライティングっぽいアニメーションの実装

SN

9/5 20:02



SVGをゴニョゴニョやる?

一つだけ大きくどーん!って置くだけならそれでもいいですけど、違う単語でいくつもパラパラと置くとなるとそんなことやってられないですよね。


ではそれっぽくCSSだけでやってしま...

Chart.jsでグラフを描画してみた

SN

9/4 16:23



1. はじめに

Chart.jsを使用すると、簡単に、綺麗なグラフを描画することができます。

公式ホームページ

http://www.chartjs.org/

今回は、特に使用頻度の高そうな、以下5種類グラフの描画方法を紹介し...

fileタイプのinput→localStorage及びlocalStorage→canvas

SN

9/3 12:50



概要

今画像ファイルをパスワードとして用いることのできるのモジュールをGithubで作っているけども、画像ファイルをcookieみたいに保存し、それをcanvasにする方法がないか探したところlocalStorageなるHTML5...

[phina.js-Tips]LoadingSceneを途中で入れる

SN

9/3 00:46

※これまでのTipsはphina.js Tips集にまとめています。


今回のTips

ゲーム冒頭ロードではなく、任意のタイミングでロードシーンを入れてアセットを読み込む方法について説明します。



[runstantで動作確認]

...

15分単位で丸めた現在日時をdatetime-localで表示する

SN

9/2 21:53



はじめに

「FlaskとHerokuでタイムズカープラス最安プラン選択アプリを作る」の日時入力にdatetime-localを使っているのですが,初期表示を与える処理をJavaScriptで書きました.そのメモを残しておきます.

...

Node-RED+Dashboardを使い、WebブラウザからPCカメラをキャプチャして画像解析する

SN

8/31 21:48



Node-RED+Dashboardを使い、WebブラウザからPCカメラをキャプチャして画像解析する


はじめに

2018年9月現在、AIブームです。特に画像解析にAIを使うケースが増えてきました。

ビジュアルプログラミング...

jQuery初心者はこれだけでOK!progateで学習したjQueryまとめ

SN

8/31 19:07



なんのためにまとめるのか?

将来的に

「えーっと、jQueryってどう書くんだっけ…?(てへぺろ)」

って困っている自分の未来が容易に想像できるので、

1:備忘録として残し

2:書きながら復習をして...

Raspberry PiでWebサーバ構築

SN

8/31 17:50



目的

レンタルサーバ、固定IPなどの有料サービスを使用せず、自宅にWebサーバを構築し、下記の機能を実装する。

・家計簿登録Webアプリケーション

・TOEICや資格の勉強用Webアプリケーション

・オ...

hinagata

SN

8/30 18:22

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-wid...

hinagata

SN

8/30 18:22

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-wid...

pugを使ってエクセルファイルから、配列、オブジェクトに変換し、htmlに出力する方法

SN

8/30 16:11

やたら長ったらしいタイトルになってしまいましたが、リストなど大量の情報をまとめてhtmlファイルに出力する方法について書きます。

エクセルで企業リストに企業名、リンク先などの情報が記載された原稿を渡さ...

【JS不要】CSSだけで作ったアコーディオンパネル×2

SN

8/30 15:57

諸事情によりJSを使えない/使いたくない、それでもアコーディオンは実装したい…!

という時用に作ったものです。

 ①1つ選択したら他は非表示にするバージョン

 ②項目それぞれで開閉を選択できるバ...

HTML5.2にてモーダルウィンドウが使えるようになったっぽい

SN

8/29 21:29



とりあえず実装例

百聞は一見に如かず(現状IEとかEdgeでは動かない)

See the Pen LJRdzy by Heyhoh (@Keyhoh) on CodePen.


ウィンドウ切り替えんのめんどくさいねん。え、Google Chrome でファイルを直接編集できるって?

SN

8/27 11:15



tl;dr


chrome でhtmlとかjavascriptとかcssを直接編集できるぜってこと。
バリバリ書くわけじゃなかったら、結構有用。



環境


Windows 10
Google Chrome - 68.0.3440.106(Official Build) (64 ビット...

クラス名に任意の数字を記入し、プロパティの値として扱う[HTML.CSS]

SN

8/26 10:28

cssのクラス名に任意の数字を指定し、その値をプロパティとして扱います。

レイアウトを組む際に、例外の意図的な余白がある。

コンポーネント一覧ページなど、実装するページでは無いが見通しを良くした...

HTMLで部分的にイタリックにする方法

SN

8/25 16:04



なんのための記事か?

知らないことはすげー怖い。

て思ったから備忘録も兼ねてシェア。


HTMLで記述される文字を部分的にイタリック体にするには?


方法1(超簡単)


HTML
<p>前部分<i>イ...

今更だけどCropper.jsでの画像トリミングについて書いてみました!

SN

8/23 05:13



WEBサービスにおける画像トリミングについて考えてみた。

とある自作WEBサービスの開発中、ユーザーアイコンを登録できるようにしよう!と考えつきアップロードしたはいいものの、やっぱりトリミングできた方...

viewportで気になった点があったので、改めてviewportを学んでみた

SN

8/22 16:35

viewportに触れる機会があり、少し手こずったので

改めて学んでみました。

viewport=サイトをスマートフォンサイズに合わせるときに使う。

日本語では「表示領域」という言葉がしっくりくるらしい。

width...

History APIについて少し調べた

SN

8/21 23:45



はじめに

簡単にHistory APIについて説明をします。


History APIとは


ブラウザ履歴へのアクセス機能を提供しています
ユーザーの履歴を行き来することが出来る
HTML5からは履歴スタックの中身を操作できる...

PR:bitflyer

bitFlyer ビットコインを始めるなら安心・安全な取引所で