並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 1984件

新着順 人気順

I18Nの検索結果121 - 160 件 / 1984件

  • Announcing Docusaurus 2.0 | Docusaurus

    Today we are extremely happy to finally announce Docusaurus 2.0! 🥳️ At Meta Open Source, we believe Docusaurus will help you build the best documentation websites with minimal effort, letting you focus on what really matters: writing the content. After 4 years of work, 75 alphas and 22 betas, the next generation of Docusaurus is ready for prime time. From now on, we now plan to respect Semantic V

      Announcing Docusaurus 2.0 | Docusaurus
    • Rails: 通貨は浮動小数点ではなくRubyのmoney gemで表現すること(翻訳)|TechRacho by BPS株式会社

      概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Don't Use Floats and Use the Ruby Money Gem to Represent Currencies - Andy Croll 原文公開日: 2021/11/15 著者: Andy Croll 日本語タイトルは内容に即したものにしました。 アプリケーションで金額を管理しなければならなくなることはざらにあります。何の話かというと、Rubyコミュニティにある素晴らしいオープンソースのソリューションを使えば、自分で開発するよりもずっと良い結果を得られるのです。 以下のようにするのではなく 金額を表現するときにFloatやBigDecimalを使う。 # マイグレーション add_column :products, :price, :decimal class Product < Application

        Rails: 通貨は浮動小数点ではなくRubyのmoney gemで表現すること(翻訳)|TechRacho by BPS株式会社
      • 第2回 中国の独自OSSは世界に広がるか? | gihyo.jp

        ここ数年で急速にOSSコミュニティが拡大している中国。クラウドネイティブ、スマートフォン前提の開発コミュニティだけに、OSやプログラミング言語といった、これまでの代表的なソフトウェアとは違うOSSが登場してきました。いくつか代表的な分野のOSSを紹介しましょう。 「世界の工場」を形作る、ネットワーク前提の組込みOS アリババ集団のAliOS Things、テンセントのTencent OS Tiny、ファーウェイのHarmony OS Embeddedと、中国テックジャイアントが、それぞれオープンソースで、ネットワーク接続が前提の組込みOSを公開しています。 AliOS Things(Open Source Chinaリポジトリ) Tencent OS Tiny(Open Source Chinaリポジトリ) Open Harmony(Giteeリポジトリ) アリババは、このAliOS Th

          第2回 中国の独自OSSは世界に広がるか? | gihyo.jp
        • Intlの今までとこれから

          JSConf JP 2023 : 2023/11/19 - https://jsconf.jp/2023/talk/ryusei-sajiki-1/

            Intlの今までとこれから
          • Cybozu Frontend Day 2023の社内開催と資料公開 - Cybozu Inside Out | サイボウズエンジニアのブログ

            主催のkoba04による写真 こんにちは、フロントエンドエンジニアの@shisama_です。 6月30日にサイボウズ東京オフィスで開催された「Cybozu Frontend Day 2023」の資料と開催レポートを公開します。 「Cybozu Frontend Day 2023」は、サイボウズのフロントエンドエンジニアが集まりフロントエンドに関する知見を共有する社内イベントです。 発表資料 発表資料は以下の通りです。発表者が公開している一部の資料については、発表者の許可を得て掲載しています。 Pages RouterとApp Routerでのi18n対応の違い 発表者: @nissy_dev zenn.dev 誰でも簡単⁉️👀 絵文字ができるまで😃👍 発表者: @oguemon_com speakerdeck.com Node Streamでメモリ性能改善、そしてWeb Stream

              Cybozu Frontend Day 2023の社内開催と資料公開 - Cybozu Inside Out | サイボウズエンジニアのブログ
            • State of GUI 2022 - KAS blog

              Rust: state of GUI, December 2022 There was a recent call for blogs about Rust GUI. So, Are we GUI yet? Contents: Categorised listing of toolkits State of KAS State of GUI Categorised listing of toolkits Lets start by categorising entries from Are we GUI yet, ignoring those which appear abandoned or not very functional. Bindings Wrappers around platform-specific toolkits: Mac OS / iOS - cacao - Ru

              • microCMSのWebフロントエンドにクリーンアーキテクチャを採用した話【後編】

                はじめに こんにちは、森茂です。 先日公開したmicroCMSのWebフロントエンドにクリーンアーキテクチャを採用した話【前編】に引き続き、今回は後編として前編で紹介させていただいた構成にあわせて、実際にどのような実装とチームへの浸透を行っていったかについて紹介いたします。 なお、記事内に記載している仕様、ソースコードは説明用として省略や変更、部分的な引用を行っています、実際のサービスとは異なる箇所もある点をあらかじめご了承ください。 前編より 前編ではmicroCMSのフロントエンドアーキテクチャをどういった背景、構成で採用したかを紹介しました。実装の段階に進むにあたっては、その中でもとくに責務(関心)の分離と負担なく開発を進めことができるかを意識することにしました。 また、前編でも紹介の通り、クリーンアーキテクチャという概念に振り回されないことも重要と考えています。完璧な設計を求めるこ

                  microCMSのWebフロントエンドにクリーンアーキテクチャを採用した話【後編】
                • Top-level await · V8

                  Top-level await enables developers to use the await keyword outside of async functions. It acts like a big async function causing other modules who import them to wait before they start evaluating their body. The old behavior #When async/await was first introduced, attempting to use an await outside of an async function resulted in a SyntaxError. Many developers utilized immediately-invoked async

                  • Metaが「うるう秒」廃止を呼びかける、過去にはネットサービスで大規模な障害も

                    4年に1度の2月29日がうるう日だということは有名ですが、実は1秒を調整するうるう秒も存在します。天体の動きと人間社会の時間をすりあわせる必要性から導入されたうるう秒ですが、インターネットや正確に時間を調整する技術の発達により意義が薄れつつあり、システムの不具合の原因になることもあるとして、大手IT企業が廃止に向けた取り組みを始めました。 It’s time to leave the leap second in the past - Engineering at Meta https://engineering.fb.com/2022/07/25/production-engineering/its-time-to-leave-the-leap-second-in-the-past/ Meta engineers join tech industry efforts in calling

                      Metaが「うるう秒」廃止を呼びかける、過去にはネットサービスで大規模な障害も
                    • AstroとTailwind CSSを使ってDeveloper Siteをリデザインした話 | 株式会社ヌーラボ(Nulab inc.)

                      はじめに 今回のDeveloper Siteリデザインの目的は英語のコーポレートサイト(https://nulab.com/ )とのUIを合わせることでした。旧Developer Siteのヘッダーやフッターなどの共通パーツは古いデザインのままだったため刷新する必要がありました。 旧Developer Siteのトップページ Developer Siteのトップページ 使用した技術 今回使用した技術は、静的サイトジェネレータであるAstroとユーティリティファーストのCSSフレームワークであるTailwind CSSです。 旧サイトはHugoとSCSSを用いて構成されており、今回はコンテンツはそのままで見た目のみを変更する制作だったため仕様の変更は不要でした。しかし、パフォーマンスの向上を目指し、かつ新しい技術に挑戦するためAstroとTailwind CSSを採用することにしました。 A

                        AstroとTailwind CSSを使ってDeveloper Siteをリデザインした話 | 株式会社ヌーラボ(Nulab inc.)
                      • ローカライズのLQAって、結局なんなの?LQAしなければゲームはどうなるの? - AUTOMATON

                        アクティブゲーミングメディアの坂本です。普段はHPのブログや、Twitter、LinkedInの運営などを担当しています。AUTOMATONの運営会社である当社アクティブゲーミングメディアは、ゲームローカライズを軸にさまざまなサービスを展開しています。また、当社ではローカライズされたゲームの社会的な品質向上を目指しており、LQAの認知と理解を広げるため、開発者様やユーザー様に向けてさまざまな取り組みを行っています。今回はその一環としてこの場をお借りし、LQAについてご紹介したいと思います。 実は以前、AUTOMATONでもLQAを取り上げた際、反響が寄せられていました。 国内翻訳者が「ゲームのLQAの重要さ」語り反響呼ぶ。ゲームの“届き方”を左右する言語的品質保証とは また、当社Twitterでも、度々LQAについて投稿しています。このツイートでは、実際のテスト項目を再現したクイズ形式を用

                          ローカライズのLQAって、結局なんなの?LQAしなければゲームはどうなるの? - AUTOMATON
                        • Synchro - タイムゾーン型安全な Go ライブラリを開発している

                          synchro と呼ばれる Go でもタイムゾーンを含めて型比較できるようになるライブラリを開発し始めました。スターください。 こんな感じで使えます。 package main import ( "fmt" "time" "github.com/Code-Hex/synchro" "github.com/Code-Hex/synchro/tz" ) func main() { utcNow := synchro.Now[tz.UTC]() jstNow := synchro.Now[tz.AsiaTokyo]() fmt.Println(utcNow) fmt.Println(jstNow) // Output: // 2023-09-02 14:00:00 +0000 UTC // 2023-09-02 23:00:00 +0900 JST fmt.Println("------") d

                            Synchro - タイムゾーン型安全な Go ライブラリを開発している
                          • フロントエンドカンファレンス北海道 2024 公開資料・Xアカウントリンクまとめ

                            2024/08/24(土)で開催されたフロントエンドカンファレンス北海道 2024に関する、現時点での公開資料と X アカウントリンクをまとめました。 よろしければご活用ください。 はじめに 登壇者名は敬称略させていただいています。 スライドについては、ご本人がツイートで展開されていたり、スライドサービスにアップロードされているものを記載。 X アカウントについては、fortee や資料に記載されていたり、資料公開の投稿で分かった方のみ記載。 リンクの間違い等ありましたらコメントいただけると助かります🙏 タイムテーブル 本イベントでは2つの会場でそれぞれ講演がありました。 便宜上、以下のように A, B と表します。 カケハシ(8F):A LINE ヤフー WOW ルーム(6F):B 11:00 - A - Webの潮流から考える、フロントエンドの溢れんばかりの魅力とフロントエンドエンジ

                              フロントエンドカンファレンス北海道 2024 公開資料・Xアカウントリンクまとめ
                            • Rust by Example 日本語版が公式に公開されるまで

                              はじめに 2024/07/25 にリリースされた Rust 1.80.0 にて Rust by Example の日本語版が公式に公開されました。画面右上にある地球儀のアイコンから日本語を選択可能になっています。 この取り組みを始めたのは2023年の10月頃だったのですが、さまざまなレビュー待ちやRustにおけるドキュメント公開フローをよく分かっていなかったことによる失敗もあり、最終的には1年近くかかってしまいました。 Rustはコンパイラの開発などかなり良くドキュメント化されている(Rust Compiler Development Guide)のですが、ドキュメントの管理についてはほとんど資料がなく、Zulip で聞かないと分からないようなこともありました。 この記事ではこの1年でやってきたことを時系列で書いていきます。Rustのドキュメントに貢献したい人には参考になる部分があるかもし

                                Rust by Example 日本語版が公式に公開されるまで
                              • 何個知ってる?入社して知った面白業界用語10選 - 意匠部

                                こんにちは!意匠部新卒デザイナーの大桐です。 つい4ヶ月前まで、私は建築学生でした🪚 そして今年の4月に初めて足を踏み入れたWEB業界。舐めていました、業界の差。まるで異世界です! 異世界では聞いたことのない業界用語が毎日飛び交っています。 「このままではだめだ!」と思った私は、入社して初めて知った業界用語 1)をまとめてみることにしました。 今回、その中から、言葉の由来が面白い!知ってるとかっこいい!と思ったものを10個紹介しようと思います。 1) WEBデザイン用語、WEBプログラミング用語や、印刷用語、その他、 IT/WEB業界全般で使われる用語を含みます。 ■ 面白業界用語のイラストクイズに挑戦してみよう 「でも、ただ用語を紹介&解説するだけじゃ、デザイナーのブログっぽくないな...」 と思ったので、意匠部のデザイナーに業界用語のイラストを描いてもらい、それを全10問のクイズにし

                                  何個知ってる?入社して知った面白業界用語10選 - 意匠部
                                • styled-componentsの仕組みについての覚え書き | Wantedly Engineer Blog

                                  弊社では現在UIコンポーネントのスタイルを当てるために、CSS-in-JSライブラリのひとつであるstyled-componentsを使っています。 styled-componentsで高度な使い方をしたときにスタイルが意図した優先度で当たらない現象の調査のためにstyled-componentsの仕組みを調べたので、覚え書きとして残しておきます。 前提知識styled-componentsについて: CSS-in-JS はスタイル定義をJavaScript内に書く手法の総称です。スタイルのコンポーネント間の結合を下げ、単一コンポーネント内の振舞いとスタイルの凝集を上げる狙いがあり、特に振舞いに依存して動的にスタイルが変わるようなケースでJSとスタイル定義をシームレスに結合させることができます。実際の実現方法はライブラリによってまちまちです。styled-componentsは比較的オーソ

                                    styled-componentsの仕組みについての覚え書き | Wantedly Engineer Blog
                                  • 静的サイトジェネレータ「Astro 4.0」正式リリース。デバッグを容易にするDev Toolbarが登場、キャッシュ導入でビルド時間が80%短縮

                                    静的サイトジェネレータ「Astro 4.0」正式リリース。デバッグを容易にするDev Toolbarが登場、キャッシュ導入でビルド時間が80%短縮 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 4.0」が正式にリリースされました。 今年(2023年)9月にAstro 3.0がリリースされたばかりで、速いペースでのバージョンアップが続いています。 Astro 4.0 is here! Introducing the Astro Dev Toolbar — your new companion for local development. Inspect, audit, and extend your dev environment in the browser. Plus: 80% faster builds, i18n routing

                                      静的サイトジェネレータ「Astro 4.0」正式リリース。デバッグを容易にするDev Toolbarが登場、キャッシュ導入でビルド時間が80%短縮
                                    • 【公式サイト】Minisforum JP - ミニPC専門ストア

                                      省電力・オフィス ミニPC Venus Series UN100L Venus Series UN100Lは、Intel® N100プロセッサーが採用されたミニPCです。4K・3画面で出力可能、PD給電対応でき、2.5 inch SATA3.0 HDD スロットを備え、また、TFカード(最大128GBまで )も増設可能、目的のタスクを効率的に完了することができる、文書作成、事務処理に最適、あらゆる分野で活躍しています。 詳しく>> 高性能ミニPC Venus Series UM790Pro Venus Series UM790ProはAMD Ryzen™ 9 7940HSプロセッサーを搭載、DDR5‐5600MHz SODIMM 高速メモリースロット二つ、PD給電可能、Cold Wave 2.0放熱システム採用、性能をフルに発揮させながら、安定した動作を確保します、一般的なビジネス作業や創

                                        【公式サイト】Minisforum JP - ミニPC専門ストア
                                      • Intl.Segmenterはどうやって単語分割しているのか

                                        Intl.Segmenter についておさらい JavaScript には Intl と呼ばれる国際化 API があり、日時や数値のフォーマットを始めとする国際化に便利な機能が揃っています。Intl.Segmenter はこの Intl の一機能で、文字・単語・文章単位での文字列分割を可能にします。 文字単位での分割では複数のコードユニットやコードポイントを持った文字を考慮し、正確に見た目上の1文字(書記素)で分割できるので、絵文字を含んだ文字数のカウントなどに便利です。 const segmenter = new Intl.Segmenter("ja", { granularity: "grapheme" }); console.log("🇯🇵👨🏻‍💻".length); // ❌ 11 console.log([..."🇯🇵👨🏻‍💻"].length); // ❌

                                          Intl.Segmenterはどうやって単語分割しているのか
                                        • flutter create してから5日で iPhone / Androidアプリを公開した話 - Qiita

                                          Twitter を見ていたら、 「Eテレでドット絵を使ったエンコードとデコードの説明をやっていた」とのツイートを見つけ、ふと、「これ、うちの子もやったら勉強になるんじゃないかなー」と思ったので Flutter でアプリにしてみました。 これいいな。うちの子(4歳と3歳)にもできる、こんな感じのゲーム感覚でデータ構造の基本が身に付く系のやつあるかな。作るかな。 https://t.co/Yda6vvoi5x — ちゅーやん - Tsuyoshi Chujo (@chooyan_i18n) October 8, 2019 実際に公開したアプリがこちらです。 ドット絵でおぼえるエンコードとデコード - App Store 上のツイートの直後から開発を初めて5日間で公開までできたので、具体的にどんなことをやったのかを1日ずつ振り返りながらこの記事にまとめてみたいと思います。 個人でアプリを作って公

                                            flutter create してから5日で iPhone / Androidアプリを公開した話 - Qiita
                                          • TypeScript Compiler APIを活用してi18nの不整合をチェックする - Commune Engineer Blog

                                            こんにちは。業務委託としてコミューンのグローバルチームでエンジニアをしているhiro08と申します。 グローバルチームでは主に海外展開に向けた開発や施策を行なっています。もし、グローバルチームに興味のある方は日本のSaaSスタートアップが世界で戦うためのプロダクトを開発するということも一読ください。 今回はグローバルチームでの開発の一部として、TypeScript Compiler APIを活用したi18nの不整合をチェックするツールを作成したお話をしようと思います。 背景 海外展開に向けた開発でまず思いつくのがi18n (多言語化) 対応ではないでしょうか。コミューンのプロダクトではi18nの対応が完了しており、すでに運用フェーズに入っています。 しかし、運用していく中で対訳データのキーやネームスペースの不整合に気づく仕組みがないことが課題点として挙がってきました。 i18nでは、ネーム

                                              TypeScript Compiler APIを活用してi18nの不整合をチェックする - Commune Engineer Blog
                                            • RubyKaigi 2024 参加レポート - ZOZO TECH BLOG

                                              こんにちは、DevRelブロックのikkouです。2024年5月15日から17日の3日間にわたり沖縄県は那覇市で「RubyKaigi 2024」が開催されました。ZOZOは例年同様プラチナスポンサーとして協賛し、スポンサーブースを出展しました。 technote.zozo.com ZOZOとWEARとRubyKaigi エンジニアによるセッション紹介 Generating a custom SDK for your web service or Rails API Namespace, What and Why YJIT Makes Rails 1.7x Faster Using Ruby in the browser is wonderful. An adventure of Happy Eyeballs Embedding it into Ruby code Unlocking Pot

                                                RubyKaigi 2024 参加レポート - ZOZO TECH BLOG
                                              • Rails 7.1にバージョンアップしました - inSmartBank

                                                こんにちは、サーバーサイドエンジニアのmitaniです。先月、B/43を構成するシステムのうち、3つのRailsリポジトリの7.1バージョンアップが完了しました! 大きな躓きポイントはなかったのですが、参考までに手順やRails 7.1の内容を紹介しようと思います。 B/43のアーキテクチャ https://smartbank.co.jp/recruit/engineer-summary B/43は、上の図のように複数のサービスから構成されています。そのうちRailsで作られているサービスが3つあります(core-api / auth-api / aml-api)。バージョンアップする際には3つまとめて行う運用をとっているため、今回も3つバージョンアップしました。 各リポジトリは全てDocker化されています。各リポジトリのDockerfileは、共通してruby等をインストールしているベ

                                                  Rails 7.1にバージョンアップしました - inSmartBank
                                                • GitHub Actions を使って継続的ローカライゼーションをスクラッチから構築した話 | PLAID engineer blog

                                                  こんにちは。先月アムステルダムに行って 初 Uber で UX に感動した @kazupon です。 PLAID がプロダクトとして提供する KARTE の管理コンソールは Vue.js [https://vuejs.org/] で作られた Web アプリケーションです。そんな Vue.js で作られた Web アプリケーションを国際化対応するために、vue-i18n [https://gith

                                                    GitHub Actions を使って継続的ローカライゼーションをスクラッチから構築した話 | PLAID engineer blog
                                                  • CSS for internationalisation

                                                    I’ve come across people who do not think that CSS is related to internationalisation at all, but if you think about it, internationalisation is more than translating the content on your site into multiple languages and calling it a day. There are various nuances to the presentation of that content which affect the experience of a native speaker using your site. There is no single canonical definit

                                                      CSS for internationalisation
                                                    • Sinatra(Ruby製軽量フレームワーク)の使い道を本気で検証してみた - ANDPAD Tech Blog

                                                      この記事は ANDPAD Advent Calendar 2022の 20 日目の記事です。 こんにちは、アンドパッドに今年の 9 月に入社しました、 田上(shuntagami)です。アンドパッドでは図面チームに所属していて、主にサーバーサイドを担当しています。Ruby と Rails を使うことが多く、Go や TypeScript を書くこともあります。 本記事の概要 以下のようなケース 将来的に規模が大きくなることも想定されるアプリケーションの API サーバーを 0 から開発する際のメインフレームワークとして 既存の大きく成長した Rails アプリケーションの一部をマイクロサービスとして切り出したいケース において Ruby 製の軽量フレームワーク Sinatraを採用することが生産性高く開発を行う上で最適解のひとつになるのではと考え技術検証してみた、という記事です。経緯として

                                                        Sinatra(Ruby製軽量フレームワーク)の使い道を本気で検証してみた - ANDPAD Tech Blog
                                                      • そろそろ本格的にプログラミング用語を置き換える時期なのかも - Qiita

                                                        先日GitHubから以下の発表がありました。 GitHub to replace 'master' with 'main' starting next month / GitHub来月10月からブランチの「master」を「main」に名称を置き換える 以下のようになります。 GitHubでは、来月からmasterブランチという名称は使わず、mainブランチという名称に変更するという発表でした。来月ってもう普通にすぐだけど、、、。 実は元々数ヶ月前に発表はあったんだけど、そこまで日本では話題にならなかった。 GitHub abandons 'master' term to avoid slavery row 2020-09-30: 追記 あくまで上記強制ではないっぽいです。 今まで通りmasterを使いたい人はmasterで、mainを使いたい人はmainを。 あくまでGitHub側からの

                                                          そろそろ本格的にプログラミング用語を置き換える時期なのかも - Qiita
                                                        • 📝 Vue Fes Japan Online 2022 / 見たセッションメモ - memo_md

                                                          vuefes.jp 一日セッション見つつメモを残したので、個人ブログに放り投げておく。 殴り書きなので何の清書もしてないし、誤字脱字もチェックしてないです!!! Keynote | The Evolution of Vue / Evan You https://vuefes.jp/2022/sessions/yyx990803 0.x系の Pre バージョン時代の話 ES5のみのFeatureを前提にする必要があった 1.0のコードネームってEvangelionだったのか.. 2015-2016でのコアなライブラリ群の追加が多かったらしい。Vue Router とかVuex 大規模SPAアプリケーションの構築の解決狙い Vapor Mode Virtual DOM への依存がない パフォーマンス特化でのプリビルド 今後 Vue2→3の移行期という認識 30%が Vue3, 25%が 2.7

                                                            📝 Vue Fes Japan Online 2022 / 見たセッションメモ - memo_md
                                                          • 📦 Nixでlinuxとmacの環境を管理してみる | Happy developing

                                                            本記事ではNixを利用して、linux(nixos)とmacの開発環境を宣言的に管理していく方法について書きます。 設定は一つのrepositoryで管理し、git cloneして、makers applyを実行するだけという状態を目指します。 依存していいのはnixのみとします。 現状設定できている内容は以下です。 SSH(daemonの起動, authentication方法, userのauthorized keyの設置)FontTimezoneInput methodDesktop environmentUserPackage(実行コマンド+設定file)作成したrepository Nixについてまだまだわかっていないことが多いのですが、ひとまず使い始められた感じです。 そもそもNixとは現状の自分の理解ではNixとはpackage manager + build systemと

                                                              📦 Nixでlinuxとmacの環境を管理してみる | Happy developing
                                                            • Node.js v13の主な変更点 - 別にしんどくないブログ

                                                              🎉More great news! Node.js 12 to LTS and Node.js 13 is here!🎉 https://t.co/JmDiMlHgmr— Node.js (@nodejs) 2019年10月22日 Node.jsのv12がLTSになり、v13がcurrentとしてリリースされました。 今回はNode.js v13の主な変更点を紹介したいと思います。 ダウンロードは公式ページから行えます。 nodejs.org 以下リリースノートにあるNotable Changesからいくつかピックアップします。 nodejs.org assert (PR: #28263) assert.throws()またはassert.reject()でthrowされたエラーの検証にコンストラクターが使われた場合、throwされたエラーの代わりにAssertionErrorがスロー

                                                                Node.js v13の主な変更点 - 別にしんどくないブログ
                                                              • Next.js で言語ごとに異なるアセット画像を埋め込む - mizdra's blog

                                                                多言語対応している Web アプリで、あらかじめファイルに書き出しておいた画像 (アセット) が言語別にあって、それをページに埋め込むにはどうするか、という話題です。基本は言語ごとに別々の画像を出すことないと思いますが、たまーにあるんですよね。例えばGoogle Play のバッジが言語ごとに違うので、これを言語ごとに出し分けたいとか。 Google Play バッジ – Google 色々方法があるので、それをいくつか紹介します。 方法1. import 文を言語の数だけ書く シンプルにやるなら、言語の数だけ import 文を書いて、next/image の <Image> コンポーネントで読み込むコードを書くかと思います。 // pages/index.ts import Image from 'next/image'; import GooglePlayJaJP from '../

                                                                  Next.js で言語ごとに異なるアセット画像を埋め込む - mizdra's blog
                                                                • Nuxt.jsに飛びつく前に~Nuxt.jsを習得するための前提技術と、その勉強方法の紹介~ - Qiita

                                                                  概要 Nuxt.jsは今最も「イケてる」とされるWEB開発フレームワークです。ポストRailsという文脈で語られることも多いようです。巷でNuxtについての記事も増えていますね。 しかし、ネット上のNuxtの記事では、Nuxtを始める上で前提となる前提知識の存在が省略されているように思います。Nuxt.jsはVue.jsの発展形(=Nuxtを触る人はVueの経験があるという前提)なので当然なのですが。 本記事では、これからWEB開発者を目指す人を対象に、 ・Nuxtを習得するには何が必要か? ・そのための勉強方法 を紹介します。 解像度を高めた言い方をすると、**「Nuxtの公式ドキュメントを理解できる」「自分で簡単なNuxtのエラーや問題を解決できる」程度の実力を身に付けることで、「メンバーとしてチーム開発に参加できる」**をゴール設定に置きます。 自己紹介 NuxtとFirebaseを

                                                                    Nuxt.jsに飛びつく前に~Nuxt.jsを習得するための前提技術と、その勉強方法の紹介~ - Qiita
                                                                  • ポケモンガチ対戦用パーティー管理アプリ『PokeBox』をリリースしました - 5.1さらうどん

                                                                    まもなく『ポケットモンスター スカーレット・バイオレット』が発売しますが、先日、iPhone/iPad/Mac向けのポケモンパーティー構築管理アプリ、『PokeBox』をリリースしました。 ポケモンパーティー構築アプリの「PokeBox」をバージョン1.1にアップデートしました。ポケモン新規作成時の挙動改善や、わざ周りのインターフェイスがわかりやすくなっています。SV対応もしていくぞ https://t.co/p8E1GjvCeq pic.twitter.com/kbzDw885WY— giginet (@giginet) October 16, 2022 PokeBox - 構築管理ソード・シールド gigi-net.netユーティリティ無料 『ポケモン剣盾』以来、ランクマッチなど、いわゆるポケモンガチ対戦にハマり、自分の需要から開発したアプリです。 『剣盾』環境では、100体近いポケモ

                                                                      ポケモンガチ対戦用パーティー管理アプリ『PokeBox』をリリースしました - 5.1さらうどん
                                                                    • Prettier 2.0 “2020” · Prettier

                                                                      Better defaults, a better CLI and better heuristics. Oh, and TypeScript 3.8. After a long and careful consideration, we decided to change the default values for the trailingComma, arrowParens, and endOfLine options. We made the CLI more intuitive. And we've finally dropped support for Node versions older than 10, which had grown to become a huge maintenance hassle and an obstacle for contributors.

                                                                        Prettier 2.0 “2020” · Prettier
                                                                      • awesome-vscode

                                                                        A curated list of delightful Visual Studio Code packages and resources. For more awesomeness, check out awesome. Table of Contents Table of Contents Official Syntax Migrating from other editors Migrating from Vim Migrating from Atom Migrating from Sublime Text Migrating from Visual Studio Migrating from Intellij IDEA Camel Humps Using VS Code with particular technologies Lint and IntelliSense 1C A

                                                                        • コンポーネント粒度と依存関係チェック feat. STORES予約フロントエンド - STORES Product Blog

                                                                          はじめに STORES 予約 でエンジニアをしているyuta07です。 STORES 予約 の管理画面の新規開発はNext.jsを用いて開発しているのですが、日々のカジュアル面談や採用活動でフロントエンドの技術状況についての質問を受けることが増えてきました。 今回は STORES 予約 のフロントエンド開発の中でもコンポーネント粒度と依存関係チェックについて紹介します。 はじめに 主な使用技術 コンポーネントの分類 Pages Templates Organisms Molecules Atoms 依存関係チェック Eslintによる依存ルール おわりに 主な使用技術 Next.js、React、TypeScriptを採用。 スタイルはTailwind CSSを使用。 STORES 全体で統一されているconfigをユーティリティクラス(フォント・カラー等)として使用してスタイリングしてい

                                                                            コンポーネント粒度と依存関係チェック feat. STORES予約フロントエンド - STORES Product Blog
                                                                          • Ship.jsでリリースフローを改善する - Qiita

                                                                            PLAID で i18n おじさんエンジニアしてる kazupon です。 この記事は plaid advent calendar 2019 の 17日目の記事です。 はじめに 筆者は、PLAID のプロダクト開発以外にも、オープンソースソフトウェア (以下 OSS )開発者として vue-i18n といったオープンソースプロジェクトを持っており、Node.js においては npm または yarn といったパッケージマネージャーと呼ばれるもので、Node.js そして必要に応じてブラウザ向けに動作するコードをパッケージにして OSS として配布しています。 npm / yarn で配布する OSS は、一般的には semver のようなセマンティックバージョンニングの仕様に沿った形で、バージョンをリリース毎に発行して管理して、npm publish や yarn publish によって

                                                                              Ship.jsでリリースフローを改善する - Qiita
                                                                            • Bringing Javascript to WebAssembly for Shopify Functions (2023) - Shopify

                                                                              Bringing Javascript to WebAssembly for Shopify FunctionsWhile we’re working on getting our Shopify Functions infrastructure ready for the public beta, we thought we’d use this opportunity to shine some light on how we brought JavaScript to WebAssembly, how we made everything fit within our very tight Shopify Function constraints, and what our plans for the future look like. At Winter Editions 2023

                                                                                Bringing Javascript to WebAssembly for Shopify Functions (2023) - Shopify
                                                                              • create_or_find_byでcreateもfind_byも失敗させる - かみぽわーる

                                                                                Active Recordの話です。 create_or_find_byの実装はcreateしてみてユニーク制約に引っかかったらfind_byしてみるなので、ふつうに考えるとfind_byは成功しそうに見えます。 def create_or_find_by(attributes, &block) transaction(requires_new: true) { create(attributes, &block) } rescue ActiveRecord::RecordNotUnique find_by!(attributes) end ですが、以下のスクリプトを実行するとcreate_or_find_byはcreateがRecordNotUnique例外を吐いたあと、find_byもRecordNotFound例外を吐いてレコードを見つけられずに死にます。 ちょっと今から会食なので原

                                                                                  create_or_find_byでcreateもfind_byも失敗させる - かみぽわーる
                                                                                • Rails: webpack(er)に乗り換える25の理由(翻訳)|TechRacho by BPS株式会社

                                                                                  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: 25 reasons to switch to Webpack(er) - rossta.net 原文公開日: 2020/03/02 著者: I'm Ross Kaffenberger サイト: rossta.net webpack/Webpackerで使える有用なツールも本記事で多数紹介されています。 画像は元記事からの引用です。 最近こんなことをよく聞かれます。「webpackとかWebpackerで頑張る価値ってあるの?」 よい質問だと思います。そして私の短い回答は「イエス」です。 近年JavaScriptコミュニティにおける認知度が急上昇していることで、フロントエンド開発用のツール、開発エクスペリエンス、最適化に巨大なイノベーションが続いています。 Railsはかつて最前線に躍り出ていました。登場した当時のRailsアセッ

                                                                                    Rails: webpack(er)に乗り換える25の理由(翻訳)|TechRacho by BPS株式会社