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
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日紙版発売 2024年12月7日電子版発売 山田祥寛 著 B5変形判／584ページ 定価3,960円（本体3,600円＋税10%） ISBN 978-4-297-14598-9 Gihyo Direct Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライブ 楽天kobo honto この本の概要 本書は，MVCモデルに則った定番Webアプリケーションフレームワーク「Ruby on Rails」の解説書です。Scaffolding機能から，ビュー／モデル／コントローラー開発，ルーティング，テスト，クライアントサイド開発まで，Railsの主要機能を徹底解説しています。Rails 5までの必須機能はもちろん，それ以降に追加された各種コマンド／API／コンポーネントも詳
Webサービスを多言語対応するに当たっては、翻訳者の方とのコミュニケーションがとても大切になります。特に日本語から他の言語に訳す場合、日本語は言葉が短い言語なので多言語化したときにUIが崩れやすいです。 そのため、翻訳者の方にもUIを確認して頂きながら、UIのコンテキストに沿った形でなるべく短い文章に訳してもらう必要があります。 今回、Storybook と Locize というサービスを使って多言語開発の仕組みを整え、その結果とてもスムーズに タイ語版、スペイン語版 をリリースすることができたので、やったことをブログにまとめました。 何も仕組みがない場合 多言語の辞書を開発者が git 管理している場合の、開発フローの一例は以下のようになると思います（日本語 → タイ語に翻訳する場合を想定しています）。 開発者: スプレッドシートで翻訳者に辞書のキーと日本語の文言の一覧を共有 翻訳者:
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,
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
こんにちは。初Zennです。 個人開発してきたアプリが完成したので、宣伝ついでに記事を書きます！ 🌏つくったアプリ Pair Matcher | ペア分けできるアプリ テニスのようなスポーツで、ペアの組み合わせを作成することができるアプリです。 TWA化したのでAndroidアプリとしても公開しています。 これを作るにあたって、考えたことなどを書きます。 🔥アプリを作ったモチベーション おもに以下になります。 無職で暇だったから 自分がほしいアプリだったから 人に使われるアプリを作ってみたかったから あわよくば日銭を稼ぎたかったから ⚙技術スタック 各技術について考えたことについて書きます。 Next.js Next.jsを使って何か作りたかったので、Next.jsにしました。 今話題のApp Routerを使いたかったのですが、以下の理由からPage Routerにしました👇 この
週刊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
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
クローラーを判定する機能を@nuxtjs/deviceに追加しようと思い諸々調査していたところ、crawler-user-agentsというクローラーのユーザーエージェントにマッチする正規表現を集めてくれている素晴らしいリポジトリを発見しました。 こちらのStackOverflowのAnswerにあるような小さな正規表現でも十分なこともありそうですが、crawler-user-agentsを使えばあまりメンテナンスコストを払わずにより精度の高い判定を実現できそうです。 これを使ってクローラーを判定する処理を@nuxtjs/deviceに実装したので、下記に関連コードを紹介します。 実装 crawler-user-agentsが提供するデータに基づいて正規表現を作成する。 const fetch = require('node-fetch') const agentsJsonUrl = 'h
docs.flutter.dev uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic. Learn more. OK, got it
GitHub - dream-num/univer: Univer is a full-stack framework for creating and editing spreadsheets, documents, and slides on both web 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
週刊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
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 "項目に移動す
[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)
社内共通のReactコンポーネントライブラリをLernaでパッケージ分割して使いやすくする | Wantedly Engineer Blog
Wantedly の Engagement Squad で エンジニアをしている小林です。Wantedly では、社内共通のReactコンポーネントライブラリによって複数のリポジトリ間にまたがるUIの共通化を行っているのですが、この記事では、そのライブラリの基盤改善の取り組みについて紹介します。 Wantedly共通のReactコンポーネントライブラリなぜ必要なのか？Wantedly のフロントエンドはReactで書かれており、そして、フロントエンドコードは複数のリポジトリに分かれて存在しています。元々は一つのモノリシックなリポジトリでフロントエンドも管理していたのですが、最近リニューアルした企業側管理画面などの一部のページは、新しいフロントエンドのリポジトリで書かれています。そして、この新しいフロントエンドのリポジトリも、企業側管理画面、ユーザー側画面など複数存在しています。 React
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> を境界に静的シェルのプリレンダリン
セキュリティ対策MW WP Formを使ったファイルのアップロードでは、ログインしていなくてもファイルを参照可能な状態となっています。 これは由々しき事態です。このままでは、個人情報漏洩なんてことにもなりかねません。 そこで、この事態を解決したいと思います。 具体的には、下記のようなコードとなります。 add_filter( 'mwform_upload_dir_mw-wp-form-〇〇〇', function ($path,$Data,$key){ $upload_dir = wp_upload_dir(); return "/mwform_upload_dir{$upload_dir['subdir']}"; }, 10, 3 ); add_filter( 'mwform_admin_mail_raw_mw-wp-form-〇〇〇',function($Mail_raw,$value
西田@CX事業本部です 今回は、Next.js の Image Component についてよく使われる機能を中心にまとめてみました。なおこの記事は、執筆時点の最新バージョン (13.4.9) の内容に基づいて書かれています Image Component とは？ Next.js が提供してるコンポーネントです。HTML の <img> 要素に現代のWEBのニーズに合わせて機能を拡張し、最適な形で画像を配信させることができるコンポーネントです 主に以下の機能を備えています デバイスに合わせて、画像のサイズやフォーマット(avif, webp…)を最適化し、画像のファイルサイズを削減し、画像のロード時間を短くします 画像の表示領域を画像がダウンロードされる前から確保し Cumulative Layout Shift (CLS) を防止します 画像のサイズ 画像の読み込み時に発生してしまう C
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を参照すると良さそうです。
Ruby on Railsを使った開発をしていると「システムのER図が欲しい」といったお願いされることがあります。 Railsを使っているのであれば、rails-erd というRubyGemを使うことで簡単にER図を出力できます。 rails-erdで出力されるER図はEntityもAttributeも全て英語です。 提出先がエンジニアである場合や、普段からモデル名を使ったコミュニケーションをしている場合であればこのままでもなんとかなるかもしれません。 一方、相手がビジネスサイドのメンバーである場合や、普段はモデルを日本語変換してコミュニケーションしている相手の場合はこのER図をそのまま出しても困惑されてしまいます。 そこで、今回はなんとかしてEntity・Attributeを日本語化できないか検討しました。結論とそこに至った過程をメモしておきます。 結論 結論としては、rails-erd
【チャンネル登録&いいね お願いします！】 ☆他にも！！ヤマカイと一緒にエクササイズシリーズはコチラ↓ ■【プロと一緒に】２週間で３０度開脚が開くストレッチ（プロ柔軟士：プロバレリーナ） →https://www.youtube.com/watch?v=u8GxKhFHYCo ■【1日6分】2週間でベターっと開脚できるようなるストレッチをプロと一緒にやろう！🤸♂️ →https://youtu.be/MRRZOIbcdEU ■【うちで踊ろう】10分で痩せるプロが教えるバレエエクササイズ💥（ダイエット） →https://youtu.be/TukRDnWhUKs ■爆笑しながらヤマカイとダイエットダンス →https://youtu.be/a-nIK3XX2JI ■僕がYouTubeをする理由 アメリカでプロバレエダンサーをしております 「ヤマカイ」 です。 僕はバレ
はじまり 我々が開発している Rails アプリのひとつに、国際化が必要なものがあります。 Rails には国際化(i18n)機能があるため、それを利用すると簡単にロケールに応じてメッセージに切り替えができます。 国際化機能の詳細はここでは触れないため、Rails ガイドの「Rails 国際化(I18n) API」を参照してください。 少し前、その Rails アプリでとあるメッセージが正しく表示されていないことに気づきました。 画面には “translation missing” と表示されてしまっていました。 このときはロケールファイルのメッセージのキーを typo していて、view で参照しているキーと一致していなかったので メッセージが表示できていませんでした。 Rails のデフォルト設定では、メッセージのキーが見つからない場合には “translation missing”
MObile KOtlin
Kotlin Multiplatform libraries for mobile (android & iOS) development View on GitHub Mobile Kotlin project aimed at simplifying and accelerating the development of native mobile applications for Android and iOS using Kotlin Multiplatform technology. Compose Multiplatform MOKO libraries supports Compose Multiplatform UI framework. Check badge . Libraries that not have badge also can be used in proj
RubyKaigi 2024 のブースコンテンツ用に ruby.wasm を使用したクイズアプリを作成しました - クラウドワークス エンジニアブログ
こんにちは、 @t0yohei です。 ruby.wasm は、Ruby のコードを Wasm に変換しブラウザー上で実行できるようにする技術です。 今回は、この ruby.wasm を使用してちょっとした web アプリを作成したので、そのことについて記載してみようと思います。 ※ この記事は、RubyKaigi 2024 のクラウドワークス社ブースにて展示するクイズアプリの解説記事です。 目次 目次 作ったもの クイズアプリの解説 大まかな仕組み 使わせてもらったライブラリ i18n 対応 問題について デプロイ先 難しかったこと タイマーの部分の実装 Ruby のコード規約、JavaScript のコード規約の使い分け サンプルコード探し 感想 作ったもの Ruby に関するクイズを出題して、それに答えてもらうクイズアプリを作成しました。 RubyKaigi でのクラウドワークス社ブ
週刊Railsウォッチ: RailsからOpenStructを削除、Playwrightベストプラクティスほか（20240425前編）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） お知らせ: 来週および再来週の週刊Railsウォッチはお休みをいただき、通常記事を公開します。 🔗Rails: 先週の改修（Rails公式ニュースより） T
collection_radio_buttonsでモデルからラジオボタンを一気に生成する、かつenumの値を利用する - Qiita
ここから、こんな感じのフォームを生成したいと思っていました。 個人的には、かなりつまづいてしまったので、それまでの過程をメモします。 前提条件 本記事の実装には以下の条件が必要です。 Railsのデフォルトの言語設定が日本語になっている gem 'enum-help'が入っている これらについては拙著ですがこちらをご覧ください。 【初心者向け】i18nを利用して、enumのf.selectオプションを日本語化する[Rails] collection_radio_buttonsを使う 結論から言うと、書いたコードはこちらです。
Web Developer working on @kintone at @cybozu. Loves JavaScript and Curry! 🍛 Old slides: https://www.slideshare.net/teppeis/presentations
Comparing Gatsby and Next.js for website development
Gatsby and Next.js, from a first glance, could look pretty much the same. Both are React-based frameworks, do SSR, SSG, have big communities. We actively use both technologies in our agency, but we think that they fit better for different use cases. I often get asked why we use Gatsby instead of Next.js for websites development? This article will explain it in detail. Choosing the technology for w
SESAME サイクル2/ママチャリ2
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 "項目に移動する {{ page }}" I18n Error: Missing interpolation value
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 "項目に移動する {{ page }}" 次のセクションに移動
GitHub CertificationやらCIやらasdf互換ツールやら｜Productivity Weekly(2024-01-10号)
こんにちは。サイボウズ株式会社 生産性向上チームの平木場です。 僕たち生産性向上チームは毎週水曜日に Productivity Weekly という「1 週間の間に発見された開発者の生産性向上に関するネタを共有する会」を社内で開催しています。 本記事はその時のネタをまとめたものです。 2023-01-25 号から、基本的に隔週で連載することとしました。たまに単独でも投稿するかもしれません。 今週は 2024-01-10 単独号です。 今回が第 138 回目です。過去の記事はこちら。 news 📺 GitHub Copilot Chat now generally available for organizations and individuals - The GitHub Blog 2023 年の年末にいよいよ GitHub Copilot Chat が GA（一般公開）されました。こ
Node.js — Node v19.3.0 (Current)
Notable Changes Updated npm to 9.2.0 Based on the list of guidelines we've established on integrating npm and node, here is a grouped list of the breaking changes with the reasoning as to why they fit within the guidelines linked above. Note that all the breaking changes were made in 9.0.0. All subsequent minor and patch releases after [email protected] do not contain any breaking changes. Engines
よく使うgemをまとめてみる 前口上 先月まとめたように、SaaSブームの中でアプリからWebへの回帰が少し起きている感覚があり、アプリのバックエンドでAPIだけなら軽量フレームワークでいけた場合でも、画面の描画もやる場合はなんだかんだでフルスタックフレームワークの方が融通がきくように感じています。 とりわけB向けサービスではアクセスがそれほどないが業務要件が複雑という場合もあり、ORMの能力がダイレクトにビジネス上の競争力につながるため素朴なRailsでActiveRecordの構成がはまるケースも多いです。 Ruby on Railsでの開発は枯れに枯れているのですが、まとめたことがなかったのでよく使うライブラリー(gem)について書いておきます。 gemの選び方 他社事例を調べるのも大事ですが、Ruby Toolboxでだいたいの人気感を探るのもよいです。 www.ruby-tool
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nuxt.jsとVue I18nで多言語サイトをつくろう | フロントエンドBlog | ミツエーリンクス
Ruby on Rails アプリケーションプログラミング
リアルタイムにUIデザインを確認しながら翻訳できる仕組みを作った話
簡便なウェブサイト翻訳ツール（サービス）をつくってみた - Qiita
Next.js＋TWAで多言語に対応した個人開発アプリをつくった！
September 30, 2024 Release
Flutter is better than React Native*
crawler-user-agentsでそこそこ正確なクローラー判定を実装する
Internationalizing Flutter apps
Redux Toolkit の AsyncThunk をさわってみる | CYOKODOG
Why Did the OpenSSL Punycode Vulnerability Happen
"ODouds" オダウズ 日本公式オンラインストア
MW WP Formのファイルアップロードについて | BuiltFunc
Next.js の Image コンポーネントの使い方をまとめてみた | DevelopersIO
2022-10-12のJS: Rollup v3、Volar 1.0(Vue LSP)、Satori(HTML + CSS = SVG)
Railsで作ったシステムのER図を日本語で出してほしいと言われたときにやったこと - Qiita
【身体が硬い方向け】毎日たった10分で開脚が出来るようになるストレッチをプロと一緒にやろう！🤸♀️
Rails: 失われたメッセージを巡る冒険 | Webシステム開発／教育ソリューションのタイムインターメディア
Intl.MessageFormat Introduction | ドクセル
PHYSIQUE FRAME | 自分の可能性を追求する人へ | フィジークフレーム
Railsの開発でよく使うライブラリー(gem)一覧 - algonote