[B! Web][html] tyosuke2011のブックマーク

tyosuke2011 id:tyosuke2011

Webとhtmlに関するtyosuke2011のブックマーク (60)

第3回 Cookie---状態管理とトラッキング
この記事は，日経ソフトウエア2007年2月号，連載﹁簡単実装で学ぶWeb技術2006﹂の第8回﹁Cookie――状態管理とトラッキング﹂の再録です。記事は執筆時の情報に基づいており，現在では異なる場合があります。こんにちは，結城浩です。今回は，Webで状態を管理する際の基本技術である﹁Cookie︵クッキー︶﹂を紹介します。サンプル・プログラムを通してCookieの仕組みを学びましょう。サンプル・プログラムは，Cookieの読み書きを試す簡単なものから，ユーザーのアクセス追跡やログイン状態の管理などの機能を備えた実用的なものまでを紹介します。ここで紹介するサンプル・プログラムは，日経ソフトウエアのWebサイトからダウンロードできます。ダウンロード・ページ中で，2007年2月号の﹁簡単実装で学ぶWeb技術2006　第8回﹂を参照してください。 ●日経ソフトウエア2007年2月号のダウン
tyosuke2011 2024/06/30
ドメイン

web

ブラウザ

HTTP

HTML
リンク
いま知っておきたいLinux─WebアプリがOSのプロセスとしてどのように見えるか？を運用に生かす｜ハイクラス転職・求人情報サイト AMBI（アンビ）
いま知っておきたいLinux─WebアプリがOSのプロセスとしてどのように見えるか？を運用に生かす Webアプリを動かして負荷をかけると、OSのプロセスという観点ではどのように見えるのでしょう？それを通して運用やトラブルシューティングではどういったことが分かるのでしょう？ Linuxカーネルの開発者でもある武内覚︵sat︶さんによる解説です。こんにちは、sat︵@satoru_takeuchi︶と申します。コンピュータが誕生してから現在まで、最終的にエンドユーザが意識するアプリケーション開発はどんどん楽になっています。先人たちのたゆまぬ努力の結果、アプリ開発者はOSや、そのさらに下にあるハードウェアのことをほとんど意識することなく開発ができるようになりました。しかし、﹁作ったアプリが、OSレベルでどのように動いているか？﹂が今一つピンと来なくて、モヤモヤしていないでしょうか。それ
tyosuke2011 2024/06/16
linux

アプリ

web

HTML

転職
リンク
令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。そこで今回は﹁2024年のWeb制作ではこのようにコードを書いてほしい！﹂という内容をまとめました。質より量で、まずは﹁こんな書き方があるんだ﹂をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
tyosuke2011 2024/05/14
CSS

web

HTML

サイト
リンク
ヤフーのユーザー5,400万人から"同意"を得るための技術（HTML/CSS/JavaScript）
こんにちは。SWATチームの今谷と、LY会員サービス統括本部の木所です。 LINEとヤフーの会社合併に伴って、LINEヤフー株式会社が提供するサービスを利用するユーザーに﹁新プライバシーポリシーへの同意﹂をいただくためのモジュールを開発しました。本記事では、ヤフーのユーザー5,400万人から”同意”を得るための工夫について、実装上の不具合も交えてご紹介します。なお、ご紹介する内容は、UIT × Bonfire Front-end Meetup #1 での発表が起点となっています。詳細についてより深く知りたい方は、発表資料や Podcast をあわせてご参照ください。会社合併と、新プライバシーポリシーのご案内 LINEとヤフー、それぞれで同意モジュールがあります。Web向けのほか、iOS・Androidアプリ向けにも提供しました。 Webの同意モジュールでは﹁Modal版﹂と﹁Ful
tyosuke2011 2024/02/21
CSS

ブラウザ

web

HTML

開発
リンク
Figmaで作ったデザインをWebサイトに即反映「STUDIO」 | 進化が止まらない！最新ツール
tyosuke2011 2023/10/03
サイト

ツール

HTML

web

CSS
リンク
いざという時に使える13のHTML&CSS Tips集 | BUILD Journal
いざという時に使える13のHTML&CSS Tips集Update2023.05.12Release2023.04.13Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録するいざという時のために覚えておくと便利なHTML＆CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。テキストの円形回り込み See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. 円形の画像の縁に沿ってテキストを回り込ませるCSS Tips。実際には画像の縁を判定して回り込んでいるのではなく、shape-outsideプロパティを使用し、circle(50%)を指定することで、要素の回り込みの形状を円形にしています。CS
tyosuke2011 2023/07/26
CSS

HTML

画像

web

デザイン
リンク
CreatorQuest
WEBディレクター Web Director WEBサイト制作の進行管理や品質管理など、プロジェクト全体の監督を行う職種です。
tyosuke2011 2023/07/10
web

HTML

PM

CSS
リンク
【仕様の読み方】HTMLの要素をどうやって学ぶか
<search>要素がHTML Standardに追加されました。私も初めて出会う要素になるわけですが、とても良い機会なので、私が要素を調べる際にどうやって調べて学んでいるのかを共有したいと思います。これは新しい要素に限らず、既存の要素の調査に応用できると思います。また、初学者はもちろん、マークアップを生業としている方にも参考になると思います。新要素追加の経緯を調べるまずはHTML StandardのGitHubのPRからスタートするとよいでしょう。議論や更新はGitHubで行われています。たとえば、今回の<search>はAdd the <search>element #7320というPRによって更新されました。そもそも更新自体のキャッチアップ方法はクローズされたPRを更新順にして確認してもいいですし、更新のみをツイートしている@htmlstandardのTLを確認してもいいと思
tyosuke2011 2023/07/10
HTML

あとで読む

web

学習
リンク
Python だけで作る Web アプリケーション(フロントエンド編)
Python だけで作る Web アプリケーション第一弾です。HTML/CSS/JSを使わずに、PythonだけでUIを含むWebアプリケーションを作ります。
tyosuke2011 2023/06/30
python

web

js

HTML

CSS
リンク
普通のHTMLの書き方
保守しやすく、規模に依存しないHTML文書のために一般 DOCTYPEで始める置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする制御文字や不可視文字は数値文字参照を使うコメントではその内容の前後へ空白文字を置く終了タグを省略しない空要素の書き方を混ぜないタグや属性値の前後へ空白文字を置かない大文字・小文字を混ぜない引用符を混ぜない属性を2文字以上の空白文字で区切らない真偽値を取る属性の値は省略する名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜないデフォルトの暗黙のARIAセマンティックスを尊重する文書要素 lang属性を追加する lang属性の値はできる限り短くするできる限り
tyosuke2011 2023/06/30
HTML

HTML5

web

web制作

あとで読む
リンク
長留裕平のホームページ
スマートフォン用で表示 PC用で表示長留裕平のホームページへようこそようこそいらっしゃいました。まだまだ工事中ですが、ゆっくりして行ってください。イラストゲームマンガアニメデザイン原画アートプログラミング政治宗教経済株FX ゲーム作品ゲーム開発 WEB作品 WEB WEB制作僕の漫画僕の小説俺的ゲーム速報ちょすけブログちょすけのニュースブログ僕の絵僕のプロフィールリンク集 Twitter AI VR Youtube music WEBサービスウェブ全体を検索このサイト内を検索 Google powered by まめわざ企業理念採用情報仕事就職勉強学習学校企業起業経営掲示板検索エンジンチャット SNS お問い合わせは tyosuke2010@gmail.com まで discode Copyright © 2023 chosuke Homep
tyosuke2011 2023/05/30
web

HTML
リンク
Flask実践入門 - 基本的なアプリ構成を問い合わせフォームをつくりながら学ぶ｜ハイクラス転職・求人情報サイト AMBI（アンビ）
コンフィグ設定まずはapps/config.pyを作成し以下のコンフィグを追加しましょう。実践的なアプリでは開発環境の他にstaging環境、本番環境、テスト環境などが存在するのでそれぞれ専用のコンフィグ設定を行います。 from pathlib import Path basedir = Path(__file__).parent.parent class BaseConfig: """ BaseConfigクラス """ SECRET_KEY = os.environ["SECRET_KEY"] WTF_CSRF_SECRET_KEY = os.environ["WTF_CSRF_SECRET_KEY"] class LocalConfig(BaseConfig): """ BaseConfigクラスを継承してLocalConfigクラスを作成する """ SQLALCHEMY_DA
tyosuke2011 2023/05/30
アプリ

db

app

HTML

web
リンク
日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
tyosuke2011 2023/05/25
CSS

web

CSS3

webデザイン

web制作

HTML

あとで読む

webdesign
リンク
World Wide Web Consortium - Wikipedia
World Wide Web Consortium︵ワールド・ワイド・ウェブ・コンソーシアム︶は、World Wide Webで使用される各種技術の標準化を推進するために設立された標準化団体、非営利団体である。W3C︵ダブリュースリーシー︶と略称される。ティム・バーナーズ＝リーが創設し、率いている[3]。本コンソーシアムは企業や団体が会員として加入し、専任スタッフと共にWorld Wide Webの標準策定を行っている。2022年1月8日現在、456の組織が会員として加入している[2]。 W3Cは教育活動も行っており、ソフトウェアを開発してWebに関するオープンな議論の場を提供している。HTML、XML、MathML、DOM等の規格を勧告する。HTMLは、従来IETFでRFCとして標準化されていたが、HTML 3.2以降はW3Cへ引き継がれた。XHTMLの規格に反する企業などがW3Cに
tyosuke2011 2023/05/17
web

wikipedia

HTML

コンピュータ

授業用

お勉強

w3c
リンク
World Wide Web Consortium (W3C)
The World Wide Web Consortium (W3C) develops standards and guidelines to help everyone build a web based on the principles of accessibility, internationalization, privacy and security. Working with stakeholders of the Web A range of organizations join the World Wide Web Consortium as Members to work with us to drive the direction of core web techno logies and exchange ideas with industry and resear
tyosuke2011 2023/05/17
web

CEO

HTML

CSS

webdesign

HTML5

webデザイン
リンク
CodePen: Online Code Editor and Front End Web Developer Community
Build, share, and learn JavaScript, CSS, and HTML with our online code editor. Discover web applications and hire talent from the world’s largest community of front end developers and designers.
tyosuke2011 2023/05/16
editor

code

community

web

developer

javascript

HTML
リンク
The W3C Markup Validation Service
Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. Validate by direct input Enter the Markup to validate: More Options
tyosuke2011 2023/05/15
internet

FILE

windows

webservice

インターネット

HTML

web制作

web

CSS

ツール
リンク
お名前.comにWebサイト(ホームページ)をアップする方法 | 321web
お名前.comのドメイン＆サーバーレンタルしてる場合のアップロード方法をご紹介。本記事で解説するのは静的なHTMLのWebサイト（ホームページ）をお名前ドットコムのサーバーにアップロードする方法になります。お名前.comに作成したhtmlをアップする方法レンタルサーバーとセットでドメイン取得すると手間が少ないですし、ドメインの初年度費用が安くなるのでセットで契約している人も多いと思います。お名前.comのレンタルサーバーにホームページをアップする方法をまとめておきます。お名前.comのユーザー情報を確認するコントロールパネルでFTP情報を確認するまでの流れを解説します。まだお名前.comでドメインやレンタルサーバーを契約していない場合は先に取得しておいてください。
tyosuke2011 2023/05/01
com

サイト

ドメイン

サーバ

HTML

web
リンク
従来の HTML との文法の差違 - HTML5 - Wikipedia
HTML Living Standard[編集] HTML Living Standardは、WHATWGが策定しているHTMLの規格である。W3Cの勧告するHTML5およびそれ以降︵HTML 5.1など︶は、HTML Living Standardを基にしている。ただし、2019年5月28日に発表されたW3CとWHATWGの合意[14]以前においては、﹁W3C側で変更がなされており、両者の仕様には差異が生じている[15][16]﹂という状況が続いていた。WHATWGはウェブブラウザの開発元により結成されており、この頃においてはHTML Living Standardの方がよく参照されていた[17][18]。 2019年5月28日、W3CとWHATWGは、﹁HTML Living StandardをHTMLとDOMの唯一の標準とし、W3Cは今後HTMLとDOMに関する標準の策定を行わない
tyosuke2011 2023/04/24
HTML

wikipedia

就職

HTML5

web

プログラミング

まとめ

開発

メモ

flash
リンク
Web パフォーマンスのための HTML 最適化 | メルカリエンジニアリング
Merpay Advent Calendar 2019 の2日目は @1000ch (id:hc0001) がお送りします。この記事は2019年11月16日に福岡で開催された Frontend Conference Fukuoka 2019 のセッション、HTML Optimization for Web Performance の書き起こし記事です。 docs.google.com なぜ HTML の最適化が重要なのか先日公開された Chromium Blog: Moving towards a faster web をご覧になられたでしょうか。Google は Web ページのパフォーマンスの重要性を様々な形で啓蒙してきましたが、この記事では Chrome のもとになっている Chromium に、Web ページのパフォーマンスをブラウザ UIとして表示する機能を追加し、ユーザーが
tyosuke2011 2023/04/06
web

HTML

CSS

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