Bootstrap

競馬キュレーションサイトを作るよ!#39

前回は自由設定できるカスタムタグを実装しました。
今回はAjaxで動的に記事一覧表示を切り替える仕組みを導入します。

スケジュール

1. 各メディアを調査
2. システム構成を決める
3. 開発環境を作る
4. プロトタイプ作成 ← 今ここ
5. 実装
6. テスト
7. 公開

動的切り替えView

記事につけられたタグは、現時点で3つ。
レース名、調教、分析。
まずはレース詳細ページで、

もっとみる

競馬キュレーションサイトを作るよ!#36

前回は重賞レースの一覧と全記事を表示するページを作成しました。
今回は個々のレースの出馬表とそのレースに関連する記事だけを表示するページを作ります。

スケジュール

1. 各メディアを調査
2. システム構成を決める
3. 開発環境を作る
4. プロトタイプ作成 ← 今ここ
5. 実装
6. テスト
7. 公開

レース詳細ページのルーティング

すでに#33でレース詳細ページへのルートを作って

もっとみる

競馬キュレーションサイトを作るよ!#35

前回はレース一覧viewに表示するデータを取得するためのサービスクラスを作りました。
今回はviewを作成していきます。

スケジュール

1. 各メディアを調査
2. システム構成を決める
3. 開発環境を作る
4. プロトタイプ作成 ← 今ここ
5. 実装
6. テスト
7. 公開

ベーステンプレート

各ページごとに表示する内容は違いますが、基本的なページ構成は同じです。
どのページもBo

もっとみる

競馬キュレーションサイトを作るよ!#33

前回はタグ付けの修正を行い、レース名の表記揺れに対応しました。
今回からControllerとViewを作っていきます。

スケジュール

1. 各メディアを調査
2. システム構成を決める
3. 開発環境を作る
4. プロトタイプ作成 ← 今ここ
5. 実装
6. テスト
7. 公開

Bootstrap4,jQuery3の導入

画面作りにはとりあえずBootstrapとjQueryを使います

もっとみる

今更じゃない、Bootstrap!デザイナーの視点で、美味しい活用方法を紹介します

こんにちは。最近トレース記事をupできていませんが、近いうちまとめ的なものを出したいと思っています。

今回は、以前会社のオウンドメディアで書いたBootstrapの記事に、編集を加えて載せてみました。Bootstrapって聞いたことあるけどよくわからない、Bootstrapってなんだ、どこにレスポンシブを打ったらいいのかわからない!という方に読んでいただきたいです。

Bootstrapってなに

もっとみる

【bootstrap4】テーブルに関してまとめ

1)レスポンシブが上手く機能せず、予期せぬ部分で折り返しが発生する場合の対処方法

上記のサイトが参考になる。

上記のサイトでは、ヘッダータグ(th)に【class="text-nowrap"】を指定することで解決することが紹介されている。

ただし、上記の場合はヘッダーが折り返しされないだけで、ボディータグ(td)の要素(文字列)が長い場合、折り返しされてしまう。

そのような場合はtdタグに

もっとみる

【bootstrap3】 フォーム(form)に関するまとめ

※2019/07/22 追記

formの書き方・作成方法

<form> </form>

フォームを作成するときは上記のように

formのタグを使って、開始タグと終了タグの間に

各パーツ(テキスト、ボタン、チェックボックス)などを

設置するようにして書く必要がある。

formに設定する属性の種類

属性とはタグの後ろにスペースを記入して入力する文字列のこと。

(例)<form cla

もっとみる

相続税は申告が必要な時と不要な時がある

よく知らなかったので調べてみました。
申告が必要かどうかは簡単な計算式で出せます。

相続のお話が出てきたら以下の相続税簡易判定シートで判定してみてください。手計算するよりは楽です。

もっとみる

vue+storybook+bootstrap環境でのbootstrapの適用方法

storybookを使ってコンポーネントの一覧を作成したかったが、bootstrapを使ったコンポーネントがうまく表示できなかったのを対処できたのでメモを残します。

経緯

webのフロントエンドの開発がしたい↓

フロントエンドのフレームワークを使おう↓

フロントエンドのフレームワークではReactがスタンダードだけど、Githubでスター数が伸びている且つ小さく始められるVue.jsにしよ

もっとみる

2019年のゴールデンウィーク

4月27日(土) ― プログラミングの助走 / 小説創作講座

React を使って、Form のバリデーションをするコードを書く。複数の入力フィールドの変更イベントを共通ハンドラに渡して、その中でバリデーションして、エラーの状態を変更するようにした。我ながらよい案だ、と思ったけれど、そんなのはよくあるイディオムであった。

午後は小説講座に行く。サマータイムがカジュアルに導入されたら、という設定

もっとみる