質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
i18n

i18n(Internationalization)とは、ユーザーの国や文化によってソフトウェアの反応を変えることで国際化を図るテクニックやツールのことを言います。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

1回答

3403閲覧

submitを日本語対応させたいのと、サイズを小さくしたい

-maeji-

総合スコア39

i18n

i18n(Internationalization)とは、ユーザーの国や文化によってソフトウェアの反応を変えることで国際化を図るテクニックやツールのことを言います。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

0クリップ

投稿2019/01/18 15:35

簡単なCRUD処理を実装するアプリケーションを作成して、練習しています。

CRUDを実装した後、bootstrapを適用させ、レイアウトを整えてみよう、というところなのですが、submitボタンのサイズ変更と、日本語翻訳がうまくいきません。
イメージ説明
このsubmitのupdate タスクというボタンを、下の戻るボタンと同じサイズにしたいのと、日本語に直したいです。一緒に見てもらえませんか。
<%= f.submit class: 'btn btn-primary' %>

翻訳に関して自分で進めて見たこと

・en.ymlを複製し、それをja.ymlとして編集。

# Files in the config/locales directory are used for internationalization ja: time: formats: default: "%Y/%m/%d %H:%M:%S" am: 午前 pm: 午後 activerecord: models: task: タスク attributes: task: title: タイトル content: コンテンツ helpers: select: prompt: 選択してください submit: create: 登録する submit: 保存する update: 更新

・application.rbを編集

require_relative 'boot' require 'rails/all' # Require the gems listed in Gemfile, including any gems # you've limited to :test, :development, or :production. Bundler.require(*Rails.groups) module TaskApp class Application < Rails::Application # Initialize configuration defaults for originally generated Rails version. config.load_defaults 5.2 config.i18n.load_path += Dir[Rails.root.join('config','locales','*.{rb,yml}').to_s] config.i18n.default_locale = :ja # Settings in config/environments/* take precedence over those specified here. # Application configuration can go into files in config/initializers # -- all .rb files in that directory are automatically loaded after loading # the framework and any gems in your application. end end

・edit.html.erb

注:登録ボタンを押すとupdateアクションに処理が飛ぶ <%= form_for @task do |f| %> <div> <%= f.text_field :title %> <%= f.label :title %> </div> <div> <%= f.text_field :content %> <%= f.label :content %> </div> <div> <%= f.submit class: 'btn btn-primary' %> </div> <%= link_to '戻る',tasks_path, class: "btn btn-light" %> <% end %>

submitのサイズ適用に関しては具体的な解決策が見つけられていません。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ボタンのサイズに関しては、BootstrapのButtonを使用していると
ボタンの文字列の長さによってサイズが自動的に調整されているのだと思います。

『戻る』と同じ2文字の名称になれば同じサイズになると思いますが、
文字数が異なり、それでも同じサイズにしたい場合は自分でサイズを指定するべきかと思います。

投稿2019/01/18 22:57

taketoma

総合スコア374

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問