ホームぺージを開設するなら今！ 国内シェアNo.1のレンタルサーバー※ ＼ エックスサーバーのお得な情報 ／ ※ 2023年10月時点、W3Techs調べ。
webに関するsisicomのブックマーク (261)
-
sisicom 2025/01/06
-
それでも私が<wbr>でなくinline-blockで改行調整をする、たった1つの理由
inline-block を使う理由、それは 入れ子構造を作れることにより、改行位置の優先順位をつけられるから！ 詳しくは以降で説明します。 （前提）そもそも改行調整ってなんの話？ このタイトルを見て記事を開いた方であれば知っていると思いますが、一応説明です。 スペースで単語が区切られる欧文とは違い、日本語は単語の区切りがないので、改行すべき位置を機械的に判断できず、不自然な位置で改行されてしまうことがあります。そこで、見た目を整えるため、改行すべき位置を指定するための手法が必要になります。 他に詳しい記事がいくつもありますので、詳細はそちらを参照してください。 代表的な改行調整の手法 <wbr> 要素 <wbr>要素は、改行してよい位置を表す要素です。 親要素に対して word-break: keep-all; を指定して基本的には改行されないようにすることで、<wbr>要素がある位置で
-
IPA(情報処理推進機構)が公開している資料が有益すぎる - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 今回はIPA（情報処理推進機構）が無料で公開しているエンジニア向け資料をまとめました。エンジニアやIT担当者におすすめの資料を厳選しています。 今回紹介する資料の結論 安全なWebサイトの作り方 要件定義ガイド DXスキル標準 情報セキュリティ白書2024 DX白書 情報セキュリティ10大脅威 2024 簡易説明資料 情報漏えい対策のしおり AI社会実装推進調査報告書 安全なWebサイトの作り方 安全なWebサイトの作り方では、Webアプリやサイトを作る上で知っておくべきセキュリティ知識を基礎から網羅的に学ぶことができます。
-
Webサイト（ホームページ）制作の請負契約書の重要ポイント【制作費未払いトラブル対策】 - 咲くやこの花法律事務所
この記事を書いた弁護士西川 暢春（にしかわ のぶはる） 咲くやこの花法律事務所 代表弁護士 出身地：奈良県。出身大学：東京大学法学部。主な取扱い分野は、「問題社員対応、労務・労働事件（企業側）、クレーム対応、債権回収、契約書関連、その他企業法務全般」です。事務所全体で400社以上の企業との顧問契約があり、企業向け顧問弁護士サービスを提供。 ・弁護士のプロフィール紹介はこちら 最近のWeb制作（ホームページ制作）会社からのご相談の中で最も多いのが、「Webサイト（ホームページ）制作費の未払いトラブル」です。 Web制作（ホームページ制作）会社がクライアントから発注を受けてWebサイトを制作した後、クライアントが制作費用を支払わずに訴訟になるケースが増えています。 最近の裁判例の中には、以下のようなものがあります。 （１）東京地方裁判所平成23年8月17日判決 工務店からWebサイト制作を請け
-
令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
-
IPアドレスの基礎知識 - Qiita
1-3. IPアドレスはNICに設定される IPアドレスは「ホスト」に対してではなく、NIC（ネットワークインターフェースカード）ごとに割り当てられる。 通常は1NIC-1IPアドレスになるが、1つのNICに複数のIPアドレスを割り当てることが可能だったり、複数のNICを備える機器（ルータなど）が存在する。 （図）IPアドレスはNICに割り当てられる 1-4. 割り当てできないIPアドレス IPアドレスの中にはホストに割り振ることができないアドレスが存在する。 それぞれ特別な意味をもつため、実際のホストに割り振ることができなくなっている。 1-4-1. ネットワークアドレス ネットワーク自体を表すアドレスのこと。 ネットワークアドレスは、ホスト部のビットが全て0になる。 例えば、以下のIPアドレスは全てネットワークアドレスである。 10.0.0.0（クラスA） 172.16.0.0（クラス
-
-
Web制作者がチェックしておきたい！ 2024年版、CSSフレームワークのまとめ
ここ数年定番のCSSフレームワークをはじめ、最近注目されているクラスレスのCSSフレームワーク、ユーティリティファーストのCSSフレームワーク、印刷やメールなどに特化されたCSSフレームワークなど、Web制作者がチェックしておきたいCSSフレームワークを紹介します。 Awesome CSS Frameworks -GitHub 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 ベース・リセットCSS・ノーマライズ クラスレスのCSSフレームワーク 超軽量のCSSフレームワーク 汎用性に優れたCSSフレームワーク Material DesignのCSSフレームワーク ユーティリティベースのCSSフレームワーク 特化型のCSSフレームワーク ツールキット ベース・リセットCSS・ノーマライズ sanitize.css -GitHub reset.cssと
-
高等学校情報科「情報Ⅰ」教員研修用教材（本編）：文部科学省
PDF形式のファイルを御覧いただく場合には、Adobe Acrobat Readerが必要な場合があります。 Adobe Acrobat Readerは開発元のWebページにて、無償でダウンロード可能です。
-
Webフロントエンド入門
まずはじめに HTML、CSS、JSを学んだ後にモダンなweb制作を行う上でこれから何を学べばいいだろうと手探り状態だった過去があるので、今同じ悩みを抱えている方に向けてこの記事を書こうと思いました。また、自分自身が2023年に多くのことを学んだのでそれの整理になればという思いもあります。 あと、いいね、コメントいただけると記事作成の励みになります😇 この記事の対象者 HTML, CSS, JSはある程度理解した モダンなWeb制作を行いたい これから学ぶべき技術 React, Next.js 一度は聞いたことある人も多いと思います。これは、Webサイトを効率的に開発することを目的に作られたJSのフレームワーク(正確にいうとReactはライブラリ)です。 ReactはFacebook社が開発したもので、それをVercel社がより使いやすくしたものがNext.jsです。 作成するものによっ
-
HTML, CSS, JavaScriptの標準の仕様書はどこにあるのか
HTML HTMLの仕様策定には複雑な歴史があります。詳細は他の解説記事に譲りますが、簡単に述べるとW3CとWHATWGのダブルスタンダード状態が長い間続いていました。2022年現在はWHATWGによってLiving Standardとしてまとめられた仕様が実質的な標準となっています。Living Standardという名前が示す通り、バージョンはなくエディターによって随時更新されています。 CSS CSSの仕様はW3Cが策定しています。現在は、CSSとして1つの標準仕様があるわけではなく、数多くのモジュールに分かれて標準仕様の策定が進められています。草案、勧告候補などを経て勧告に至るプロセスと、Levelという概念で整理されたバージョン管理が特徴です。年に1度、SnapShotとしてその時点での標準化の概況が公開されています。 JavaScript JavaScriptは主にWebブラウ
-
営業リストを購入・販売できるマーケットプレイス Listers
資金調達済のスタートアップ・ベンチャー企業をまとめたリストです。 最新サービスを積極的に導入しているキャッシュリッチな企業に営業したい会社様におすすめのリストです。
-
擬似要素「before」「after」の例
昨日は暑い夜だった。 そして熱い夜でもあった。そう。一晩中ドラクエ5に没頭していたからだ。 なんと! ついに「はぐれメタル」が仲間になったのだ。
-
ドメインのDNSレコードを変更して、WEBサーバーとメールサーバーとを分ける
DNSとは ここでDNSレコードについて説明する前にDNS（ネームサーバー）とは何か、おさらいをしておきましょう。 DNSとはネームサーバーとも呼ばれ、インターネット上でドメイン名を管理・運用するために開発されたシステムのことを指しています。 全世界共通の紐づけ情報を管理 例えば本サイトである「lpeg.info」を表示させる際に と全世界共通の紐づけ情報が登録されています。 これにより世界中のどこでいつ見ても同じWEBサイトが映る訳ですね。 ※DNSの正式名称は「Domain Name System」です。「Domain Name Server」ではありません。 1つのドメインに対し1つのIPアドレスが原則 この様にDNSサーバーには「一つのドメイン名に対して一つのIPアドレス」の原則が登録されています。 一つのドメイン名に対して基本２つ・３つのIPアドレスが登録されたりはしません。 こ
-
『なぜインライン要素・ブロック要素概念は依然として有用なのか：現代的なWeb制作への適用』という記事について
なぜインライン要素・ブロック要素概念は依然として有用なのか：現代的なWeb制作への適用 https://zenn.dev/coedo/articles/html-css-inline-element-block-level-element この記事では、『なぜインライン要素・ブロック要素概念は依然として有用なのか』という記事（以下「元記事」といいます）の説明について見ていきます。 この記事の対象者 この記事は、ウェブ制作を学んでいる人や、「インライン要素」「ブロック要素」という用語の扱いに困っている人を想定しています。 はじめに： 結論 この記事の結論は次の2つです。 今日のHTMLから「インライン要素」「ブロックレベル要素」という表記はなくなった。 ある要素にどのような要素を入れるのかは、「インライン要素」「ブロック要素」という考え方を使わなくてもできる。 詳しく説明したいと思います。
-
-
2022年12月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 この写真は、私が12月に撮影したものです。11月25日に発売された FUJIFILM X-T5 というカメラに、オールドレンズ風MFレンズの 7Artisans 35mm F1.2 (v1) を使用して撮影しました。 デザイン・Figma・UI デザイナーがFigmaを始めたい時に読む記事｜えび🍤｜note 今年は非常にFigmaが伸びて、Adobeに買収されるといったこともありました。 えびさんは最近Figmaの情報をTwitter等で発信されており、この記事では初心者向けに情報をまとめています。 UIから「白」が消える日｜ritar｜note デザイン素人に贈る、UIディレクション10個のポイン
-
Webマーケティングとは？初心者でもわかる基礎知識！始め方・成功事例も紹介
Webマーケティングとは、Webサービスを用いて行われるマーケティング活動のことです。オンラインでの集客からサイト上における期待するアクション（購買・問い合わせ等）を促す活動を指し、主にWeb担当者やマーケティング担当者が実施する施策となります。大きく分類すると「集客施策」「回遊施策」「顧客育成施策」などの施策があり、ユーザーに見つけてもらい、ゴールとなるアクションへと導く一連のプロセスをWebマーケティングと呼ぶことができます。 本記事ではWebマーケティングの施策に関して、Web担当やマーケターになりたての初心者、これからWebマーケティングを活用していきたい経営層の方向けに基礎的な知識をまとめてご紹介いたします。 ・Webマーケティングの全体感を理解したい ・Webマーケティングの施策について知りたい ・Webマーケティングに取り組んでいるがいまいち成果が出ない といった方には特にお
-
-
【2024年最新版】オススメのプログラミング学習サービス集 - Qiita
はじめに 今回はプログラミング初心者と中級者向けの、プログラミング学習サービスを紹介します。 自分自身が実際に学んできた中でよかったものだけをピックアップしています。 なお、progateやドットインストールといった誰でも知っている学習サービスは省いています。 web制作向け (1) web-design-textbook まずはじめに紹介するのはWeb制作を基礎から実装手法を網羅的に学ぶことができる「web-design-textbook」です。 こちらは基本編~上級編とレベル別になっているので初心者でも入りやすい構成になっています。 かつ問題数もかなり豊富で図を多数用いて解説をしているので独学でも挫折せずに学習を進められる教材になっています。 ぜひこれからWeb制作の学習をはじめたいという人は使ってみてください。 (2) Codestep 次に紹介するのは、HTMLやCSSといった基礎
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました