Rails 7.0 + Ruby 3.1でゼロからアプリを作ってみたときにハマったところあれこれ - Qiita
Ruby on Rails Advent Calendar 2021の枠が空いていたので、あとから登録しました はじめに 個人的なプロジェクトになりますが、僕が翻訳しているRSpecの入門書「Everyday Rails - RSpecによるRailsテスト入門」を2022年前半にRails 7.0バージョンにアップデートしようと考えています。 そこでこの本の中で使っているサンプルアプリケーションをRails 7.0でゼロから作り直してみました。フロントエンド周りを中心に結構考え方が変わっている部分があったので、「ここでハマった！」とか「こういうポイントを押さえておくといいかも」という点をあれこれ書いてみます。 なお、Rails 7.0版のサンプルアプリケーションはまだ公開できる状態ではないので、公開はもうしばらくお待ちください🙏 今回作成したサンプルアプリケーションはこちらで公開してい
全て無料！今すぐ使えるBootstrapテーマテンプレート78選 - Workship MAGAZINE(ワークシップマガジン)
「スタイリッシュで使いやすい、無料で使えるBootstrapテーマテンプレートが欲しい！」 そんなお悩みをお持ちの方のために、今回はプロジェクトですぐに使えるBootstrapのおすすめ無料テーマテンプレートを78個ご紹介します。 あまり洗練されていないテーマテンプレートはすべて除外し、スタイリッシュなデザインかつ十分な機能を兼ね備えた無料Bootstrapテーマテンプレートのみを厳選しました。 また今回ご紹介するBootstrapテーマテンプレートは、いずれも「すぐに使える」よう設定されたコンポーネントとともにパッケージ化されているものばかり。チャートライブラリ、価格表、タブ、その他の追加機能もひとまとめになっています。 多目的なBootstrapテーマテンプレート 1. Now UI Kit Invision and Creative Timが無料で提供する、レスポンシブデザインに対応
9年モノの Rails アプリで、古い Bootstrap を剥がして FLOCSS 化した話 - 弥生開発者ブログ
こんにちは、弥生 Misoca チームでマークアップをする方のデザイナー @kanizmb です。 今回、約1年をかけて古の Bootstrap の撤去および CSS 設計手法の導入（FLOCSS 化）をやり遂げたので、これらの変更をどのように進めていったかについてお話しします。 どういった状況だったか Misoca ローンチは 2011年、当時最新であった Bootstrap 2.3.2 を用いて構築が始まりました。(*1) 当初は請求書の郵送に特化した非常にシンプルなサービスだったため、少しの上書きでスムーズに開発が進められ、Bootstrap のメリットを存分に生かせていたのだと思います。 しかし時は流れ、取引先管理、品目管理、外部サービスとの連携など、機能が増え続けるとどんどん綻びが出始めます。 設計方針もないままに野放図に差し込まれた CSS たちは、いつしか激しい詳細度バトルを
概要～Bootstrap4移行ガイド
レイアウト 概要 Bootstrap4.xの使い方をBootstrap3.xからの変更箇所を交えて解説しています。 概要（Overview） Bootstrapには、包括用コンテナ、強力なグリッドシステム、柔軟なメディア・オブジェクト、レスポンシブ・ユーティリティクラスなど、プロジェクトをレイアウトするためのいくつかのコンポーネントとオプションが組み込まれている。 コンテナ（Containers） これらのSassループもカラーマップに限定されない。コンポーネントのレスポンシブバリエーションも生成可能。例えばドロップダウンのレスポンシブな配置を例にとった場合、$grid-breakpoints Sassマップの @each ループとメディアクエリの組み合わせが混在している。 Bootstrapには3つの異なるコンテナがある。 .container は、各レスポンシブ・ブレークポイントで m
とほほのBootstrap 3入門 - とほほのWWW入門
このページは 「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。 ライセンスは MIT License で、商用利用も可能です。 現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap 2 と Bootstrap 3 以降では一部互換性の無い機能があります。 2018年1月に Bootstrap 4 も正式リリースされました。
ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。 以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版ではあるものの「Chromeブラウザ」からでも利用できるようになりました！ 【 Pingendo 】 「Pingendo」は、基本的にマウスでポチポチとクリックしていくだけで、簡単に見栄えの良いWebサイトが作れてしまう便利なサービスです。 また、中・上級者向けにソースコードもすべて編集可能になっているので、自分好みにカスタマイズすることも出来るのが特徴となっています！ ■基本的な使い方！ それでは、実際に「Pingendo」を使いながら、どのようなサービスなのかを見ていきましょう。 利用するにあたり、面倒な登録やインス
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
ノンデザイナーも必見！Twitter BootStrapの特徴と導入前に確認すべき事 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ。アートディレクター兼2児のパパ、長岡です。 毎回子どもネタですが、最近アンパンマンを指さして「パンパーンパン」とそれっぽい発音をしている息子を見て「こいつ可愛いな」と癒されています（笑） 屈託のない笑顔と持ち前のあどけない仕草で、保育園のマダムたちをイチコロ（表現が古い？）にしているそうです。将来がちょっと心配です・・・。 さて今回は、HTML5・CSS3・jQueryを使用したフロントエンドツールの王道「Twitter Bootstrap（※ver2.3.1）」のお話。 ※この記事を書いている最中にver3.0がリリースされました！（汗）後でゆっくり触ってみたいと思います。 ▲Twitter BootStrap ver2.3.1 Web制作者なら、一度は触れたことがあることと思います。 そのまま使ってみたり、カスタマイズして使ってみたり・・・。 使い方を間違えなければ、とても
Datepicker for Bootstrap
bootstrap-datepicker sandbox αlphα Use the form below to tweak the options; results and code appear in realtime below. As you change options, your address bar will update to reflect the current configuration (requires a browser with history.replaceState support). This url can be used to link to the sandbox with the given configuration pre-loaded. Download 1.9.0 Download Development (master) Type:
BootswatchのテーマをRailsで使ってみる - === SANDmark 19106 === beginning stress test
なんだか最近流行りのBootstrap。 僕はもっぱらデザインが苦手で（かといってコーディングも得意ではないんだけど） そんな人にとっては大変ありがたい存在です。 しかし、「今風」の雰囲気になってSUGEEEEEEと興奮するのも最初だけ。 僕にはカスタマイズなんてとてもできない。 独自性をアピールするためには、Twitter Bootstrapはあまりにも有名すぎ、僕にはデザイン能力が無いんです。 そこで、Twitter Bootstrapのいろいろな "テーマ" を集めた Bootswatch: Free themes for Bootstrapに助けを乞うことにしました。 パッと見、いろんな意味で隙が無さそうですが、 Ruby1.9.3 + Rails3.2でハマったのでメモ。（バージョンはあんまり関係ないと思うけど一応） まずは、当然ですがRails先生にTwitterBootstr
Windows環境でtwitter-bootstrap-railsを利用する - Qiita
Rails＋Rubymine＋Bootstrap＋SlimをWindows環境で開発するためにしたこと。 今回は環境構築 twitter-bootstrap-railsはLESSを使用するため、therubyracerが必須となります。 Railsの場合は、Bundleを使ってのGemのインストールすることが基本なので、 ローカルファイルを適用した利用方法についてまとめてみた。 1.V8.dllのインストール 下記のサイトより「V8.dll」をダウンロードします。ダウンロードしたファイルは、 Pathが通っているフォルダにコピーします。 (自分は参考にしたサイトより、C:\Windowsにコピー) V8.dll 2.therubyracer-0.11.0beta1-x86-mingw32.gemをローカルに展開 下記サイトよりWindows版therubyracerをダウンロードしますしま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap Themes Built & Curated by the Bootstrap Team.
Start Bootstrap
Bootstrap Expo