[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に代わる、モ... 続きを読む

コンテナのセルフホストランナーの中でコンテナを使えるようにするrunner-container-hooks

2023/06/02 9 users Actions hook コンテナ スクリプト ジョブ

以前にセルフホストランナーの知られざる機能であるジョブの前後に任意のスクリプトを実行できるhookを紹介しました。 今回はセルフホストランナーの知られざる機能の紹介第二弾としてactions/runner-container-hooksを紹介します。 runner-container-hooksは2023年現在では比較的新しい機能で、自分もいつ頃に知ったの... 続きを読む

これでよく分かる！ 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（あなたについての検... 続きを読む

Vercel というプラットフォームを抽象化する Build Output API について

2022/09/19 7 users Vercel ルーティング プラットフォーム レイアウト 構造

はじめに 2022 年 7 月、Vercel は Build Output API という新しい機能をリリースしました[1]。Vercel というと、最近では Layouts RFC が Next.js のルーティング、レイアウト、データ取得の構造を大きく変えるということでもっぱら話題になっているようです。一方、Build Output API はそれほど大きな注目を集めている... 続きを読む

スマホの画面が猫まみれ？　「Android 13」のイースターエッグは“絵文字祭り”だった

2022/08/16 8 users イースターエッグ 猫まみれ ITトリビア 一方 正式リリース

スマホの画面が猫まみれ？　「Android 13」のイースターエッグは“絵文字祭り”だった：明日から使えるITトリビア 米Googleが8月15日（現地時間）に正式リリースした、スマートフォン向け最新OS「Android 13」。さまざまな新しい機能が追加されている一方、「Android バージョン」を示すページにはイースターエッグが仕込... 続きを読む

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

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

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

Cloudflare Workers + Durable Objects でホワイトボードを作ってみた - ジンジャー研究室

2022/03/22 8 users Cloudflare Workers ジンジャー研究室

Cloudflare の比較的新しい機能、 Durable Objects を使ってオンラインホワイトボードを作ってみた。 github.com エレベーターピッチ（テンプレはこちらからお借りしました） - １秒で適当な概念図を描き始めて議論をしたい - ソフトウェア開発者向けの、 - Whiteboard というプロダクトは、 - オンライン共同編集アプリ... 続きを読む

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... 続きを読む