Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

卒業生の声のページで、「卒業生の声」のタグがついた記事を動的に取得し表示するようにした。 #8272

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from
+159 −184
Draft

卒業生の声のページで、「卒業生の声」のタグがついた記事を動的に取得し表示するようにした。 #8272

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6d3ad15
"卒業生の声"タグを持つブログ記事を動的に取得、表示するようにした。
mousu-a Jan 13, 2025
8e7f876
動作を確認するためのフィクスチャを用意
mousu-a Jan 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion app/controllers/welcome_controller.rb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,9 @@ def index
@mentors = current_user ? User.mentors_sorted_by_created_at : User.visible_sorted_mentors
end

def alumni_voices; end
def alumni_voices
@articles = Article.with_attachments_and_user.tagged_with('卒業生の声').order(published_at: :desc).page(params[:page])
end

def job_support; end

Expand Down
198 changes: 16 additions & 182 deletions app/views/welcome/_alumni_voices.html.slim
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,188 +11,22 @@ section.lp-content.is-lp-bg-1.is-top-title
.lp-content__articles
.row.is-gutter-width-32

.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/137', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-138.jpeg', class: 'thumbnail-card__image', alt: '私たちも最初から、1000時間も学習できると思っていませんでした【卒業生インタビューキャタル様】の記事のサムネイル'
.thumbnail-card__row
h3.thumbnail-card__title
| 私たちも最初から、1000時間も学習できると
| 思っていませんでした【卒業生インタビューキャタル様】
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
| フィヨルドブートキャンプを卒業した方々は、
| どんな経験をして、どんな基準で会社を選び、
| 今エンジニアとしてどんな思いで働いているのでしょうか。
| 今回は株式会社キャタルで働くharuna-tsujitaさん、
| siroemkさん、CTOのgeekneesさんにお話を聞きました。

.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/137', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-137.png', class: 'thumbnail-card__image', alt: '幅広い開発スキルを学び、自分の好きなこと・強みを活かして働けている。【卒業生インタビューキャタル様】の記事のサムネイル'
.thumbnail-card__row
h3.thumbnail-card__title
| 幅広い開発スキルを学び、自分の好きなこと・
| 強みを活かして働けている。【卒業生インタビューキャタル様】
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
| フィヨルドブートキャンプを卒業した方々は、
| どんな経験をして、どんな基準で会社を選び、
| 今エンジニアとしてどんな思いで働いているのでしょうか。
| 今回は株式会社キャタルで働くgogutanさん、kanazawaさん、
| 技術顧問のokuramasafumiさんにお話を聞きました。

.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/133', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-133.png', class: 'thumbnail-card__image', alt: 'プログラミングの挑戦の楽しさと現役エンジニアからの学び【卒業生インタビューTebiki様】の記事のサムネイル'
.thumbnail-card__row
h3.thumbnail-card__title
| プログラミングの挑戦の楽しさと
| 現役エンジニアからの学び【卒業生インタビューTebiki様】
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
| フィヨルドブートキャンプを卒業した方々は、
| どんな経験をして、どんな基準で会社を選び、
| 今エンジニアとしてどんな思いで働いているのでしょうか。
| 今回はTebiki株式会社で働くmasuyama13さん、unstoppa61eさん、
| CTOのshibukkさんにお話を聞きました。

.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/128', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-128.jpeg', class: 'thumbnail-card__image', alt: '30歳、警察官と教員からエンジニアへ！コミュニティとの出会いがキャリアを大きく変えてくれた【卒業生インタビュー永和システムマネジメント様】の記事のサムネイル'
.thumbnail-card__row
h3.thumbnail-card__title
| 30歳、警察官と教員からエンジニアへ！
| コミュニティとの出会いがキャリアを大きく変えてくれた
| 【卒業生インタビュー永和システムマネジメント様】
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
| フィヨルドブートキャンプを卒業した方々は、
| どんな経験をして、どんな基準で会社を選び、
| 今エンジニアとしてどんな思いで働いているのでしょうか。
| 今回は株式会社永和システムマネジメントで働くfugakkbnさん、haruguchi-yumaさん、
| 先輩社員のnsgcさんにお話を聞きました。

.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/122', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-122.jpeg', class: 'thumbnail-card__image', alt: 'フィヨルドブートキャンプはプログラミングスクールでもあり、1つのコミュニティ。【卒業生インタビューピクシブ様】の記事のサムネイル'
.thumbnail-card__row
h3.thumbnail-card__title
| フィヨルドブートキャンプはプログラミングスクールでもあり、1つのコミュニティ。【卒業生インタビューピクシブ様】
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
| フィヨルドブートキャンプを卒業した方々は、
| どんな経験をして、どんな基準で会社を選び、
| 今エンジニアとしてどんな思いで働いているのでしょうか。
| 今回はピクシブ株式会社で働くyumaさんと、上長のsakiさんにお話を聞きました。

.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/119', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-119.png', class: 'thumbnail-card__image', alt: 'Slerからフィヨルドブートキャンプへ。Web開発に必要な知識が学べて自信がついた【卒業生インタビューしくみ製作所様】の記事のサムネイル'
.thumbnail-card__row
h3.thumbnail-card__title
| Slerからフィヨルドブートキャンプへ。Web開発に必要な知識が学べて自信がついた【卒業生インタビューしくみ製作所様】
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
| フィヨルドブートキャンプを卒業した方々は、どんな経験をして、
| どんな基準で会社を選び、今どんな思いでエンジニアとして
| 働いているのでしょうか。
| 今回はしくみ製作所で働くseijiさん、makiichikawaさんと、
| お二人の上長のhozumiさんtottyさんにお話を聞きました。

.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/114', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-114.png', class: 'thumbnail-card__image', alt: 'コマンドって何……？Macも初めて。本当に未経験だった私が、エンジニアになった話【卒業生インタビューラグザイア様】の記事のサムネイル'
.thumbnail-card__row
h3.thumbnail-card__title
| コマンドって何……？Macも初めて。本当に未経験だった私が、エンジニアになった話【卒業生インタビューラグザイア様】
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
| フィヨルドブートキャンプを卒業した方々は、どんな経験をして、
| どんな基準で会社を選び、今どんな思いでエンジニアとして
| 働いているのでしょうか。
| 今回は株式会社ラグザイアで働く
| takapi61 さんにお話を聞きました。
.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/103', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-103.png', class: 'thumbnail-card__image', alt: '[フィヨブーフェス 2023 文字起こし] 4. フィヨブーは最高だぞ （maimu）の記事のサムネイル'
.thumbnail-card__body
h3.thumbnail-card__title
| [フィヨブーフェス 2023 文字起こし] 4. フィヨブーは最高だぞ （maimu）
.thumbnail-card__body
.thumbnail-card__description
.a-short-text
p
| 先輩受講生や卒業生からフィヨルドブートキャンプの楽しみ方や
| 学習継続のコツ、アドバイスをショートプレゼンテーション形式で伝える
| イベント「フィヨブーフェス2023」での
| 卒業生のmaimuさんのプレゼンテーションです。
.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/98', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-98.jpeg', class: 'thumbnail-card__image', alt: '実践的な学びと入社後の研修で、自信を持って業務に取り組めた。【卒業生インタビューラグザイア様】の記事のサムネイル'
.thumbnail-card__row
h3.thumbnail-card__title
| 実践的な学びと入社後の研修で、自信を持って業務に取り組めた。【卒業生インタビューラグザイア様】
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
| フィヨルドブートキャンプを卒業した方々は、どんな経験をして、
| どんな基準で会社を選び、今どんな思いでエンジニアとして
| 働いているのでしょうか。
| 今回は株式会社ラグザイアで働く naomichi-h さんにお話を聞きました。
.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/83', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-83.jpeg', class: 'thumbnail-card__image', alt: 'プログラミングの楽しさや難しさを話せる仲間ができた【卒業生インタビューGMOペパボ様】の記事のサムネイル'
.thumbnail-card__row
h3.thumbnail-card__title
| プログラミングの楽しさや難しさを話せる仲間ができた【卒業生インタビューGMOペパボ様】
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
| フィヨルドブートキャンプを卒業した方々は、どんな経験をして、
| どんな基準で会社を選び、今どんな思いでエンジニアとして働いているのでしょうか。
| 今回はGMOペパボ株式会社で働くyana-giさん、Sakiさんと、
| お二人の上長のebihara99999さんにお話を聞きました。
.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to 'https://bootcamp.fjord.jp/articles/46', class: 'thumbnail-card__inner' do
= image_tag 'articles/article-46.png', class: 'thumbnail-card__image', alt: '卒業生の kasumi さん、ima1zumi さんにインタビューをしましたの記事のサムネイル'
.thumbnail-card__row
h3.thumbnail-card__title
| 卒業生の kasumi さん、ima1zumi さんにインタビューをしました
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
| 株式会社永和システムマネジメントさんに就職したフィヨルドブートキャンプの卒業生、
| kasumi さんと ima1zumi さんにインタビューをさせていただきました。
| フィヨルドブートキャンプで大変だったこと、今プログラマーになって役立っていることなどを
| 聞かせていただきました。
- if articles.present?
- articles.each do |article|
.col-xs-6.col-md-4
.thumbnail-card.a-card
= link_to article_path(article), class: 'thumbnail-card__inner' do
= image_tag article.prepared_thumbnail_url, class: 'thumbnail-card__image', alt: "#{article.title}の記事のサムネイル"
.thumbnail-card__row
h3.thumbnail-card__title
= article.title
.thumbnail-card__row
.thumbnail-card__description
.a-short-text
p
= article.summary
- else
p まだ記事はありません
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@machida
"記事が存在しない場合" の暫定的な措置として、こちらにテキストを入れています。


.lp-content-divider.is-lp-bg-2
svg[data-name="lp-content-divider" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"]
Expand Down
2 changes: 1 addition & 1 deletion app/views/welcome/alumni_voices.html.slim
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,4 +35,4 @@ article.lp
svg[data-name="lp-content-divider" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"]
path.shape-fill d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z"

= render 'welcome/alumni_voices'
= render 'welcome/alumni_voices', articles: @articles
15 changes: 15 additions & 0 deletions db/fixtures/acts_as_taggable_on/taggings.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,3 +97,18 @@ page13_tag_net_framework:
taggable: page13 (Page)
context: tags
tag: _net_framework

article41_tag_alumni_voice:
taggable: article41 (Article)
context: tags
tag: alumni_voice

article42_tag_alumni_voice:
taggable: article42 (Article)
context: tags
tag: alumni_voice

article43_tag_alumni_voice:
taggable: article43 (Article)
context: tags
tag: alumni_voice
3 changes: 3 additions & 0 deletions db/fixtures/acts_as_taggable_on/tags.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,3 +24,6 @@ _net_framework:

may_j_:
name: May_J.

alumni_voice:
name: 卒業生の声
30 changes: 30 additions & 0 deletions db/fixtures/articles.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,3 +90,33 @@ article<%= id %>:
wip: false
published_at: "2022-03-14 00:00:00"
<% end %>

article41:
title: 卒業生の声のタグを持つ最新の記事です
summary: |-
summaryですsummaryですsummaryです
body: |-
bodyですbodyですbodyです
user: komagata
wip: false
published_at: "2024-03-14 00:00:00"

article42:
title: 卒業生の声のタグを持つ2番目に新しい記事です
summary: |-
summaryですsummaryですsummaryです
body: |-
summaryを含むbody
user: komagata
wip: false
published_at: "2024-03-13 00:00:00"

article43:
title: 卒業生の声のタグを持つ3番目に新しい記事です
summary: |-
summaryですsummaryですsummaryです
body: |-
summaryを含むbody
user: komagata
wip: false
published_at: "2024-03-12 00:00:00"
Loading
Loading