web
状態管理してみる サービスをWeb上にアップしたのはいいものの、誰が作ったかぐらいはわかるようにしたい。 けど、ユーザ管理とか面倒なのでやりたくない。ふーむ、どうしたものか、と考えて基礎の本を読んでたら、 「状態管理」という項目がありました。 ク…
fixtureでハイフン使うとエラーが起こる $ rake db:fixtures:load rake aborted! ActiveRecord::Fixture::FormatError: a YAML error occurred parsing /Users/xx/xxxx/musico/test/fixtures/anime_details.yml. Please note that YAML must be consistently…
はてさて無事herokuにデプロイはできたのですが。いざデータを入れてみると、youtubeエンベッドはできたのですが、ニコニコのエンベッドが動かない。デプロイするときに色々消したのがまずったのかな…と思ったけど、ローカルでは普通に動いてる。 Developer…
masterkei.hatenablog.com前回に引き続きがんばる。 Gemfileを修正してみる とりあえずGemfileの書き方がなんかだめだったのかな、ということで、 Rails Girls - Japanese を参考にしながら書きなおす。[Gemfile] # Use sqlite3 as the database for Active …
なにやらherokuで簡単にデプロイできるみたい。 しかも今はGithubからも簡単にPushができるとかなんとか。やってみる。 まずはherokuで色々やってみる とりあえず昔herokuアカウントを取ったことはあるので、それを利用。 まずはherokuにアプリを作ってみる…
テーブルにURLをぶっこむ方法、とりあえずiframeの中でGoogle呼び出せばいいんじゃね?(ハナホジー)とか思ってたけど。実際やってみると全然できない。むむむ。プロに聞いてみた。クロスドメインというらしい。通常だとセキュリティーエラーでできないので、 A…
テーブルの表示がイマイチいけてないのをどうにかしたい。 bootstrapのtable x gridsystemを使ってみる qiita.com もともとscaffoldで作成してたのでテーブル出力されてる表に、 bootstrapのgridシステムを適用させてみる。[ .html.erb ] <div class="table-responsive"> <table class="table table-striped table-bordered table-condensed newline"> <thead> <tr style="font-size: 80%"> </tr></thead></table></div>
masterkei.hatenablog.com 前回でとりあえずニコ動をたくさんエンベッドすることができるようになったものの、サイズがデフォルトに戻ってしまったので、レスポンシブにしたいぞなもし。wayohoo.com CSSで変える方法みっけた。けど外部プレイヤー表示すると…
前回の続き。masterkei.hatenablog.com 結局よくわからんなぁ。。。となってしまいました。 幸いにも近くにJavascriptのプロがいたので、泣きついてみる。 「わざわざこんな難しいことしなくても、ニコニコの外部URLを張り付ければいいんじゃないですか?」 …
とか大層なこと言ってるけど、実際はyoutubeをエンベッドしたときと同じcss書いてるだけ。masterkei.hatenablog.com[ .scss ] // niconico responsive embed #nico_player{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; over…
テストデータをいろいろ入れてみていると、youtubeに情報が存在しない場合が多々あり。そしてそんなときに限ってニコニコ動画ではあったりして。ニコニコ動画も貼り付けたーい!! だがしかし。absg.hatenablog.com ニコ動はURLだけでなくJavascript埋め込ま…
OPとEDを入れていくと、たまに「4話だけ特殊OP」とか「11話だけ特殊ED」とか出てくる。その場合はop_title / ed_title(presence:trueバリデーションかけてる)に「-」と入力して後は空にしてみる。が、すでに枠をiframeでとっちゃってるので、空白のエリア…
なぜか一部のページで横幅がおかしい件、要素の検証で辿っていったところ、 どうやらナビバーが悪さをしている可能性。 条件分岐でhomeやらtitleやらにターゲットを変えてたけどここなのか? と思ったら全然違った。htmlの要素を一つずつ削って確認したら、…
テストファイルででかい画像を読み込んだら、今まで小さめの画像でテストしていたこともあって、かなり微妙な出来栄え。ちょっと調整してみる。 showページ やたらでかい画像がでかいまま表示されてしまうので、一定以上大きくならないように表示させる。CSS…
zvub.hateblo.jpcss指定するときは、コントローラやアクションはちゃんと{}で囲まないとダメですよという話。 見事にひっかかった。 ついでにbootstrapのボタンのスタイルについて。www.atmarkit.co.jp
ですね。下手にCSSで指定するとパディングやら何やらでよくわからなくなるのが初心者私です。xn--eck9awc8j.biz 画像イメージをブロックで囲んだ結果、ウィンドウの中で画像がちょろちょろ動く状態になってしまってるので、 画像は縦長、横長に関わらず、元…
テーブルに保存したyoutubeの動画をエンベッド表示する。morizyun.github.ioあんまり細かいこと考えずにこの通りやればできました。 URLを直リンクではなくて、エンベッド用のURL使う必要があるくらい。ちなみに、ここは以下を手作業でやってるので、いつか…
なんか最近女性にマウントされることが多いです。めんどくせぇ。 というわけで、ひきつづき見た目の編集。[ anime_titles/show.html.erb ] <p> <strong>アニメの詳細情報:</strong> <%= render partial: 'anime_details/staffandcast', locals: { anime_title: @anime_title, ani</p>…
テストでテーブルにゴミをたくさん追加してしまったので、削除ボタンを追加する。 <%= link_to '表示', action: :show, anime_title_id: @anime_detail.anime_title_id, id: anime_detail.id %> <%= link_to '編集', action: :edit, anime_title_id: @anime_…
画像の指定領域表示と、ファビコンの設定。 表示領域を指定して画像を表示する 参照する画像のサイズを%で大きくしたり小さくしたりしてたけど、いかんせんモノによって画像が横長だったり縦長だったりするので、最大ピクセルを設定。んで、それ超えた場合は…
うまくやったらとりあえず画像出しまくることはできた。 テンプレの画像読んでるところにはめこんだだけ。qiita.com を参考。 ページの構成として、再帰的に呼び出すようなものは、全部部分テンプレートにしちゃった方がいいみたい。 例えば、今作ってるのだ…
今度はコントローラとビューについてプロから熱い指導が入りました。 めちゃくちゃ勉強になった。 サイト構成とrailsの構成 今までscaffoldで作ってたので、特にサイトの構成とかなんも考えてなかったんだけど、普通、サイトって「トップページがあって、そ…