[B! HTML] takanashのブックマーク

メンテナンスページのHTMLの書き方

初出：https://qiita.com/studio15/it ems/3e5939bcf38d023fda16 Webサービスをメンテナンスモードに入れるためのサーバー設定の記事は数多くあるが、肝心の「メンテナンス告知ページのHTMLをどう作るか」という部分があまり語られないので、そのことを中心にまとめた。前提：ウェブサーバーをメンテナンスモードにするにはメンテナンスページを除いた全てのページでHTTPステータスコード503を返すようにする。正しくステータスコードを返さないと格好悪いことになってしまうので気をつける。設定例は「Apache メンテナンス」とか「nginx メンテナンス」とかでググると山ほど出てくるので割愛。 AWSを利用している場合はALBやCloudFrontでメンテナンスページ（Sorry Page)の機能がIaaS側にあるのでそれを利用すると良い。 DN

takanash 2026/02/13

HTML

リンク

人に優しいフォームを作ろう、特に日本人に

皆さん、フォーム作ってますか？ Webサイトやアプリを作るにあたって避けられないのがForm作成、多くの方が autocomplete を設定するなど、より使いやすいフォームを作成するために尽力されていることと思います。一方で、悪気なく書いたコードでより使いにくいフォームになってしまっている例が世の中には多く見られます(特に銀行系) 今回は、よくあるフォームの実装を例に、(特に日本語話者にとって)より使いやすいフォームにするためのちょっとした仕様や私が考える対策を書いていこうと思います。忙しい方のために最初に書いておくと、この記事に書いてあることの多くは autocomplete の仕様を意識した実装をしましょうの一言に集約されます。多くの方にとっては「何を当たり前のことを」と思われる項目も多いかとは思いますが、当たり前のことがされていないフォームが世の中には多すぎるので、少しでも

takanash 2024/10/03

HTML

リンク

Flask: pythonの変数をhtml(javascriptにも)わたす方法 - christmas-cookiesの日記

目的前回はpost通信によりhtmlからpython側に変数をわたした今回はpythonで指定した変数を、htmlないしjavascriptにわたす方法をメモ流れ python->htmlの場合 python側は以下にしてhtmlへ変数を渡す return render_template(○○.html,変数名=渡したい中身) html側は以下にしてpythonから受け取り、表示できる <p>{{変数名}}</p> シンプル例 @app.route("/") def hello(): tmp = 1+2 return render_template('test.html', result = tmp) <p>結果は{{result}}です</p> →｢結果は3です｣と表示される流れ　python->javascriptの場合 python側は同じ return render_te

takanash 2018/10/31

リンク

jqueryでhtmlの書き換えを行う方法

jqueryでhtmlを書き換える方法はいろいろとあります。テキストを書き換える方法 $("セレクター").text("書き換え"); 例えば、フリーランスをデザイナーに書き換える <p class="text">フリーランス</p> jqueryのタグは $("p.text").text("デザイナー"); すると <p class="text">デザイナー</p> になります。 htmlタグごと書き換える方法 $("セレクター").html("書き換え"); 例えば、pタグのフリーランスをh3タグのデザイナーに変更します。 <p class="text">フリーランス</p> jqueryのタグは $("p.text").html("<h3>デザイナー</h3>"); すると <h3>デザイナー</h3> にかわります。 htmlの追加指定した要素内部の先頭に追加する方法 $("セ

takanash 2018/10/29

リンク

sinatraでのHTMLのエスケープとXSSについて - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

takanash 2018/09/03

リンク

基本的なフォーム -- ごく簡単なHTMLの説明

この例をもとに、HTMLのフォームを構成する要素を順番に説明していきます。この例のHTML全体は、本章の最後で改めて紹介します。フォームの基本枠組みデータを送信するためには「何を」「どこに」「どうやって」送るかを示さなければなりません。フォームはこのための手段を提供します。 HTMLのフォームは、データを入力するための手段（コントロールと呼びます）と、それに関するラベルや説明から構成されるひとまとまりのセクションです。「何を」送信するかを示すためにこのセクションの範囲を明示し、「どこに」「どうやって」送信するかを設定します。この枠組みを提供するのがform要素です。 form要素の構造 form要素タイプは2つの主要な属性を持ちます。ひとつは「どこに」、つまりデータを受け取るプログラムを指定するaction属性、もうひとつが「どうやって」、つまりデータの送信方法を指定するmethod属