令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
[ NPOI C# ] A1形式の文字列でセル情報を取得する ( CellReference ) – 偏差値40プログラマー
は、NPOI でA1形式の文字列で指定したセル情報を取得するサンプルコードを掲載しています。なお、動作確認を行った NPOI のバージョンは 2.1.3.1 になります。 また、VisualStudio のバージョンは 2015 です。 A1形式の文字列指定でセル情報を取得 A1形式の文字列からセル情報を取得するために、CellReference クラスを使用できます。詳細はサンプル内のコメントを参照ください。 C# string filePath = @"path/to/excel.xls"; IWorkbook wb; // FileShare.ReadWrite の指定は、他プロセスがオープン中でも // エラーとならないようにするため using (FileStream infile = new FileStream(filePath, FileMode.Open, FileAcc
[メモ] react-scriptsで環境毎にビルドできる様にする - Qiita
概要 Create React Appで書いたフロントエンドのソースを環境毎に値を変更してビルドしたかったので対応しました。 やり方 環境変数を使います。 詳しくはこちらを参照してください。 Adding Custom Environment Variables 簡単に要点をまとめると .envファイル内に環境変数を定義しておけばJavaScript内でprocess.env.XXXXXで取得可能 REACT_APP_ というプリフィックスにしておけば public/index.html 内でも使用可能 yarn start 時には .env.development 系、 yarn build 時には .env.production 系の環境変数が使用される この辺りのルールは上記のページを参照する 複数の環境変数を切り替えられないか調べましたが特に情報が見つかりませんでした。 npmに何
![[メモ] react-scriptsで環境毎にビルドできる様にする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/da35c6f6a911c0fcbc84d778b4a7624e1f676159/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUUzJTgzJUExJUUzJTgzJUEyJTVEJTIwcmVhY3Qtc2NyaXB0cyVFMyU4MSVBNyVFNyU5MiVCMCVFNSVBMiU4MyVFNiVBRiU4RSVFMyU4MSVBQiVFMyU4MyU5MyVFMyU4MyVBQiVFMyU4MyU4OSVFMyU4MSVBNyVFMyU4MSU4RCVFMyU4MiU4QiVFNiVBNyU5OCVFMyU4MSVBQiVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YzNkYmY5MjZmMGE4ZmRjMGQ1ZGQ0MzA0M2E5ZjUxNjI%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBmcm9tX1Vua25vd24mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTUwOTJiNjAwOTJkZTIwMTFkZWU5N2IyNGI1YzkzZmI2%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D5ad10893ecb2092a2ce4397acf63df0d)
Vue.js3でもSentry使って監視がしたい - Qiita
要約 まだVue.js3でSentry未対応のため、グローバルなエラーハンドラを使って、監視設定する。 設定例 Sentry公式ドキュメントを見ながら import { createApp } from 'vue' import App from './App.vue' import * as Sentry from '@sentry/browser' import { Integrations } from '@sentry/tracing' Sentry.init({ dsn: process.env.VUE_APP_SENTRY_URL, //ベタ書きでも好きなように release: 'my-project-name@' + process.env.npm_package_version, integrations: [new Integrations.BrowserTracing
Ubuntu のセットアップ（Ubuntu のインストールと設定，アプリケーションソフトウェアのインストール及び設定手順）
Ubuntu のセットアップ（Ubuntu のインストールと設定，アプリケーションソフトウェアのインストール及び設定手順） データベースシステム、人工知能、３次元コンピュータグラフィックスや各種メディア処理、プログラミングなどで Ubuntu を活用したいと思っている人向け。 このページでは，プログラミング処理系と開発環境（プログラムの自作、オープンソフトウェアの活用）、 データベース処理、 メディア処理、 その他のアプリケーション（インターネット、ファイル操作など）、 NVIDIA ドライバや NVIDIA CUDA や NVIDIA cuDNN， ディープライニング応用のための各種ソフトウェアのインストール及び設定手順をまとめている。 Windows については別ページ »で説明 【目次】 Ubuntu 22.04 のインストール Ubuntu 22.04 の設定 C/C++ コンパイ
【Linux】Ubuntu 24.04 LTS (Noble Numbat)のやっておきたいデスクトップの初期設定
こんにちは。ナミレリです。 前回に続き、2024年4月にリリースされたUbuntu 24.04 LTS (Noble Numbat)を、M3 MacBook AirのParallels Desktop 19 for Macにインストールし、デスクトップとしてしっかり使えるようにしていきます。 今回は、Ubuntu 24.04 LTSの最初にやっておきたいおすすめ初期設定を紹介していきます。前回はUbuntu 24.04 LTSのインストールと日本語環境設定、および日本語入力設定を行いました。まだ日本語環境を設定されていない方は、先に前回の記事をご覧ください。 Ubuntu 24.04 LTSの関連記事関連【Linux】Ubuntu 24.04 LTS (Noble Numbat)のインストールと日本語環境の設定 M1/M2/M3のMacBookで、Parallels Desktop 19
Microsoft 365 にドメインを追加する - Microsoft 365 admin
[設定] > [ドメイン] ページの順に移動します。 [ドメインの追加] を選択します。 追加するドメインの名前を入力し、[次へ] を選択します。 ドメインの所有を確認する方法を選択します。 ドメイン レジストラーがドメイン接続を使用している場合、Microsoft は、レジストラーにサインインして Microsoft 365への接続を確認することにより、レコードを自動的に設定します。 管理センターに戻り、Microsoft によってドメインが自動的に検証されます。 TXT レコードを使用し、ドメインを検証できます。 これを選択し、[次へ] を選択すると、この DNS レコードをレジストラーの Web サイトに追加する方法が表示されます。 一部の DNS ホスティング プロバイダーでは最大 48 時間が必要ですが、レコードを追加した後に確認するまでに最大 10 分かかる場合があります。 ド
独自ドメインを設定する - Microsoft 365 ご利用ガイド
Microsoft 365にはお客様の独自ドメインを設定することが可能です。 Microsoft 365 管理画面より以下の手順で独自ドメインの設定をおこなってください。 「独自ドメインの設定」は「管理者」のアカウントでのみ可能な操作となります。 Microsoft 365 管理画面に管理者アカウントでサインインします ※管理者アカウントのサインイン方法についてはこちら 以下のような画面が表示されましたら、 左上の「アプリ起動ツール」ボタンをクリックします 「管理」アイコンをクリックします ※「管理」アイコンが表示されていない場合、異なるアカウントでサインインしている 可能性がありますので、一旦サインアウトし、再度サインインをお試しください 「Microsoft 365 管理センター」が開きますので、ナビゲーションメニューから 「すべてを表示」をクリックします 「設定」から「ドメイン」をク
Quill - Your powerful, rich text editor
Built for DevelopersGranular access to the editor's content, changes and events through a simple API. Works consistently and deterministically with JSON as both input and output. Cross PlatformSupports all modern browsers on desktops, tablets and phones. Experience the same consistent behavior and produced HTML across platforms. Fits Like a GloveUsed in small projects and giant Fortune 500s alike.
Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
レシートプリンター TM-L100｜製品情報｜エプソン
台紙無しラベルへの印刷と最大170mm/秒の高速印刷を実現。 接客時の商品提供シーンまで考慮した印刷が可能に。 注文伝票や会計時のレシート印刷はもちろん、台紙の無いラベルに印刷できるようになりました。スピードが要求される提供シーンにおいて、台紙をはがして廃棄する手間を省き、いち早く商品をお渡しすることが可能になりました。 また、ラベル紙は一般強粘着と弱粘着の2種類をご用意。貼付後の用途に合わせてラベル紙を選択ください。
FastAPI: JWT認証 - Qiita
$ tree api api ├── database.py ├── hash.py ├── main.py ├── models.py ├── oauth2.py └── schemas.py from sqlalchemy import create_engine from sqlalchemy.orm import sessionmaker, declarative_base DB_URL = "sqlite:///app.db" engine = create_engine(DB_URL, connect_args={"check_same_thread": False}) SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine) def get_db(): db = SessionLoc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PowerSync: Postgres and SQLite sync layer
Haystack
Animation Studio
Auth0
How to get the column letter of a cell?
CSSで設定されているコードを打ち消す方法
GitHub - agileware-jp/redmine_github: Redmine plugin for connecting a local Redmine installation to a remote Github repository
GitHub - opf/openproject: OpenProject is the leading open source project management software.
