[B! html] asa_ca3のブックマーク

asa_ca3 id:asa_ca3

htmlに関するasa_ca3のブックマーク (46)

どうしてHTML5が廃止されたのか | フューチャー技術ブログ
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては﹁何をいまさら﹂という話題かと思います。しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。広義のHTML5 / 狭義のHTML5HTML5
asa_ca3 2021/06/21
HTML

技術

ブログ

html5
リンク
HTML5のLocal Storageを使ってはいけない（翻訳）｜TechRacho by BPS株式会社
概要原著者の許諾を得て翻訳・公開いたします。英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。画像は元記事からの引用です。初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました本気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。私は毎日のように、重要なユーザー情報をlocal storageに保存す
asa_ca3 2019/10/10
サイト

Cookie

ブラウザ

javascript

HTML

security
リンク
【Auth0】SAML + AWS SDK for JavaScriptを使って静的HTMLからS3へファイルアップロードを試してみた | DevelopersIO
︻Auth0︼SAML + AWS SDK for JavaScriptを使って静的HTMLからS3へファイルアップロードを試してみたはじめにこんにちは植木和樹＠上越妙高オフィスです。本日はGmailで認証したユーザーがS3にファイルアップロードできるスタティックHTMLなアプリケーションを作成してみました。以前のブログではAWSが公開しているFacebook認証による静的HTMLのサンプルを写経しました。今回はそれをベースにしつつ、Gmailでの認証にはAuth0を利用してみました。 AWS SDK for JavaScriptのGetting Startedを写経して静的HTMLからS3へファイルアップロードを試してみた｜ Developers.IO 参考ページ今回は下記のページを参考にページを作成しました。 Amazon API Gateway Tutorial Intro
asa_ca3 2017/04/12
auth

AWS

sdk

javascript

HTML
リンク
MySQL データベースからテーブル定義書を生成する - わたねこコーリング
ネクタイ締めてSEらしきものをやってた頃はコードよりドキュメントのほうを山のように書いてたもんですが、限りなくプータローに近いフリーの身になってからはそんな苦行も今は昔… と言いつつ、タマに﹁DB の仕様書下さい﹂﹁ダンプした DDL でいいっすよね﹂﹁…え?﹂﹁え?﹂てなこともあります。てな訳で、既存の MySQL データベースをソースに、よくあるテーブル定義書を生成するのが今日のお題。車輪の再発明を避けるべくグーグル先生に相談してみたら SQL::Translator という、様々な DBMSの SQL をこれまた様々なフォーマットに変換する、正にうってつけの CPAN モジュールがあったので、これを使ってみます。全体的には mysqldump でテーブル定義を SQL 出力 SQL::Translator を使って SQL から XML に変換 XSLT で XML をテーブ
asa_ca3 2017/01/05
mysql

DDL

html
リンク
Tutorial: Using Thymeleaf (ja)
1 Thymeleafの紹介 1.1 Thymeleafって何？ ThymeleafはJavaのテンプレートエンジンライブラリです。XML/XHTML/HTML5で書かれたテンプレートを変換して、アプリケーションのデータやテキストを表示することができます。ウェブアプリケーション内のXHTML/HTML5を扱う方が得意ですが、どんなXMLファイルでも処理できますし、ウェブアプリケーションでもスタンドアローンアプリケーションでも使用可能です。 Thymeleafのメインゴールは、テンプレート作成のための優雅で整形式の方法を提供することです。そのため、テンプレート内にロジックを記述する方法ではなく、事前定義されたロジックの実行を DOM(Document Object Model) 上でXMLタグ・属性によって指定する方法を基本としています。このアーキテクチャのおかげで、パースしたファイルを
asa_ca3 2016/09/29
HTML

spring

Template

thymeleaf
リンク
enctype='multipart/form-data'ってなんだ？ - MUGENUP技術ブログ
こんにちは、MUGENUPアルバイトの倉成です。今回は僕が前々から気になっていた、フォームからファイルを送信するときのおまじないenctype="multipart/form-data"について調べてみたので、得られた知識をまとめて見ようと思います。また、マルチパートの情報を検索していると、HTMLのフォームだけではなく、メールのマルチパートの情報に当たることも多くありました。調べてみると、HTMLの仕様と電子メールの仕様が似ているのは、どうやら歴史的な経緯があるようなので、後半ではインターネット成長の歴史についても少しだけ触れてみようと思います。 multipart/form-data: ファイルを送るおまじないそれでは、フォームでファイルをアップロードするシチュエーションを考えましょう。ファイルアップロードをする場合input要素は<input type="file" />を
asa_ca3 2016/09/13
multipart

form

data

HTML

ファイル

添付ファイル
リンク
TerraformとCodeDeployでイミュータブルなBlue/Greenデプロイ環境を構築する | DevelopersIO
はじめにこんにちは、中山です。最近業務の中でAWS CodeDeployを使っています。AWS上でアプリケーションのデプロイを自動化する上でとても便利なサービスです。私は完全に習うより慣れろ派の頭なので実際に手を動かさないとなかなか新しいサービスを覚えられません。という訳で、今回はCodeDeployを使ったイミュータブルなBlue/Greenデプロイメントの検証環境をTerraformで構築してみました。構成図構成図は以下の通りです。構成図の解説2つのASG(Blue/Green)を作成そのうち1つのASGをELBに紐付ける(最初はBlue) アプリケーションのリリース時にCodeDeploy経由でGreenへデプロイ ELBの紐付け先AutoScaling GroupをGreenに付け替えるアプリケーションのリリース毎にASGを作成してデプロイ、その後ELBの振り分け
asa_ca3 2016/07/20
application

JSON

HTML

AWS

hashicorp

terraform

codedeploy
リンク
reset.cssとnormalize.cssに続く新しいリセット用CSS、モバイル対応・最近の実装スタイルを考慮したスタイルシート -sanitize.css
HTMLの各要素のブラウザごとに異なる差異をなくし、スタイルをリセットするスタイルシート「sanitize.css」を紹介します。「Normalize.css」の共同開発者：Jonathan Nealの新しいプロジェクトで、最近の実装スタイルにあったアプローチがとられており、スマホなどのモバイルにも対応しています。 sanitize.css sanitize.css -GitHub sanitize.cssとは sanitize.cssの対応ブラウザ sanitize.cssのスタイル sanitize.cssの注目すべきスタイル sanitize.cssの適用 sanitize.cssとは sanitize.cssはHTMLのあらゆる要素を各ブラウザでの差異をなくし、整合性をもたせてレンダリングさせるスタイルシートで、ライセンスはCC 0で利用できます。有用なデフォルトはそのまま多
asa_ca3 2016/06/03
css

html

CSS3

css reset

normalize.css
リンク
React.jsとserver-side rendering - Qiita
server-side renderingとは文字どおりサーバーサイドでHTMLを生成してrendering出来るようにするものです。SinglePageApplicationのようなJavaScriptでDOMを組み立てるようなアプリケーションの場合、サーバーから返されるHTMLには空のdivだけがあってそこからJavaScriptを読み込んでtemplateを描画することになり、これには2点の問題点があります。初期のロード時間 HTMLが返されてJavaScriptを評価してそこからtemplateの表示になるので、サーバーサイドからHTMLが返される場合と比べて当然時間が掛かります。なので別途ローディングを見せるなどの工夫が必要になります。 SEO 最近だとGoogleのクローラーがJavaScriptを解釈するようになったのでGoogleについては問題ないと言えるかもしれませんが
asa_ca3 2016/04/18
react

server

HTML

dom

node.js

frontend
リンク
＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)
いかがでしょう？　WEBブラウザにもよりますが、結構実際の見た目も違うように思います。で、冒頭の﹁半角スペースと  ﹂の件ですが、ちゃんと意識しておかないと﹁あれ？﹂と思うことがあります。﹁  を半角スペース (0x20) に置き換える﹂プログラムがあるように、﹁  を半角スペースに置き換えず、nbsp (0xC2A0) に置き換える﹂プログラムもありますから、WEB ブラウザのように 0xC2A0 を表示できる場合はいいですけど、表示できないプログラムだと困りますよね。冒頭の画像は、わが愛するテキステエディタ Emacs だとこんな感じになります、というサンプルでしたおまけとして、  を 0xC2A0 に置き換える例を。雰囲気をお楽しみください。 use HTML::Entities; use Encode; use Data::Dumpe
asa_ca3 2016/04/11
encode

HTML

&nbsp

Unicode

UTF-8
リンク
iPhoneメールの厄介な仕様。 - やちまうの戯言
戯言の更新がプッツリと途絶えている理由。それは、プライベートな出来事やら開発案件による負荷やら色々とありますが… 一番大きな理由はケータイが壊れたことかもしれません。ショップに行ってみたら、iPhoneへの機種変更が実質無料だったのでとうとうiPhone持ちになったのですが、その仕様に悩まされっぱなし。正直なところ、使い手の意思を無視する仕組みが非常に厄介です。いわゆるガラケーは機能的な縛りも多く、出来ることが限られているので、「出来ないことは出来ない」と開き直って「出来ることをする」ことになり、目的に応じてユーザーは自分の意図した結果が得られる操作を行います。例えば、送信するメールの形式の指定はユーザーに委ねられているので、「文字だけ」とか「デコメ」とか「写真添付」などを予め決められたのです。文字だけならデコメなら写真添付ならこれらは厳格なルールに従っています。
asa_ca3 2016/04/05
iPhone

メール

HTML

テキスト

UTF-8

エンコード
リンク
CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO
例として以下の様な HTML 構造があったとします。 <body>  <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く（このサンプルはChromeブラウザでの
asa_ca3 2016/02/24
Chrome

HTML

css3

webデザイン

スマートフォン
リンク
htmlparser2 on NPM
asa_ca3 2016/02/21
html

parser

node.js

library
リンク
A Node in Nodes
asa_ca3 2016/02/14
HTML

nginx

proxy

エラー
リンク
nginx連載5回目: nginxの設定、その3 - locationディレクティブ
locationディレクティブはパスの条件が評価されて選ばれたものが適応されます。この条件はパスの文字列の前方一致あるいは正規表現による評価です。この評価の順番は以下のようになります。前方一致︵"=", "^~", プレフィックスなし︶の条件の評価を実施最も一致する条件を選ぶ。選ばれた条件が、完全一致で、プレフィックスが"="であれば、そこで評価を終了し、そのlocationディレクティブを適応する。選ばれた条件のプレフィックスが"^~"であれば、そこで評価を終了して、そのlocationディレクティブを適応する。正規表現︵"~", "~*"︶の条件の評価を実施正規表現の条件を設定ファイルに定義した順番に評価する。一致したら、そこで評価を終了して、そのlocationディレクティブを適応する。前方一致の評価で選ばれた条件のlocationディレクティブを適応する。ここで注意
asa_ca3 2016/01/26
nginx

error

Path

index

HTML

linux
リンク
W3Schools.com
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
asa_ca3 2015/11/18
url

encode

HTML
リンク
HTMLメールの表示確認サービス「Litmus」を使ってみた | BLOG | シナジーマーケティング株式会社
Litmusは、さまざまなメールクライアント︵メーラー、Webメール︶とデバイスでHTMLメールの表示確認ができるオンラインサービスです。HTMLメールは、ユーザーの表示環境が多岐に渡るため表示確認がとても大変！﹁PCなのか、携帯なのか﹂﹁メーラーなのか、Webメールなのか﹂﹁OutlookなのかThunderbirdなのか﹂﹁MacなのかWindowsなのか﹂…と、その表示環境の多様さは制作者を悩ませる種となっています。そこで役に立つのが、一度にHTMLメールの表示を確認できるツール﹁Litmus﹂です。Litmusのサイトには大手メール配信サービス﹁MailChimp﹂やクーポン共同購入サイト﹁GROUPON﹂からも信用されています、と書いてありますが、実際の使い勝手はどうでしょうか？簡単に使い方をまとめてみました。 1. テスト用メールアドレスにHTMLメールを送信ログインすると
asa_ca3 2015/11/02
Webメール

HTML

mail

テスト

メール
リンク
Navigation Timingだからできる、Webアプリを俯瞰したパフォーマンス計測(1/3)
Navigation Timingだからできる、Webアプリを俯瞰したパフォーマンス計測(1/3) 川田寛︵ピクシブ株式会社︶こんにちは、html5jパフォーマンス部、スタッフの川田です。5月8日ですが、私たちのコミュニティ主催で勉強会を開催することになりました！！そして、残念なお知らせです。募集した直後に、席が埋まってしまいました！せっかく、これだけ多くの方にパフォーマンスへ興味を持っていただいたのに、このままじゃもったいない！なので本記事では、この勉強会で語られない、別の切り口からパフォーマンスについて語ってみようかと思います。内容は、私が技術評論社﹁Software Design 2014年5〜7月号﹂にて連載しております、﹁Web標準技術で行う、Webアプリのパフォーマンス改善﹂で扱っているテーマの一部を、Web向けに書き直したものです。 Webアプリのパフォーマンス計測は簡
asa_ca3 2015/10/23
Webアプリ

HTML

perforamance
リンク
タグ機能を実現するための便利なデータベース設計を３つ紹介 | colori
AND検索﹁CSS+HTML+JavaScript﹂で検索する場合は以下のようにします。 SELECT * FROM `delicious` WHERE tags LIKE "%CSS%" AND tags LIKE "%HTML%" AND tags LIKE "%JavaScript%"OR検索﹁CSS|HTML|JavaScript﹂で検索する場合は以下のようにします。 SELECT * FROM `delicious` WHERE tags LIKE "%CSS%" OR tags LIKE "%HTML%" OR tags LIKE "%JavaScript%" 引き算検索﹁CSS+HTML-JavaScript﹂で検索する場合は以下のようにします。 SELECT * FROM `delicious` WHERE tags LIKE "%CSS%" AND tags LI
asa_ca3 2015/08/13
HTML

MySQL

db

database

設計
リンク
Create a new fiddle - JSFiddle
asa_ca3 2015/04/28
editor

javascript

HTML
リンク
1 2 3 次のページ