検索機能は作った <div class="serach mr-10"> <v-text-field prepend-inner-icon="mdi-magnify" @keydown.enter="redirectToSearchPage" v-model="keyword"> </v-text-field> </div> data() { return { keyword: '', }; }, redirectToSearchPage() { this.$router.push({ name: 'SearchPage', query: { q: this.keyword } }); }, 一…

コンポーネントを使いまわしたい 具体的には下のUserIcon.vueを色んなとこで使いたい。でもサイズは各々違う大きさにしたい 今回はpropsで親から指定することにしました UserIcon.vue <template> <div class="user-icon" :style="styles"> <img src="../../assets/images/user.png" class="user-icon-image"> </div> </template> <script> export default { props: ['width'], computed: { styles(…

導入はこちらから zykbgame.hateblo.jp 微妙なところを修正したい 微妙なところ ・大きな画像を表示するとフォームが伸びてしまう ・投稿するとファイル名(nailchip.jpg)とサイズが表示されてしまう キャプション が表示されないようにする views/active_sto…

bashでは連想配列が使用できる。一般的なプログラミング言語ではハッシュやマップ、辞書に相当する作成するにはdeclare -Aで明示的に宣言する必要がある。参照にはインデックスの代わりにキーを指定する $ declare -A user $ user=([id]=1 [name]=zykb) # 宣…

bashにおいても一般的なプログラミング言語同様に配列が使用できる配列へ値を代入するには( )内に要素を並べる(複合代入) # 空の配列を作成 $ list=() # 複合代入で作成 $ fruits=(apple grape orange peach)明示的に配列と宣言するときはdeclare -aを使う $…

シェル変数 多くのプログラミング言語と同じくbashでも変数が使える 変数の作成は「変数名=値」で行う $ directory=/home/zykb他のプログラミング言語と違う点として、=記号の左右にスペースやタブを入れてはいけない $ directory = home/zykb directory: co…

概要 シェルはLinuxカーネルとユーザを繋ぐインターフェース。ユーザはシェルにコマンドを入力することで、入力されたコマンドを解釈してLinuxカーネルへと受け渡すことが出来る。 シェルとLinuxカーネルの分離 Linuxカーネルとそのインターフェイスであるシ…

最近はpaizaなどでプログラミング問題を解いて遊んだりしてるのでよく使う標準入力の受け取り方をメモ 1行の受け取り 標準入力 a line = gets => "a\n" line = gets.chomp => "a" 1行に複数要素の受け取り 標準入力 a b c # 配列で受け取る line = gets.spli…

puts 改行を加えて出力する。内部的にto_sが呼ばれている puts 123 123 => nil putsメソッド自身の戻り値はnilになる putsは必ずnilを返します。 https://www.ruby-lang.org/ja/documentation/quickstart/ 改行文字を含む文字を渡すと改行されて出力される p…

デフォルトではUTC(世界標準時)で表示されてしまうためJST(日本時間)に変更する #config/application.rb config.time_zone = 'Asia/Tokyo' ついでにフォーマットもいじって見やすくします #config/application.rb config.i18n.default_locale = :ja config/l…

ブログには必須の月間アーカイブ機能を作ります メソッドの作成 # Article.rb def divide_monthly return Article.group("strftime('%Y%m', articles.created_at)") .order(Arel.sql("strftime('%Y%m', articles.created_at) desc")) .count end orderに直接…

投稿前に画像を確認できるようにプレビュー機能を作りたい プレビュー機能の作成 元の状態消した方が見栄えが良くなるのでfile_fieldを非表示に <%= f.file_field :image, class: "img_field", style: 'display:none;' %> プレビュー画像をクリックしたらフ…

久しぶりに触ったのでメモ代わり バリデーションとは バリデーションは、正しいデータだけをデータベースに保存するために行われます。 Active Record バリデーション - Railsガイド バリデーションを定義することでデータベース保存前に不正なデータや無効…

ActionTextの導入はこちら zykbgame.hateblo.jp テストを書く # 省略 describe '記事の新規投稿' do before do # 投稿ページに移動 visit new_article_path end context '入力値が正常なとき' do before do fill_in 'article_title', with: 'テスト' fill_in…