伊與木研究室 – IYOKI LAB
より良い 環境のため、 持続可能なプロセスで、 優れた材料を世に送り出す Delivering superior materials to the world through sustainable processes for a better environment 自然と人間の間を取り持つような材料を創り、世に出したいと考えています。そのために、環境問題の解決に資する新規材料の創出、その合理的な合成プロセス開発、応用展開へと一気通貫で取り組んでいきます。特に、ゼオライトという、触媒や吸着材として用いられる多孔質材料の合成と応用に強みを持っており、実用化へ向けた検討が進んでいるものもあります。カーボンニュートラルやサーキュラーエコノミーといった、これから人類が向き合っていかなくてはならない課題の解決へ向けて、必要な他の材料への展開や、システムとしての評価へ研究対象を広げ、学生の皆さんとと
Steph Ango
Humans are not the last level of life’s fractal pattern. The Earth itself is becoming a sentient organism, a new stage of life, a species that exists on a scale never seen before... Keep reading →
フォーム入力などで、テキスト入力してEnterキー入力を検出する方法 いくつか方法があって、簡単に説明すると例えばこんなやり方でしょうか： input要素にキー入力イベントリスナーを設ける方法。 form要素のsubmitイベントで処理する方法。 input要素を対象にした方法に絞って、以下の説明を続けます。 よく見る例（非推奨のコードが含まれます） let text_form = document.getElementById('text_form'); let output = document.getElementById('output'); text_form.addEventListener('keypress', test_ivent); function test_ivent(e) { if (e.keyCode === 13) { output.innerHTML = t
EC2 Instance Connect Endpointを使ってEC2に接続してみた - DENET 技術ブログ
概要 こんにちは、SRE課の栩野です。 先月リリースされたEC2 Instance Connect Endpoint(EIC エンドポイント)を使ってみたので、使い方についてブログにしてみます。 Amazon EC2 Instance Connect supports SSH and RDP connectivity without public IP address(Amazon EC2 Instance Connect は、パブリック IP アドレスなしの SSH および RDP 接続をサポートします) これまではプライベートサブネットのEC2に接続する場合、パブリックに踏み台EC2を作成して経由するか、SSM用のエンドポイントを作成しセッションマネージャでの接続方法がありました。 踏み台の場合はEC2の利用料、セッションマネージャの場合はSSMエンドポイントまたはNat Gatewa
Data Table Design PatternsData tables come in various sizes, contents, purposes, and complexities. The ability to query and manipulate data is a crucial requirement for most products that are being designed today. Enterprise software companies often serve large quantities of data to their users, prioritizing well-designed table experiences. This article is a collection of best practices to help yo
2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を
全力で爆速にするAstro.js
注意 この記事は、私が2024年4月頃に書いた記事の再編集です。情報が多少古い、もしくは検証しきれていない箇所がありますがご了承ください。 はじめに 皆さんはよくAstroでWeb制作をすると思います(圧)。 Astroでサイトを作ると特に対策せずとも爆速なサイトが出来上がりますが、それだけでは物足りずちゃんと対策して高速化を図る記事です。 すっごーい簡単な内容なのでご承知ください。 Lighthouse 実際にページのパフォーマンスを計測するにはよくLighthouseを使います。このサービスはGoogleがオープンソースで開発しているページインサイトツールです。馴染み深いですね。 これでサイトの計測をしている人が一番多いんじゃないでしょうか。 Chrome拡張機能をいれることで、オフライン環境であってもlocalhostサイトの計測ができます。 すでに公開済みのページなどでテストする場
Drams - Framer components inspired by Dieter Rams' principles
InnovativeUsefulAestheticUnderstandableUnobtrusiveHonestLong-lastingThoroughEnvironmentally friendlyLittle design
Snow Monkey Forms
変更履歴 6.4.0 WordPress 6.5 compatibility support. Support “Apply to all blocks inside”. Fixed a bug that caused the wording of file blocks to extend beyond the screen without wrapping. 6.3.0 Add filter hook snow_monkey_forms/checkboxes/options. Add filter hook snow_monkey_forms/select/options. Add filter hook snow_monkey_forms/radio_buttons/options. Add $setting to the second argument of snow_monkey
こんにちは！SSRを刺されと読むMizutani(@sirycity)です。CSRは腐れです。 今日はFirebaseとAstroとSSRについてです。 結論 Firebase Hosting(とFunctionsとCloud Run)ではAstroをSSRモードで動かすことができます。だが設定が本当にめんどい。 はじめに Firebase hosting(以下hosting)は静的サイトのホスティングサービスです。で、Astroは静的サイトジェネレーターです。つまりAstroで作ったWebサイトはhostingにデプロイできます。まあ当たり前ですね。 hostingのサーバーサイドレンダリング(SSR)について hostingは一部のFWについては例外的にサーバーサイドレンダリング(以下SSR)をサポートしています。サポートしてるFWは以下の通り。 FirebaseExtended/fi
おひさまを浴びる幸せ。 気持ちのいい風にあたる幸せ。 新鮮なものを食べる幸せ。 自然がくれるのは、 そんなふとした贈り物のような幸せ。 人は、自然に生かされるだけでなく 幸せな気持ちまでもらっているんですね。 だから、農業に携わるわたしたちは、 卵の流通に対する使命を持つことはもちろん、 自然と誠実に向き合わなくてはならないと 考えています。 脱プラ、カーボンニュートラル、 太陽光発電等にも取り組むことで 自然と共存できる仕組みを作っています。 そして、お米の餌を使ったり、 鶏糞をお米の肥料にしたりと 農業の循環によって、 日本の農業全体を良くしようと しています。 日に新たに。 わたしたちは時代に合わせて成長し続けます。
TT Global
使われなくなった中古IT機器を、新興国に住む未来のユーザーのもとへ。TT Globalは、世界規模でIT機器のリユースを推進しています。 たとえば、ケニアの農村部に暮らす家族にとっても、ニューヨークの法律事務所で働く弁護士にとっても。インターネットへのアクセスや、目的にあったデバイス、ITリテラシーは、個人の成功を左右する重要なもの。デジタル化やグローバル化が進むなか、ITの活用は社会活動において欠かせないものとなっています。 TT Globalは、アメリカ、ヨーロッパ、アジアの先進国で、使われなくなったデバイスを集め、新興国のご家庭や学校、中小企業向けに手頃な価格でご提供。IT機器のリユースを通じて、世界中のデジタル格差を解消していくことを使命としています。 使われなくなったIT機器に第二の人生を与えることで、廃棄を減らすとともに、廃棄の際に排出される二酸化炭素も削減していく。このサイク
カード型コンポーネントの実装例 ｜ TAKLOG
このブログの記事一覧のアップデートを行ったので、それを踏まえたカード型コンポーネントの実装メモです。次の実装例の解説をしながらカード型コンポーネントの実装時のポイントを説明していきます。 例に漏れず初学者の方は置いてきぼりの内容になってしまっていることと、個人的な見解が多く含まれる俺流な内容であることはご了承ください。 カード型コンポーネントの実装例
ティザーサイトとは、新製品やサービスの発売前に期待感を高めるための特設ページのことを指します。ホームページ制作の際には、こうしたプレリリースの魅力を引き出す要素が求められます。多くの方がSNSやWebサイトでティザー関連の情報に触れることはあっても、具体的な目的やその構築要素について詳しくは知らないかもしれません。 当ページでは、ティザーサイトの真髄と、制作する際の注意点やハイライトを解説します。新製品やイベントを効果的に告知したい方、ティザーの魔法に取り憑かれたい方、一緒にこの興味深いワールドを探究してみましょう。 ティザーサイトとは、その名前が示す通り「じらす」ことを目的とした特設のホームページです。この「じらす」機能は、新製品やサービスを市場に導入する前の期間に、潜在的な顧客の関心や期待を喚起するために使用されます。特に、制作のプロセスでは、このティザーサイトがどのようにしてその効果
Windows、macOS、LinuxにReactをインストールする方法 Reactは現代のウェブ開発に欠かせないツールとなっており、これをマシンにセットアップすることは、優れたユーザーインターフェース構築を始めるための第一歩となります。 パフォーマンスと再利用性に重点を置いたUI構築のための人気のJavaScriptライブラリで、人々のために本当に役立つ、高速で応答性が高く、メンテナンス可能なインターフェースを簡単に作成できるようになり、ウェブ開発に革命をもたらしました。 コンポーネントベースのアーキテクチャと、実際の環境でどのように動作するかに重点を置いているため、モダンなウェブアプリケーションの構築を目指す開発者にとって、魅力的な選択肢となっています。 この包括的なガイドでは、Windows、macOS、およびLinuxオペレーティングシステムにReactをインストールする手順を説明
はじめに こちらの記事を書いた際にコメントでもらった、アクセシビリティオーバーレイに関して調査してみました。 Qiitaで調べてもアクセシビリティオーバーレイに関して言及している記事は1件も見当たりませんでした。教えてくださった方にとても感謝です。 アクセシビリティオーバーレイとは しっかりとした定義はないですが、WCAGに準拠したWebのアクセシビリティを提供するSaaSのことです。JavaScriptを使ってサイトをを上書きしてアクセシビリティを提供するツールみたいです。大体サイトの右下にボタンがあり、それをクリックするとWCAG準拠のあらゆるボタンが用意されて、例えばスクリーンリーダーをクリックするとサイトを読み上げてくれたり、 例えばこちらのサイトなどが例です。 ほとんどがこのように、ブラウザ上でスクリーンリーダーが実行できたり、文字サイズを大きくしたりコントラストを変えてくれたり
最速で価値を届けるUXリサーチ
6/12 に開催された「NO MOREとりあえず！デザナレ展UXリサーチ―結果につながるすごい知恵」で発表したスライドです。
AOMORI GOKAN アートフェス2024
原口典之《F-8E CRUSADER》（「十字路－ CROSSROAD」ART BASE 百島広島での展示風景）2014年 ©ART BASE MOMOSHIMA
Google カレンダーの「予約スケジュール」を活用しよう！
Google カレンダー に 「予約スケジュール」 という機能があることをご存知ですか？ この機能を利用すると、顧客の予約や、面談の予定などを自動で受付することができるので、予約管理を行う手間が軽減されます。この記事では、クリニック、ビューティー系やマッサージなどのサロン、カウンセリング、コンサルティング、飲食店などを展開している事業者にとって大変便利な、予約スケジュール機能について紹介します。 Google カレンダー の 「予約スケジュール」 機能とは Google カレンダー では、「予約スケジュール」 という機能を使って自動で予約を受け付けることが可能です。 店舗などの予約システムとして利用できるので、電話などでの予約受付に負担を感じている方におすすめです。 予約スケジュール機能は無料ユーザーも利用可能 予約スケジュールは、無料の Google ユーザーも利用が可能です。ただし、無
あなたのとなりの明電舎 | 明電舎
How is electricity generated? How is electricity generated?
Astro 2.x から 3.0 へアップグレードした際に、レスポンシブイメージは対応していないため、ビルトインされている <Image /> コンポーネントの導入は見合わせることにしました。 しかし、本サイトのブログ記事において、パフォーマンスのボトルネックとなっているのは画像ファイルです。また、別のプロジェクトで Astro を使用するときにも、この課題に向き合わなければなりません。 そのため、この記事では Astro でレスポンシブイメージを実装する方法を考えていきます。 以降、Astro の getImage() 関数でレスポンシブイメージを実装する方法を解説していますが、問題点も見つかりました。特に、ホスティングサービス側でビルドする場合には注意が必要です。 本記事における Astro のバージョンは 3.1.4 を前提としています。 まず、候補として挙がるのは「Astro Im
リクルートサイト | AJ･Flat株式会社
社員が育たないと、この先ソフトウェア開発業で勝ち残っていけないことを。 だから社員に徹底的に還元する。 給与水準を上げ、会社命令でプロジェクト配属しないのもこのため。 社員が育たないと、この先ソフトウェア開発業で 勝ち残っていけないことを。 だから社員に徹底的に還元する。 給与水準を上げ、会社命令で プロジェクト配属しないのもこのため。 「定時退社したい」「新規事業を立ち上げたい」など 人それぞれ目指す人生・キャリアは異なる。 これは全く悪いことじゃない。 だから、社員一人一人に向き合い、なりたい姿をヒアリングして、 そのキャリアに適した仕事をマッチングさせています。 ここまで徹底しているから、「社員に還元できている」と自信が持てています。 「定時退社したい」「新規事業を立ち上げたい」 など人それぞれ目指す人生・キャリアは異なる。 これは全く悪いことじゃない。 だから、社員一人一人に向き合
小規模事業者持続化補助金とは小規模事業者と、特定の要件を満たす特定非営利活動法人を対象にした支援制度です。 小規模事業者が経営計画に基づいて実施する販路開拓などの努力や業務効率化を支援し、それに必要な経費の一部を補助するものとなっております。 ホームぺージ制作の場合は、「ウェブサイト関連費」として給付を申請します。 補助対象者 日本国内に所在する小規模事業者、個人、または日本国内に本店を有する法人で、以下の6つの要件をすべて満たす必要があります。 ①小規模事業者であること 小規模事業者の定義は下記になります。 商業・サービス業（宿泊業・娯楽業除く） ：従業員5人以下 サービス業のうち宿泊業・娯楽業：従業員20人以下 製造業その他：従業員20人以下 ②資本金又は出資金が５億円以上の法人に直接又は間接（※）に100％の株式を保有されていないこと（法人のみ） ③確定している（申告済み）直近過去３
フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 フラルネ、しっとりすルネ。 2024.04.01 mon. 限定発売 FLARUNÉ LIP BAR S collaboration with Shota Watanabe FLARUNÉアンバサダー 渡辺翔太さんプロデュースの スペシャルなリップバーが限定発売！ 保湿成分を贅沢に配合することで、瞬時にくちびるをうるおし、うまれたてのようななめらかさに。甘くみずみずしいフレッシュベリーの香りと印象的なパッケージカラーで気分もほっと癒されます。 リップクリームに
The Fastest Way To Write Copy For Your Website | Relume Ipsum
Generate website copy quickly and easily using AI, all without leaving Figma.
[レベル: 中級] サイトマップの <lastmod> は、重要な更新がページに入ったときにだけ利用する。 こうした趣旨の注釈が、Google 検索セントラルのサイトマップのドキュメントに追加されました。 lastmod は重要な更新が対象、小さな更新では使ってはいけない 追加されたのは次の注釈です。 The <lastmod> value should reflect the date and time of the last significant update to the page. For example, an update to the main content, the structured data, or links on the page is generally considered significant, however an update to the cop
HUMAN MADE株式会社: HUMAN MADE Inc.
「創造」こそ、である。 私たちはそう信じている。 効率や正解を超越した先に、 は潜んでいる。 閃きと人の手が生み出すで、 人類未踏の発見と体験を生み出し、 が生まれる起爆剤となる。 それが、 世界中のストリートに息づく感性と を融合させながら、 ココロ弾ける瞬間を、
効果的なトップページとは、シンプルでアクセスしやすく、組織やサイトの目的を伝え、魅力的なコンテンツを表示し、ユーザーの行動を促すものである。 Homepage Design: 5 Fundamental Principles by Huei-Hsin Wang on March 15, 2024 日本語版2024年6月18日公開 トップページ（homepage）は、どのウェブサイトにおいても最も重要なページの1つである。それはしばしば、ユーザーを魅了し、サイトに関与させるための最初の、そして場合によっては唯一の機会となるからだ。適切にデザインされたトップページは、ユーザーを明確かつ的確に彼らの目的に導くと同時に、ブランドのアイデンティティやサイトの提供するサービスを効果的に反映するものである必要がある。 この記事では、トップページのデザインに関する5つの基本的な原則を、それぞれ実践的なガイ
Chromaticを導入しました！
はじめに 半年くらい前にプロジェクトにStorybook及びChromaticを導入したのでその知見を今更まとめたいと思います。 Chromaticは開発者１人だけではなくエンジニアチーム全体、更にはデザイナーやPM/PdMみんなで使っていくことによってその効果が何倍にもなるツールです。Chromaticがどんなツールなのか、どうやって使うことができるのか、について書きたいと思います。 Chromaticとは何か？ ChromaticはStorybookをベースとしたUIテストツールです。Storybookのチームによって開発されており、フリーミアム型のサービスです。 簡単なイメージとしては、ローカルにあるStorybookをCDNにデプロイしたもの、みたいな感じです。 https://www.chromatic.com/docs/ より デプロイすることで同じStorybookをチームみ
@axe-core/puppeteer を使用して、テキストファイルで作成した URL リストに対して自動的にアクセシビリティテストを実行し、その結果を HTML ファイルとして保存するスクリプト 「axe-auto-reporter」 を公開しました。 「axe-auto-reporter」 という （名前に全くひねりがない）、@axe-core/puppeteer を使用して、テキストファイルで作成した URL リストに対して自動的にアクセシビリティテストを実行し、その結果を HTML ファイルとして保存するスクリプトを GitHub で公開しました。 所謂、黒い画面 （CLI） で操作しますがテストしたい URL のリストをテキストファイルで作って、あとはコマンド 1つ実行するだけなので、多分ほとんどの人にとって難しくないと思います。 burnworks/axe-auto-repor
今回読んだ本 Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法 発刊されたのが2014年とおよそ10年前の本になりますが、Web制作においてカオスなCSSに陥らないよう、基本的なCSSのルールから主にコンポーネント設計の手法について書かれています。 以前『CSS設計完全ガイド』という、同じくCSS設計の書籍を読んだことがありましたが、こちらの方がより（文章量的に）ライトで、どちらかといえばCSS設計の概念的な部分で参考になる点が多かった印象です。 自分のCSS設計の現状 普段CSS（SCSS）を書くときは、このあたりを気をつけて臨むようにしています。 SCSS＋BEM記法を使用 セレクタにHTMLタグ、idは使用しない 極力HTMLの構造に依存しないスタイルの当てかたをする（つもり） 既に定義されているスタイルの打ち消しは避ける ハイライ
モバイルファースト（スマホンシブ・スマポンシブ）のWEBデザインだけを集めたギャラリーサイトです。
スラムダンク人気で注文殺到の日本酒。危機を救ったのは？ | Forbes JAPAN 公式サイト（フォーブス ジャパン）
「企業がホームページを持っているなんて、当たり前」。大企業、あるいはスタートアップ企業に勤める人たちはそう思っているのではないか。だが、多くの中小企業にとっては、コーポレートサイトやサービスサイトといった自社のホームページを持っていることは、決して“当たり前”のことではない。 そんな現状に、地方から風穴を空ける企業がある。月額定額制のホームページ制作・運営サービス「ばりよか」を運営する福岡のスタートアップ企業、ラシンだ。 ホームページは一般的に、自社のPRや信頼の担保、ブランディングに有効とされ、国内だけでなく海外にまでアプローチできるというメリットがある。ただ、日本の中小企業ではいまだネットに慣れない人材も多く、必要を感じているのにもかかわらずホームページの開設や更新ができていない現状がある。 少し前の調査にはなるが、2012年の『中小企業白書』（中小企業庁）によると、ホームページを開設
タイミーは、「働きたい時間」と「働いて欲しい時間」をマッチングするスキマバイト募集サービスです。 企業は来て欲しい時間や求めるスキルを設定するだけで、条件に合ったワーカーを呼ぶことができます。
We design, build and run collaborative spaces where bio-led science, technology and people can thrive
footerのデザインってどこも似ていて同じだったりしますよね。あまり重要度が高くないためサクッとfooterを作りたい時用にfooterのテンプレートを作ってみました。 Tailwind CSSやBootstrapとかは使わず、そのままのHTML・CSSで作ります。 細かいスタイルの指定はサイトによって異なると思うので、環境に合わせて編集してください。 分かりやすくするために色も指定しているので、不要な場合や変えたい場合は編集してください。 クラスの命名は適当なので、プロジェクトに合わせて変更してください。 レスポンシブなのでディスプレイサイズを広げたり縮めたりしながらご確認ください。 シンプルなフッターテンプレート基本的なシンプルなデザインのフッターです。 文字数やナビの項目数によって少し変わるかも知れませんね。 See the Pen footer2 by JAJAAAN Dev.0
CSS 三角形・矢印 ジェネレーター | Front-end Tools - 高機能で直感的な、HTML/CSSジェネレーター・シミュレーターのサイトです。
サイト制作・Webアプリの制作承っておりますこのサイトのようなWebアプリの制作から、 LP・コーポレートサイト・ワードプレスのようなサイト制作。 Web関連のご依頼を受け付けております。 まずはお気軽にご相談ください。 詳しくはこちら 三角形 ジェネレーターHTMLとCSSのみで三角形（triangle）をつくるためのジェネレーターです。 CSSのborderを利用することにより矢印を自動生成します。上下左右以外にも360度全ての方向が指定可能！ 正三角形を自動計算するための機能を搭載している他、色も自由に変更が可能です。 吹き出しやフローチャートなどでご活用ください。
Webサイトの作り方には主に4つの種類があり、予算やリソースによって自社に合う作り方を選ぶ必要があります。 この記事では、Webサイトの4つの作り方とともに、それぞれのメリット・デメリットをまとめました。制作のポイントや注意点も解説しているので、ぜひ参考にしてください。 目次 Webサイトの4つの作り方 Webサイト制作にかかる費用の目安 Webサイト制作の手順 Webサイト制作時のポイント 成果につながるWebサイトを制作しよう ▼Webサイトを成功させるために必要な７つのポイントはこちら Webサイトの4つの作り方 Webサイトの作り方には以下の4種類があります。 コードを書いて自作する 専門業者に依頼する WordPressを用いて制作する Webサイト作成ツールを用いて制作する それぞれの詳細とともに、メリット・デメリットを見ていきましょう。 コードを書いて自作する Webサイトを
GoogleやYahooから自社サイトへアクセスする人を増やしたいなら「SEO対策」に取り組む必要があります。2024年になった現在もGoogleの評価基準は定期的に変化していくため、最新のSEO対策を行うことが重要です。 この記事では、2024年に取り組むべきSEO対策を10選ご紹介します。最新トレンドを基に徹底解説しますので、SEO流入を増やしたい人は最後までご覧ください。 その1：E-E-A-Tを意識したコンテンツづくり 年々変化するSEOの評価基準ですが、2024年は例年に増して「有益なコンテンツを優遇する」傾向があります。特に、2023年に新しく制定されたE-E-A-Tという評価基準（外部リンク）には、2024年も引き続き対策が必要です。 E-E-A-Tとは、Googleが検索品質評価ガイドラインで定義している、Webサイトの評価基準のことです。これまでは、Expertise（専
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
input要素でEnterキー入力を検出する方法が、いつの間にかアップデートされていた - Qiita
VESA穴を利用してモニター両脇にスピーカーを設置できるスタンドフレームが長尾製作所から
Data Table Design Patterns
【WordPress】新しくウィジェットエリアを追加する方法
Firebase HostingでAstroをSSRモードにして動かす時の設定 | JavaScriptに関するお知らせ
八千代ポートリー | 循環型農業に取り組む食菜卵やたまごの販売会社
ティザーサイトとは？目的や必要な要素｜大阪のホームページ制作会社セブンデザイン
Windows、macOS、LinuxにReactをインストールする方法
アクセシビリティオーバーレイってなんなのか - Qiita
Astro でレスポンシブイメージを実装する | grip on minds
ホームページ制作で申請出来る補助金・助成金をわかりやすく解説【2024】| 株式会社LIG
ALBION｜アルビオンのスキンケアシリーズ［フラルネ］ 特設サイト
サイトマップのlastmodはページの重要な更新に対してだけ利用する
トップページデザイン：5つの基本原則
axe-auto-reporter というアクセシビリティ自動テストのためのスクリプトを公開しました
実務で使うCSS設計を学ぶ『Web制作者のためのCSS設計の教科書』 - Qiita
Mobile-first Design Gallery
【タイミー】スキマバイト募集サービス | 求人掲載はこちら
Making space for transformative innovation.
コピペでOK！HTML・CSSでよくあるfooterテンプレート
【初心者向け】Webサイトの作り方は4種類！手順や制作時のポイント、注意点を解説
【2024年版】絶対に外せないSEO対策10選