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

Web Audio APIの闇

SN

5/23 22:15

HTML5でゲームやリッチなコンテンツを作る上で欠かせない「Web Audio API」

しかしコイツがなかなか・・・モバイルでの特殊実装やメモリ使用量まわりで色々と闇を抱えていて・・・

ということで闇を見つけ次...

できるだけ正確にがんばってMIMEタイプを判定する方法

SN

5/23 17:47



前置き

「bitmapをjpegにするのはいいけれども、別にpngとか圧縮してほしくないものもあるでしょ」

とかいうのもあると思います。

そこでファイルの種別判断としてMIMEタイプを用いるのが考えられます...

inputタグ、buttonタグでの画面遷移の記述について

SN

5/22 00:39



aタグ以外での画面遷移について

HTMLでの任意のページに画面遷移する際に一番最初に思いつくのはaタグですが、aタグでは表示がボタンではないため、見た目的にすこしアレな気がします。

そこで、aタグ以外...

GitHub PagesでWebサイトを公開し、Googleアナリティクスを設定するまでの流れ

SN

5/21 20:12



はじめに

最近Webサイトを公開しました。

https://kouuuki.github.io/index/



筆者が読んでよかったと思った技術書と技術ブログを紹介するサイトです。

このサイトはGitHub Pagesで公開しており、Go...

html5のcanvasを用いたbitmap⇒jpegの圧縮変換方法(サイズそのままに、base64で取得)

SN

5/21 17:59



html5のcanvasを使ってbitmapデータをjpegデータ圧縮して画像サイズはそのままに、容量削減できるのを知った。


経緯

ドラッグドロップされた画像をページに表示したいとか、

サーバーにアップロードして...

ホームページにenchant.jsを組み込む

SN

5/19 00:30



1. 記事の概要

この記事では、以下のようにホームページ上でenchant.jsのゲームを遊べるようにするための方法の一つとして、<iframe>を使った組み込みの方法を紹介します。




2. <iframe>を用い...

HTML5とjQueryでrequired�でチェックを行った後、form�をsubmitする

SN

5/18 18:34


requiredが動いた後、formをsubmitしています。
また、二重submitできないようにbuttonのdisabledをtrueにしています。



test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta ch...

Node.jsでのWAVEエンコード&保存

SN

5/18 14:52



はじめに

クライアント側ではなくサーバ側でgetUserMediaを保存したい!

サンプルソースはこちら

https://github.com/sinkunvv/qiita-samples/tree/master/Nodejs-wav

今回の実装で使用したライブラリは...

各ブラウザのオートコンプリートについて

SN

5/15 21:33

ブラウザには一度入力欄に入力した値を保持して、再表示してくれる機能があります。

また、それらを無効化する手段が数々あるのですが、例の如くブラウザごとに挙動が異なることがあります。

軽くそれら...

デザインのスタイルガイドAstrumを導入する

SN

5/14 19:13



Astrumとは

めちゃイケてるスタイルガイド

詳しくはこの2つを

http://astrum.nodividestudio.com/

https://www.npmjs.com/package/astrum


導入方法


astrumをグローバルにインストールしてコ...

LocalStorageの参照エラー

SN

5/14 17:52

LocalStorageを使う際、特定のディレクトリへのアクセス権がないとアクセスが拒否され、参照エラーになってしまう。

IE11でLocalStorageが使えない時の対処法

これ以外にプライベートブラウズで起きる場合もあ...

レスポンシブデザインにしたはずが実機だとPCと同じ表示だった

SN

5/10 17:24



やってたこと

CSSに@media screen and (max-width: 600px)みたいなことを書いて、スマホ用のデザインを組む。

開発中はウィンドウを小さくして確認しつつ進めて、良い感じになったらサーバにデプロイして...

できればCSS超上級者?左右で背景色が異なる複雑なレイアウト

SN

5/10 06:58

こんにちは。CSSテクニックをまとめた本を書くために知見を集めている @takamosoo です。今回とあるWebサイトで少し複雑なレイアウトを作成することがありました。そのレイアウトが簡単に実装できそうに見えて少...

ものぐさ的なメールの書き方

SN

5/9 00:43



おしごとですよ。

弊社では、毎月契約している拠点(お店さん)に定期訪問という形でお伺いすることがあります。

事前にこの日にいくよ!っていうメールを送るのですが、いちいち考えながらパソコンに向か...

JavaScript: getElementById()メソッドを使わずにid属性値で要素を参照する

SN

5/9 00:41

Twitterのタイムラインで、つぎのような情報に接しました。このふるまいについての日本語の説明が、検索しても見当たらなかったので、調べたことを簡単にまとめます。


<div id="foo">ラーメン</div>...

Oculus GoのブラウザについてのWeb開発者目線からのまとめ

SN

5/7 23:13



OculusGoのブラウザは可能性を秘めている

話題沸騰のスタンドアロン型VRゴーグル、Oculus Goですが、ウェブブラウザが標準で搭載されています。

色々遊べそうなので、Webアプリ開発者目線でわかったことを...

HTML/CSS + JavaScript on Windowsで教え始めたので記録しておく

SN

5/7 20:04

 はっきりいって私は同業には厳しいのでこういう初心者というのは相手しない、そんな暇じゃないってことに決めていた、つーか「おめーがHTML/CSS〜ぷぷぷ」というレベルなのである。

 んだが、あれよあれよと...

【HTML5】タグのsizeとCSSのfont-size対応表

SN

5/7 18:47



目的

fontタグはHTML5では廃止されているので、CSSで換装したい。

その際に役立つ換装表。ググっても意外と出てこなかったので残しておきます。







fontタグの size
CSSの font-size




1
x-small
...

videoのインライン動画再生について調査した。

SN

5/6 19:29



まずはじめに

タイトルの通り、スマホでもPCでもビデオをつかったサイトが作りたい!

といった要望に応えるべく、いろいろ調べてみるもいろいろな方法がまばらになってるので

面倒だけれど意を決して2...

phina.jsでモンストっぽいゲームを作る【6】ー敵のターン攻撃ー

SN

5/6 00:49



はじめに

モンストもどきを作るという試みの第6回となる今回は、敵のターン攻撃を実装します。




アセットの追加

// アセット
var ASSETS = {
// 画像
image: {
'bg': 'https://rawgit.com/alkn20...

paramsとhtmlの理解(初心者の方向け)

SN

5/4 14:24



paramsとhtmlがわからないと、サービスが作れない(・・・気がする)

rails始めた頃、paramsとhtmlの理解がなかったのですが、最近ようやく理解したので備忘録として残します。

この部分の理解がないと、...

textarea に編集可能な文字を表示させる

SN

5/3 20:57



textarea に編集可能な文字を表示させる


index.html
<textarea name="body" rows="10" cols="100">ここに表示させたい文字を記入</textarea></p>



上の「ここに表示させたい文字を記入...

モバイル環境でのHTML5ゲームはPWAに進んでいくのだろうけど…

SN

5/3 13:05

先日、モバイルHTML5ゲームプラットフォームであるenzaと、アイマス新作のシャニマスことTHE iDOLM@STER SHINY COLORSがリリースされました。

1人のPとして、Web系エンジニアとして、いろいろと楽しみにして...

Javascriptでmp3ファイルのID3タグを表示

SN

5/1 22:50

mp3ファイルをアップロードした際にID3v1のデータを表示するプログラムを製作しました。

ID3v1はデータ最後の128bitなので、それを切り分けて読み込みしています。

ID3v2版も作ろうと思いましたが、v1とv2が...

HTML5のtable要素をCSV出力(ダウンロード)してみる

SN

5/1 14:59



はじめに

・今回は友人に頼まれ、WEBブラウザ(HTML)で表示されている表(table要素)をCSV出力させるHTML & java scriptのコードを書いてみました。あんまり需要があるかわかりませんが、優しい目で見ていた...

File APIでJSONを取得、オブジェクトに変換してブラウザに表示する

SN

5/1 05:57

JSONファイルをJavascript用にオブジェクト化してみました。

key、value毎に表示したり、for inを利用して両方一緒に表示したりできました。

複雑で読みづらいJSON形式ファイルでも、これを通せば見やすくな...

Bootstrap4でナビメニューの一部を折り畳みにすると選択(active)の挙動がおかしくなった。

SN

4/29 17:14

Bootstrap4を使用してナビメニューを作っている時にはまった内容です。

最終的にはJQueryを使用して無理やり解決したので、その内容を共有したいと思います。

うんこーどですが、一例としてどうぞ。


や...

ChromeでもDOMをCanvasにレンダリングして画像を取得するには

SN

4/29 07:45



背景

Firefoxだと

DOM オブジェクトを Canvas に描画する - HTML | MDN

の方法が使える、


しかし!

2018年4月時点のGoogleのChromeやChromiumだとこの方法やると、

作成したCanvasがOrigin clean出な...

Dart : Webdev と Flutter を ごった煮で開発する方法

SN

4/28 23:16

Dart を用いることで、Html5 のフロントエンドや、サーバサイド、スマートフォン用のアプリを開発することができます。

一つのProjectで、これらの開発をするにはどうすれば良いでしょうか?

色々試してみて...

初めてWebページを作成して

SN

4/28 20:11

 # 前置き

 プログラミングの勉強を始めて3か月が経ったので、練習も兼ねて大体1ヶ月ぐらいの時間を用意して、初めてWebページを作成しました。アップロードはGitHubを使用。

 # 完成するのに時間がかかった...

PR:bitflyer

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