It’s that time again, friends — we’re back with a new release and we can’t wait to share all the great updates and features waiting for you in Angular v12. Before we dive into those updates, let’s check in on the Angular journey. A vital key to Angular’s future is Ivy and what it unlocks for the platform. We have been working over recent releases towards the goal of converging the Angular ecosyste
WordPress 6.3 を チェックしています
WordPress6.3 RC1 が 公開されました。 WordPress6.3 は 2023年08月08日に リリースされる予定なので いろいろチェックをしています。 その中の WordPress6.3 で気がついたところを取り上げていきます。 これから追加・変更があるかもですので、説明や画像等がリリース時と違う場合もありますが随時チェックしていく予定です。 ※この記事はブロックテーマ「Twenty Twenty-Three」でテストしています。クラシックテーマでは使えない機能もありますのでご了承ください。 リリースまでのスケジュールは WordPress 6.3 Development Cycle に載っています。 WordPress6.3 RC1 https://wordpress.org/news/2023/07/wordpress-6-3-release-candidate-1/
最近ははじめから世界で勝負しようと頑張っているアプリも増えてきています。その場合に、障壁のひとつとなるが多言語対応（国際化・i18n）の方法だと思います。今回はこの i18n について素振りしてみました。 まえがき完成品実装したリポジトリはこちらです； https://github.com/suzukalight/study-react-i18next 動作環境MacNode.js v10.16.0 / npm v6.9.0 / yarn v1.16.0create-react-app (react-script v3.1.1)TypeScript v3.5.3react-i18next v10.12.2i18next v17.0.13多言語対応ライブラリ比較多言語対応のために利用可能なライブラリとして、下記のものがあります； react-intlreact-i18nextpolyglot
Leaving behind the Rails asset pipeline I've been getting this question lately in some form or another: Is webpack and Webpacker worth the hassle? It's a good question, but my short answer is yes. Given the sharp rise of mindshare in the JavaScript community in recent years, there has been a great deal of innovation in tooling, development experience, and optimization for frontend development. Ra
GitHub - M2Team/NanaZip: The 7-Zip derivative intended for the modern Windows experience
NanaZip is an open source file archiver intended for the modern Windows experience, forked from the source code of well-known open source file archiver 7-Zip. All kinds of contributions will be appreciated. All suggestions, pull requests, and issues are welcome. If you want to sponsor the development of NanaZip, please read the document of NanaZip Sponsor Edition. It's free for all NanaZip source
Safieのサービスを国際化対応した話（モバイルアプリ編） - Safie Engineers' Blog!
この記事は Safie Advent Calendar 15日目の記事です。 はじめに こんにちは。開発本部モバイルグループの池田です。 私は普段、モバイルグループのマネジメントおよび Safie Viewer for Mobile の PdM としてお仕事をしていますが、今年はそれに加えて国際化対応の開発PMとしても活動してきました。 今年の初めに海外展開のための組織が立ち上がり、そこの社内募集に手を上げて、兼務でお手伝いすることとなったためです。セーフィーではこのように、社内でも新しい試みにチャレンジしやすい制度が整っています。 実は、2023年中にセーフィーはグローバル進出のためのビジネス立ち上げ準備と開発を進めており、Safie Viewer モバイルアプリは英語・ベトナム語・タイ語への対応をリリースしています。また時差対応もほぼ完了し、以前はいくつか問題のあった日本以外のタイムゾ
Rails アプリで [docker-compose build] を実行したらエラーになった時の対処法をメモる - ものづくりのブログ
原因 解決策 Rails アプリで開発中に "docker-compose build" を実行したら以下のエラーが出てきました。 $ docker-compose build db uses an image, skipping jenkins uses an image, skipping Building web Step 1/9 : FROM ruby:2.5.3 ---> 72aaaee1eea4 Step 2/9 : RUN curl -sL https://deb.nodesource.com/setup_10.x | bash - && apt-get update && apt-get install -y nodejs --no-install-recommends && rm -rf /var/lib/apt/lists/* ---> Using cache --->
![Rails アプリで [docker-compose build] を実行したらエラーになった時の対処法をメモる - ものづくりのブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9d9ab053244b20be886ab302985201e086c4733f/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff96ff6f2ad9d4807a9ebf765dd18d7ea2b900ded%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fa%252Fa1026302%252F20210202%252F20210202121436.png)
Rails: PORO の attribute に対して ActiveRecord::Enum 風の実装をする｜TechRacho by BPS株式会社
2024.12.24 Rails: PORO の attribute に対して ActiveRecord::Enum 風の実装をする 先日業務中に遭遇したちょっとした疑問から ActiveRecord::Enum っぽい実装を POROで再現するアレコレを試してみたくなったのでこの記事を書き起こしてみました。 enum についてはそもそも ActiveRecord::Enum の宣言の仕方からして色々なパターンがあったり、PostgreSQL での enum 型の存在もあったりで Enum 全般での解説、深掘り記事もいつか書いてみたい気持ちもあるのですが、今回は思い立ったが吉日と言うことで、あえて何故かいきなり王道の話題から外れたところに話を絞っていきたいと思います。 （ところで校正してる時に気付きましたが ActiveModel::Enum を導入してみようとする試みとそれを拒否した議論
Microsoftが、外字の利用を止めることを推奨するブログ記事を公開している（窓の杜）。 Microsoftが収集したWindows診断データによると、日本では突出して外字の使用頻度が高いという。この背景には、Windowsにおいては長らく日本語の文字コードとしてShift-JISが使われており、Shift-JISで表現できない文字を外字として登録して使っている、ということがあるようだ。一方で現在のWindowsはUnicodeをサポートしており、Unicodeを利用することで「外字でなければ表示できない文字」はほぼなくなるという。 ただ、たとえばVisual Basic 6で開発されたアプリケーションなど、現在でもUnicodeに対応していない古いアプリケーションが稼働している場合もある。そのためMicrosoftはこうしたシステムを段階的に移行していくことを推奨している。
I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" 次のセクションに移動
Spinach Forest
2024-03-01 妻氏、学校の送迎はしないがピアノのクラスは行くのかい。体調大丈夫なのかね。回復を最優先して drop all the balls してほしいんだけど、なんか drop しない性格なのだよな。まあ personality なのでとやかくいうこともなし。 ACM の renewal. O’Reilly は別料金 ($80/y) になっていた。それでも本家よりは格安。格安すぎて ACM 自体の料金を入れてもまだ安い。公式メンバーシップは本以外もあるので一概に比較はできないが、でもねえ。 ふと調べる: Mountain View の minimum wage $18.75/h vs 東京の最低賃金 1113JPY/h. $1=140JPY で算すると 2.3 倍か. 外食の価格比体感 (3x)よりは幅が小さかった… 今日も自炊してくぞ！ ふと調べる part 2: UC の学
【WordPress】自作のカスタムブロックをブロックエディタに追加する方法（サンプル配布）｜takeo / グラフィックデザイナー
2018年12月にリリースされたWordpress 5.0から、ブロックエディタ（Gutenberg）での記事編集がデフォルトとなりました。 直感的で使いやすく、最近はアップデートで種類も増えてきましたが、用意されているブロックだけでは物足りない…と感じる方は多いはず。 デフォルトの「カスタムHTML」ブロックや、「クラシック」ブロックなど方法はありますが、毎回それを書くのは手間ですし、一括でテンプレートをカスタマイズ・更新できないので不便ですよね。 一括で自由にカスタマイズできるブロックを使えるようにしたい…という方のために、自作したブロックをGutenbergエディタで呼び出せるようにする方法を解説します。 細かい部分まで説明すると長くなってしまうので、初回は簡単なブロックを1つ追加するまで解説します。 この記事で解説したサンプルを一式ダウンロードできるので、「読んでもよくわからない！
「USB」をわかりやすく簡単に言えば、ほとんどの場合、キーボード、マウス、音声、動画、ストレージデバイスがすぐに思い浮かぶでしょう。その通りですが、他の種類のユニバーサルシリアルバ (USB) デバイスもあります。 これらの標準化されていないUSBデバイスでは、ユーザー (開発者) がそれらを利用できるようにするには、ハードウェアベンダーがプラットフォーム固有のドライバーとSDKを作成する必要があります。残念ながら、このプラットフォーム固有のコードは、歴史的にこれらのデバイスがWebで使用されるのを妨げてきました。そして、それがWebUSB APIが作成された理由の1つです。このAPIは、USBデバイスサービスをWebに公開する方法を提供するためです。このAPIを使用すると、ハードウェアメーカーは、デバイス用のクロスプラットフォームJavaScriptSDKを構築できます。しかし、最も重要
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事はN予備校講師陣および関係者 Advent Calendar 2020 14日目の記事です。 ryo-aです。株式会社ドワンゴの教育事業本部でアルバイトとしてプログラミング教材の編集に携わっています（追記：執筆当時）。 以前は「N予備校のプログラミング教材編集に約3年携わって得られた知見」といったプログラミング教育らしい記事を書きましたが、今回は折原先生から「何書いても大丈夫だよー」と聞いたので完全に趣味の内容です。 最近は古代エジプト語の翻訳ツールをGoogleが開発するなど、ヒエログリフに対する注目が高まっています。 今後、
Build a Twitter Clone Using TypeScript, Prisma and Next.js — SitePoint
The best way to learn a tool like React is to build something with it. Next.js is a powerful framework that helps you build for production. In this tutorial, we’ll learn how to build a clone of Twitter using Next.js and Prisma. Our app will have the following features: authentication using NextAuth and Twitter OAuth an option to add a new tweet an option to view a list of tweets an option to view
Webサービスを多言語対応するに当たっては、翻訳者の方とのコミュニケーションがとても大切になります。特に日本語から他の言語に訳す場合、日本語は言葉が短い言語なので多言語化したときにUIが崩れやすいです。 そのため、翻訳者の方にもUIを確認して頂きながら、UIのコンテキストに沿った形でなるべく短い文章に訳してもらう必要があります。 今回、Storybook と Locize というサービスを使って多言語開発の仕組みを整え、その結果とてもスムーズに タイ語版、スペイン語版 をリリースすることができたので、やったことをブログにまとめました。 何も仕組みがない場合 多言語の辞書を開発者が git 管理している場合の、開発フローの一例は以下のようになると思います（日本語 → タイ語に翻訳する場合を想定しています）。 開発者: スプレッドシートで翻訳者に辞書のキーと日本語の文言の一覧を共有 翻訳者:
Nuxt.jsはVue.jsアプリケーションを構築するためのフレームワークで、シングルページアプリケーションとして構築するか、サーバサイドレンダリングを利用するか、静的サイトとしてファイルを生成するかを設定することができます。静的ファイルを生成する場合、ページごとにvueファイルを用意し、ビルドしてHTMLファイルを生成するのが基本ですが、ルーティング機能をうまく使うことで1つのvueファイルから複数のHTMLを作成することもできます。 Vue I18nはVue.js用に最適化されて作られた国際化対応用のライブラリです。今回はこの2つのライブラリを使い、多言語サイトの静的サイトジェネレータとしてNuxt.jsの開発環境を整えてみます。 前提 今回作成するサイトは下記のようにホスティングすることを想定して作ります。 https://example.co.jp/ja/（日本語） https:/
2024年12月7日紙版発売 山田祥寛 著 B5変形判／584ページ 定価3,960円（本体3,600円＋税10%） ISBN 978-4-297-14598-9 Gihyo Direct Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Amazon Kindle この本の概要 本書は，MVCモデルに則った定番Webアプリケーションフレームワーク「Ruby on Rails」の解説書です。Scaffolding機能から，ビュー／モデル／コントローラー開発，ルーティング，テスト，クライアントサイド開発まで，Railsの主要機能を徹底解説しています。Rails 5までの必須機能はもちろん，それ以降に追加された各種コマンド／API／コンポーネントも詳細に解説しているため，Rails 7以降の最新技術を取り入れたWebアプリ開発にも柔軟に対応できます。 こんな方におすすめ
UiPathでカレンダー入力 – Epic Life
カレンダー入力を行うHTMLを作成してみる 開発ですが、 HTML と Javascript の知識が必要となります。 加え「かっこいいフォームを作りたい」となれば CSS の知識も必要となります。 とりあえず、作成してみたので下記コード記載します。 HTML5のインプットタイプ（date）を利用してもできるのですが、IEがHTML5に対応していないケースを考慮し Jquery のDatePicker を利用し開発しました。 <!DOCTYPE html> <!-- saved from url=(0014)about:internet --> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- jQuery --> <scri
v3 is out!
🎉 After many months of development, v3 is out! For most developers, upgrading won’t require any changes. For some, it will be pretty trivial. However, the release brings tons of good stuff, so for the starter, here’s a quick overview of the most notable changes: The library is now 100% TypeScript with brand-new handcrafted types. Removed arguments checking and conversion code from all functions,
こんにちは。初Zennです。 個人開発してきたアプリが完成したので、宣伝ついでに記事を書きます！ 🌏つくったアプリ Pair Matcher | ペア分けできるアプリ テニスのようなスポーツで、ペアの組み合わせを作成することができるアプリです。 TWA化したのでAndroidアプリとしても公開しています。 これを作るにあたって、考えたことなどを書きます。 🔥アプリを作ったモチベーション おもに以下になります。 無職で暇だったから 自分がほしいアプリだったから 人に使われるアプリを作ってみたかったから あわよくば日銭を稼ぎたかったから ⚙技術スタック 各技術について考えたことについて書きます。 Next.js Next.jsを使って何か作りたかったので、Next.jsにしました。 今話題のApp Routerを使いたかったのですが、以下の理由からPage Routerにしました👇 この
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? これです。 i18n.page - ウェブサイト翻訳ツール https://i18n.page 宣伝も兼ねて、と言いたいところですが、実現するまでいろいろ面倒だったので、その辺りの苦労をシェアした方が良いかと思い、記事にしてみました。 まず、どのようなツール（サービス）か？ 翻訳したいウェブサイト、または HTML ファイルを読み込んで、翻訳できそうな箇所を自動抽出、それを手動、または Google 翻訳にかけて対訳データを作ります。 そしてそれらを JSON データに変換し、お手製の JavaScript ツール１つに含めてパッケージ
GitHub - taishi-i/awesome-ChatGPT-repositories: A curated list of resources dedicated to open source GitHub repositories related to ChatGPT
Prompts prompt-layer-library - 🍰 PromptLayer - Maintain a log of your prompts and OpenAI API requests. Track, debug, and replay old completions. langwatch - The ultimate LLM Ops platform - Monitoring, Analytics, Evaluations, Datasets and Prompt Optimization ✨ Chatbots Hexabot - Hexabot is an open-source AI chatbot / agent builder. It allows you to create and manage multi-channel and multilingual
週刊Railsウォッチ: 7.1でバリデーションメッセージのアポストロフィ->カーリー置き換えが取り消しほか（20230928後編）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。つっつきで一同がこのコードにどよめきました。 FizzBuzz 実装はいろいろあるけど、 kazuho さんによる実装は奇妙さと美しさが同居していて今でも強く印象に残っているhttps://t.co/f208DBeRUI pic.twitter.com/G3QoReGdyw — Takuto Wada (@t_wada) September 21, 2023 週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事
Etsy Engineering | The journey to fast production asset builds with Webpack
Etsy has switched from using a RequireJS-based JavaScript build system to using Webpack. This has been a crucial cornerstone in the process of modernizing Etsy’s JavaScript ecosystem. We’ve learned a lot from addressing our multiple use-cases during the migration, and this post is the first of two parts documenting our learnings. Here, we specifically cover the production use-case -- how we set up
Happy fall! 🍁 We’re excited to announce that our color picker components are now generally available! This includes ColorPicker, ColorArea, ColorField, ColorSlider, ColorSwatch, ColorSwatchPicker, and ColorWheel. These enable you to build fully customizable color pickers, including accessible color descriptions for screen reader support. In addition, we’ve introduced a new pending state for butto
Raspberry Pi 3 Model BのWi-Fiを使ったことなかったので、Raspberry Piを無線LANルータとして使えるようにしてみた。 無線LANルータのOSとして有名なOpenWrtから派生したLEDEのRaspberry Pi版があるんだけど、2018年にOpenWrtがLEDEベースになって統合されていた。 インストール OpenWrt公式サイト（日本語）からダウンロード→安定リリース ビルド→18.06.2（現時点の最新版）→targets→brcm2708（Raspberry Piを含むカテゴリ）→bcm2710（Raspberry Pi 3）→rpi-3-ext4-factory.img.gzの順に選択してダウンロードしたものをbalenaEtcher等でmicroSDカードに書き込む。 初回設定 初期状態ではWi-Fiが無効で、LAN端子はDHCPサーバが動
Artwork by Jenna FucciFlutter and React Native are natural competitors as two of the most used multi-platform mobile app frameworks. Debates swirl…developers argue…and, in the end, apps are shipped, using one or the other. So which is better? The smart answer, the one that senior engineers will say with a cheeky grin, is: “It depends. Both have pros and cons, and in the end it’s a decision about t
GitHub - dream-num/univer: Univer is an isomorphic full-stack framework for creating and editing spreadsheets, docs, and slides across client and server.
📈 Univer is designed to support spreadsheets, documents and presentation. 🧙♀️ Univer is isomorphic. It can run both on browsers and Node.js (in the future, mobile devices as well), with the same API. ⚙️ Univer is easily embeddable, allowing seamless integration into your applications. 🎇 Univer is powerful, offering a wide range of features including formulas, conditional formatting, data valid
How to track the device's locale (the user's preferred language).How to enable locale-specific Material or Cupertino widgets.How to manage locale-specific app values.How to define the locales an app supports. If your app might be deployed to users who speak another language then you'll need to internationalize it. That means you need to write the app in a way that makes it possible to localize val
クローラーを判定する機能を@nuxtjs/deviceに追加しようと思い諸々調査していたところ、crawler-user-agentsというクローラーのユーザーエージェントにマッチする正規表現を集めてくれている素晴らしいリポジトリを発見しました。 こちらのStackOverflowのAnswerにあるような小さな正規表現でも十分なこともありそうですが、crawler-user-agentsを使えばあまりメンテナンスコストを払わずにより精度の高い判定を実現できそうです。 これを使ってクローラーを判定する処理を@nuxtjs/deviceに実装したので、下記に関連コードを紹介します。 実装 crawler-user-agentsが提供するデータに基づいて正規表現を作成する。 const fetch = require('node-fetch') const agentsJsonUrl = 'h
週刊Railsウォッチ: insert_allやupsert_allのタイムスタンプ自動更新、app/contextsにロジックを置くほか（20211025前編）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。供給そんなにヤバいのかしら。 多方面から『お前が言うとネタかマジかわからんw』と突っ込まれ...勿論サイカノのコピペで8割ネタです。が、半導体に限らず部品全般が買えないのはまじです。納期50週とかザラ。結果偽物も結構出回ってて、身近な所での被害も発生。アニメのように世界は終わりませんが、来年もこの状態は続くでしょう — 和蓮和尚 (@warenosyo) October 18, 2021 つっつきボイス:「電子部品の他に鉄も値上がりしてると聞いてますね」「あ〜」「給湯器の値上がりが著しいとか」「新型MacBook、部品のあるうちに買っとくのがいいのかな...」「Appleはそれなりに部品の流通を確保していると思いますけど、どれかが滞ったら詰まったりして」「欲しいときに買うのが一番」 週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いて
Redux Toolkit をさわってみる のつづき。createAsyncThunk とは Redux Toolkit の機能の 1 つで、Redux Toolkit v1.3.0 から使える 非同期処理に対応した ActionCreator を生成する関数 createAsyncThunk を使用しない場合との違い createAsyncThunk を使用しない こちらでサンプルを紹介 createAsyncThunk を使用しない場合は、非同期処理が完了した後にdispatch(sliceに定義されたaction)のようにしてdispatch()する構成になるため、storeに依存した実装となる export const loadTasks = (): AppThunk => { return async (dispatch, getState): Promise<void> =>
02 Nov 2022 Why Did the OpenSSL Punycode Vulnerability Happen Some room-temperature takes on yesterday's not-quite-RCE vulnerabilities in OpenSSL 3.0, and on what there is to learn about safe cryptography engineering. A recap Yesterday OpenSSL published version 3.0.7, which was pre-announced to contain a fix for a CRITICAL vulnerability, the first one since 2016 and since Heartbleed before that. T
[FastAPI] ニッチなところを突く！Pydantic-i18nでPydanticのバリデーションメッセージを英語から日本語へ変換！！ - Qiita
この記事を読んでできること Pydanticのバリデーションメッセージを英語から日本語に変換して返すことができる 概要 i18nとは Pydantic-i18nとは 実装 記述しないこと FastAPIについて Pydanticとは Pydanticの実装 使用技術 fastapi==0.78.0 pydantic==1.9.1 pydantic-i18n==0.2.3 i18nとは i18n（Internationalization（国際化対応）の略称）とは、文化や地域、言語によって異なるターゲットオーディエンスに合わせて容易にローカライズできる製品、アプリケーション、または文書内容の設計と開発のこと 今回の実装ではPydanticのデフォルト設定の言語が英語であるため、それを日本語に変換するという国際化対応を行う Pydantic-i18nとは Pydantic-i18nとはPydan
![[FastAPI] ニッチなところを突く！Pydantic-i18nでPydanticのバリデーションメッセージを英語から日本語へ変換！！ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e3bacdfe7df514ec2ef01a712df6385853636d5a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjUxNTAwMiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTY3ODU0NzgyMj9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz1hMGQ3MzE4MzU0ZTRlMDg3YmRkNWMxYzZhYzk4OWQ4MA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D4b2e9fefa6d4ab83b4d63956e66b3111%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCRmFzdEFQSSU1RCUyMCVFMyU4MyU4QiVFMyU4MyU4MyVFMyU4MyU4MSVFMyU4MSVBQSVFMyU4MSVBOCVFMyU4MSU5MyVFMyU4MiU4RCVFMyU4MiU5MiVFNyVBQSU4MSVFMyU4MSU4RiVFRiVCQyU4MVB5ZGFudGljLWkxOG4lRTMlODElQTdQeWRhbnRpYyVFMyU4MSVBRSVFMyU4MyU5MCVFMyU4MyVBQSVFMyU4MyU4NyVFMyU4MyVCQyVFMyU4MiVCNyVFMyU4MyVBNyVFMyU4MyVCMyVFMyU4MyVBMSVFMyU4MyU4MyVFMyU4MiVCQiVFMyU4MyVCQyVFMyU4MiVCOCVFMyU4MiU5MiVFOCU4QiVCMSVFOCVBQSU5RSVFMyU4MSU4QiVFMyU4MiU4OSVFNiU5NyVBNSVFNiU5QyVBQyVFMiU4MCVBNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWU1YTE5OTE1ZTM4MWExZmYwNDcxMzU4Y2I5ZmUxZWVj%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzb3RhaGVhdnltZXRhbDIxJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ODRhNGEzNzZlZDA2ZDMyODE2Y2YyM2I4Yzg2NzM0NzE%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D9fa8a2d6d4decc8f3d253b4c7f4ff3c6)
Natural, Vegan, and Cruelty-Free 植物由来成分のみオールナチュラルな原材料 I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動す
Next.js 14 PPR の紹介など : Cybozu Frontend Weekly (2023-11-14号)
こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。 はじめに サイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2023 年 11 月 14 日 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Building towards a new default rendering model for web applications 先日の Next.conf でも発表された、Next.js 14 で Experimental 機能として利用可能な PPR (Partial Prerendering) に関する Vercel による解説記事です。 <Suspence> を境界に静的シェルのプリレンダリン
社内共通のReactコンポーネントライブラリをLernaでパッケージ分割して使いやすくする | Wantedly Engineer Blog
Wantedly の Engagement Squad で エンジニアをしている小林です。Wantedly では、社内共通のReactコンポーネントライブラリによって複数のリポジトリ間にまたがるUIの共通化を行っているのですが、この記事では、そのライブラリの基盤改善の取り組みについて紹介します。 Wantedly共通のReactコンポーネントライブラリなぜ必要なのか？Wantedly のフロントエンドはReactで書かれており、そして、フロントエンドコードは複数のリポジトリに分かれて存在しています。元々は一つのモノリシックなリポジトリでフロントエンドも管理していたのですが、最近リニューアルした企業側管理画面などの一部のページは、新しいフロントエンドのリポジトリで書かれています。そして、この新しいフロントエンドのリポジトリも、企業側管理画面、ユーザー側画面など複数存在しています。 React
JSer.info #613 - Rollup 3.0.0がリリースされました。 Release v3.0.0 · rollup/rollup rollup.js#migration 破壊的な変更として、プラグインのAPIの変更、オプションの変更が行われています。 また、デフォルトでimport()を維持するように変更、chunkのアルゴリズムの変更なども含まれています。 そのほかには、デフォルトでNode.jsのESMサポートとの相互運用性を改善するためにoutput.interop/output.exports/output.esModuleオプションのデフォルト値が変更されています。 基本的には__esModuleというNode.jsが考慮しない(ESMとCJSの総合運用性のために使われていた)プロパティを減らす方向になっています。詳しい変更内容は次のPRを参照すると良さそうです。
西田@CX事業本部です 今回は、Next.js の Image Component についてよく使われる機能を中心にまとめてみました。なおこの記事は、執筆時点の最新バージョン (13.4.9) の内容に基づいて書かれています Image Component とは？ Next.js が提供してるコンポーネントです。HTML の <img> 要素に現代のWEBのニーズに合わせて機能を拡張し、最適な形で画像を配信させることができるコンポーネントです 主に以下の機能を備えています デバイスに合わせて、画像のサイズやフォーマット(avif, webp…)を最適化し、画像のファイルサイズを削減し、画像のロード時間を短くします 画像の表示領域を画像がダウンロードされる前から確保し Cumulative Layout Shift (CLS) を防止します 画像のサイズ 画像の読み込み時に発生してしまう C
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular v12 is now available
react-i18nextで多言語対応（国際化・i18n）を素振り | suzukalight.com
25 reasons to switch to Webpack(er)
Microsoft、Shift_JISや外字からUnicodeへの移行を呼びかけ | スラド
MYZOO | キャットステップ･猫用ベッド通販
Web上のUSBデバイスにアクセスする
コンピュータにおける古代エジプト語ヒエログリフの実装 - Qiita
リアルタイムにUIデザインを確認しながら翻訳できる仕組みを作った話
Nuxt.jsとVue I18nで多言語サイトをつくろう | フロントエンドBlog | ミツエーリンクス
Ruby on Rails アプリケーションプログラミング
Next.js＋TWAで多言語に対応した個人開発アプリをつくった！
簡便なウェブサイト翻訳ツール（サービス）をつくってみた - Qiita
September 30, 2024 Release
Raspberry Pi 3をOpenWrtで無線LANルータ化した - にゃののん日記
Flutter is better than React Native*
Internationalizing Flutter apps
crawler-user-agentsでそこそこ正確なクローラー判定を実装する
Redux Toolkit の AsyncThunk をさわってみる | CYOKODOG
Why Did the OpenSSL Punycode Vulnerability Happen
"ODouds" オダウズ 日本公式オンラインストア
2022-10-12のJS: Rollup v3、Volar 1.0(Vue LSP)、Satori(HTML + CSS = SVG)
Next.js の Image コンポーネントの使い方をまとめてみた | DevelopersIO