[Next.js] 開発中のページを開発環境でのみ表示し、本番環境のビルドには含めないようにする

2024/03/19 98 users ビルド Next.js Twitter 本番環境 開発環境

はじめに この記事について こんにちは、 @zomysan（Twitter） です。この記事では、Next.js で開発をしているWebアプリケーションのフロントエンドを対象に、開発途中のページをどう扱うかということについて書きます。 新しい機能やリニューアルのための開発を始めてあたらしいページを追加したものの、まだ途中なので... 続きを読む

フルスタック Web フレームワーク HonoX を使ってみる

2024/02/11 91 users フルスタック web クライアントサイド hono vite

フルスタック Web フレームワーク HonoX を使ってみる 2024.02.10 HonoX は Hono と Vite をベースにしたフルスタック Web フレームワークです。Hono が提供するサーバーサイドやクライアントサイドの機能を使いつつ、ファイルベースルーティングや Islands Architecture などの新しい機能を使うことができます。 HonoX ... 続きを読む

アーキテクチャの進化はドメインイベントが起点になる - KAKEHASHI Tech Blog

2023/12/24 164 users アーキテクチャ 起点 adventar.org 洞察 カケハシ

こちらの記事はカケハシ Advent Calendar 2023 Part2の24日目の記事になります。 adventar.org はじめに 反復的な開発は、変更容易性の高いソフトウェアが不可欠です。ソフトウェア開発の経験がある方なら、デリバリ後の洞察や市場環境の変化から、新しい機能の追加やアーキテクチャの進化の必要性に直面したことが一度... 続きを読む

第793回 自作のカーネルモジュールをRustで作る | gihyo.jp

2023/12/20 14 users カーネルモジュール rust Ubuntuカーネル カーネル

第791回では基本的なカーネルモジュールの作り方とそれをDKMSに対応させる方法を紹介しました。今回はカーネルの新しい機能のひとつである「Rustでカーネルモジュールを作る方法」を紹介しましょう。 UbuntuカーネルにおけるRustの対応 Linuxカーネルでは、Kernel 6.1からプログラミング言語である「Rust」の機能が取り... 続きを読む

関心の非対称性について - Magnolia Tech

2023/11/23 10 users Magnolia Tech 関心 非対称性 プログラミング

プログラミングにおいてちゃんと設計しないといけないのは、側機能追加に於いて要求を出す側の関心の中心が新しい機能に有るのに対して実装する側は、それと同じくらい既存の機能との整合性を取ることに置かれるという、その非対称があるからなのですよ— magnoliak🍧 (@magnolia_k_) November 22, 2023 いろいろな設計方... 続きを読む

GPTsでNotion APIを叩くようにしてみたらやばかった

2023/11/14 232 users GPTs Actions カスタムモデル OpenAI タスク

ただapi.notion.comにアクセスされたときだけヘッダーを追加するだけのプロキシですが、不安であればリポジトリにコードがあるので自分でホストするのがいいと思います。 3. GPTs の設定 GPTs の設定画面の Configure から、下から二番目の Actions を選択します。 OpenAPI のスキーマとして、例として今回は以下のよう... 続きを読む

CSSのsubgridがすべてのブラウザにサポートされたので、カード内の見出しやテキストを簡単に揃えることができます

2023/10/04 19 users subgrid CSS 見出し テキスト ブラウザ

先日の記事（Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ）で触れましたがCCSS Gridのsubgrid値が、grid-template-columnsとgrid-template-rowsの2つで設定できるようになりました。Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できます。 CSSのサブグリッド（... 続きを読む

CSSアニメーションの実装がこれで簡単に！ Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ

2023/09/21 21 users プロパティ CSS CSSアニメーション アニメーション 実装

先週リリースされたChrome 117でサポートされた、CSSの6つの新しい機能とプロパティを紹介します。 今までのCSSでは不可能だったことやJavaScriptを使用しないとできなかったことが、数行のCSSで実装できるようになります。たとえば、アニメーションで変化する前のスタイルを設定したり、最上位レイヤーとの間で要素をア... 続きを読む

CSSでスムーズなアニメーションを実現する4つの新しい機能

2023/08/31 74 users CSS アニメーション displayプロパティ トリガー

今年もCSSの進化が止まりません！ 先日紹介した表示・非表示をdisplayプロパティでアニメーションできるようになったり、スクロールをトリガーにしたアニメーションなど、新機能が登場しました。 今まではJavaScriptや複雑なCSSを使用しないと実装できなかった、スムーズなアニメーションを実現するCSSの4つの新しい機能... 続きを読む

モダンCSSの新機能のブラウザ対応がこれで簡単になる！ Modernizrに代わる新しいスクリプト -SupportsCSS

2023/07/25 26 users Modernizr CSS モダンCSS 進化 ブラウザ

2023年もCSSの新しい機能が続々とリリースされ、進化が早いですね。魅力的な新機能を使用するときに気になるのが、ブラウザのサポートです。 ブラウザがその機能をサポートしているかチェックし、判別するクラスを付与してくれるといえば、Modernizrですが、その更新はストップしています。 そんなModernizrに代わる、モ... 続きを読む

これでよく分かる！ 2023年、CSSとUIの新しい機能のまとめ

2023/05/25 181 users CSS カスケードレイヤー ネスト コンテナクエリ 三角関数

2023年もCSSとUIの進化がすごいです！ 先日開催されたGoogle I/O 2023から、各ブラウザにサポートされたCSSの新機能をはじめ、まもなくサポートされる機能まで、CSSの新しい機能を紹介します。 コンテナクエリ、スタイルクエリ、ダイナミックビューポート単位、カスケードレイヤー、ネスト、三角関数、広色域のカラース... 続きを読む

寿命タイマーと考えられていた「テロメア」にまったく新しい機能が見つかる！ - ナゾロジー

2023/03/02 279 users テロメア UNC タンパ ナゾロジー 末端

DNAの末端にあるテロメアは細胞分裂のたびに短くなる特性から、ある種の寿命タイマーであると考えられていました。 しかし米国のノースカロライナ大学（UNC）で行われた研究により、染色体の先端にあるテロメアには、強力な活性を持つ2つの小さなタンパク質を生成可能であることが示されました。 この2つの小さなタンパ... 続きを読む

Chrome 108にはCSSの新しい機能がたくさん含まれている、新機能と変更・削除された機能のまとめ

2022/12/01 15 users CSS fixed たくさん position 機能

11/30（日本時間）にリリースされたChrome 108では、CSSの新しい機能がたくさん含まれています。また、変更・削除された機能もあります。特に、Android版のChromeでposition: fixed;を使用している要素の配置が期待通りにならない可能性があります。 Chrome 108の新機能、変更・削除された機能を紹介します。 chrome-108... 続きを読む

Googleで自分の個人情報が検索結果に出たら通知が来るように

2022/09/29 166 users Google 通知 検索結果 自分 個人情報

Googleで自分の個人情報が検索結果に出たら通知が来るように2022.09.29 20:00 Jody Serrano - Gizmodo US ［原文］ （ 岩田リョウコ ） Tags : テクノロジーWebニュース犯罪ハッキング企業グーグル 今日から開始。でも、今のところアメリカのみ。 Google（グーグル）の新しい機能｢Results About You（あなたについての検... 続きを読む

Notion API を使った機能開発 〜最小の実装で作る要望回収システム〜 - Timee Product Team Blog

2022/04/19 21 users Notion API 実装 最小 機能開発 タイミー

はじめに こんにちは、フロントエンドエンジニアの樫福 @cashfooooou です。 タイミーでは toB 向け管理画面を作成しています。 半年ほど前、タイミーでは顧客からのサービスへの要望を集め、管理するシステム（以下、要望回収システム）を作りました。 顧客の課題から新しい機能について考え、顧客により価値のあるもの... 続きを読む

WordPressのバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG

2022/01/13 13 users 株式会社LIG WordPress 紹介 標準 最新バージョン

WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する？ しない？ これまでWordPressではXM... 続きを読む

インクリメンタルに新しい技術を取り入れる方法。TypeScriptへの移行を例にしたプロセス

2021/11/09 22 users インクリメンタル TypeScript ボトルネック 負債

こんにちはKARTE Blocksチームです。 日々プロダクトを開発していると新しい機能が増えます。 一方で古くなる機能も増えるため、負債となった部分がボトルネックとなり、新規開発へも影響してきます。 そのため、古くなった部分を解消しながら、新しい技術をインクリメンタルに取り込んでいく必要があります。 この記事... 続きを読む

iPadOS 15の便利すぎる｢キーボードショートカット｣リスト

2021/10/08 12 users キーボードショートカット iPadOS 15 リスト アプリ

iPadOS 15に新しい機能が登場しました。それが、地球儀キー（Globe Key/グローブキー）に関するものです。 Appleは、iPadOS 15の新しいアップデートによって外部キーボードと接続しているiPadの使用体験をついに改善しました。 iPadでは、Split View、Slide Over、シェルフなどの機能やアプリを操作できるグローバルキー... 続きを読む

【レビュー】アップルのiOS 15は欠けていた小さな機能をすべて採用、アップデートは任意だが個人的にはオススメ | TechCrunch Japan

2021/09/22 16 users アップル 論争 TechCrunch JAPAN 細部 改良

iOS 15のリリースは、確かにモバイルOSにおけるビッグイベントだ。しかし2021年は、目立って重要なテーマや画期的な機能はない。今回、Apple（アップル）は、自社アプリの新しい機能に加えて、日常生活的な細部の改良に力を入れている。 その結果、アップデートはとても堅実なものとなり、論争を起こすことはなさそうだ... 続きを読む

「IDOLY PRIDE」における描画最適化術 | QualiArtsエンジニアブログ

2021/07/28 11 users IDOLY PRIDE Vulkan Unityエンジニア

UnityIDOLY PRIDE はじめに 株式会社QualiArtsのTA室でUnityエンジニアをしています、渡邉です。 2021年6月リリースの「IDOLY PRIDE」（以降、アイプラ）は次世代のグラフィックを目指しMetal, Vulkanを前提とした最適化を行っています。 本記事では、その際に使用した新しい機能についての一部を紹介します。 参考用の... 続きを読む

新しいCSSリセットはシンプルで軽量！CSSの新しい機能を使用したCSSリセット -The New CSS Reset | コリス

2021/07/19 28 users コリス CSS unset CSSリセット セレクタ

CSSの新しい機能は主要ブラウザでのサポートが進んでいます。例えば、1年くらい前にサポートされはじめたセレクタの詳細度を0にする:where()も、現在では主要ブラウザのすべてでサポートされています。 CSSの新しい機能を使用した、シンプルで軽量なCSSのリセットを紹介します。 :where()や:not()、allプロパティやunset... 続きを読む

HTML tableの実装がこれまでと変わる！Googleデベロッパーによる変更点の解説 -TablesNG | コリス

2021/07/08 372 users コリス table CSS Googleデベロッパー 実装

GoogleではCSSの新機能を導入するだけでなく、既存の機能を向上することにも取り組んでいます。その中の一つ「TablesNG」で、HTMLのtableの実装がこれまでと変わるのでその変更点を紹介します。 tableは古くからあり、その後さまざまなCSSの機能がブラウザに実装されました。当然、それらの新しい機能にtableは対応して... 続きを読む

Windows 10はバージョンアップを重ねるたびに本当に遅くなっているのか？検証結果はこんな感じ - GIGAZINE

2021/06/22 14 users 感想 バージョン アップデート 仕様変更 パフォーマンス

by okubax Windows 10は年におよそ2回、大きなバージョンアップデートがリリースされます。バージョンアップデートの度に新しい機能や仕様変更が行われ、「前のバージョンよりも遅くなった」「アップデートでパフォーマンスが低下した」という感想がささやかれることもしばしば。そこで、「Windows 10はバージョンアップ... 続きを読む

Firebaseの新機能 App Checkがよさそう！

2021/05/19 11 users Firebase ドキュメント 執筆時 Google I 動画

日本時間の2021/05/19からGoogle I/Oが開催されていますが、それに伴ってFirebaseにも新しい機能が追加されています。その中の App Check という新機能がよさそうだったのでドキュメントを読んでまとめてみました。 ドキュメントは? App Checkについての動画は2021/05/20の5:00に公開予定で執筆時にはまだ公開されてい... 続きを読む

最近使いたいCSSの新しいプロパティが増えてきた！サポートしていないブラウザへの対応方法を解説 | コリス

2021/03/11 33 users ネック いわゆ コリス CSS 新しいプロパティ

CSSの新しいプロパティがブラウザでサポートされると、使いたくなりますが、その時ネックになるのがサポートしていないブラウザへの対応方法です。 サポートしているブラウザにはその新しい機能を、サポートしていないブラウザには理想的ではないけれど情報をしっかり提供できるように実装する方法を紹介します。 いわゆ... 続きを読む