再び自己分析系の記事になります。 絶賛転職活動中で会社探しや面接を受けたりしてると、どうしても自分の内面に関心が向いてしまう機会が多いので仕方がないですね(?)。 2020年3月に受けたストレングスファインダーの結果を元に、自分という人間を考察して…

現RUNTEQ生の方たちが色々なポートフォリオをリリースしており、自分が作ったアプリよりも凄いものを作っているなぁと思う毎日です。 そんな中で各ポートフォリオのGithubリポジトリを見ていると、リリースから暫く経過したアプリであってもRelease機能を使…

今日はRUNTEQ内のイベントで原体験ドリブンの著者であるチカイケ秀夫さんの公演があり、その中で原体験のペアワークを行いました。 折角なので、ワークの結果をログとしてブログに残して置こうと思います。 ↓の本です。 note.com ワークの内容としては、以下…

アウトプットの習慣を戻すと言っておきながら、前回から１ヶ月弱空いてしまいました… この１ヶ月具体的に何していたかというと、RubyとRailsの復習および就活をしていました。 正直、今までやってきたことの振り返りが中心で新しく学習することは少なかった…

約1年間放置していましたが、アウトプットの習慣を戻したいなと思って更新します。 前回の記事がポートフォリオについての考えをまとめたものでしたので、 リハビリも兼ねてアプリについてちょっとまとめていきます。 あれから更に時間がかかりましたが、2ヶ…

またしばらくの間更新をサボってしまってましたが、 現在もエンジニア転職を目指してポートフォリオを作成している途中です。 作ろうとしているアプリは以下のアプリです。 github.com アカウントのIDを入力して診断ボタンを押すと、 普段のツイートに応じた…

久しぶりのブログ投稿になってしまいました。 現在、ポートフォリオを鋭意制作中です。 タイトルにもあるように、ここ数日は Tailwind Cssをポートフォリオで使おうとインストールしてました。 忘備録として残しておきます。 1. yarnでインストールする CDN…

Vue.jsを使って、リアルタイムで検索結果を表示する検索フォームを実装することを考えます。 検索フォームに打ち込んだ文字列をタイトルに含むタスクのみが画面上に表示されるようにします。 task/index.vue <template> <label for="search">絞り込み</label> <input id="search" v-model="searchTask" // dataに定義したsearchTaskに入力した文字列を入れ込む type="text" placeholder="タスク名を入力してください" class="form-control" > </template>

ログイン機能を実装しているタスク管理アプリで、 個々のユーザーがプロフィール画像を登録できるように、画像アップロード機能を実装することを考えます。 RailsのActiveStorageを使って画像登録します。 ①userモデルにプロフィール画像用のカラム(avatar)…

VeeValidateを使って、タスク追加・編集フォームのバリデーションチェックを行っていきます。 フォームに入力されたデータに対して、リアルタイムでエラーを表示させることができるようになります。 ①インストール yarn add vee-validate // もしくは npm in…

Vue.jsとrailsでタスク管理アプリを作りながら勉強してます。 今回はタスクを3つ(TODO、DOING、DONE)に分けて、 なおかつタスクの一覧(TaskList)とタスク単体(TaskItem)を別のコンポーネントに分割していきたいと思います。 コンポーネント間の関係：index(…

昨日の続きです。 モーダルから新しくタスクを追加する場合を考えます。 子コンポーネント(TaskCreateModal.vue)→親コンポーネント(index.vue) 引き渡すデータ：タスクの情報(タイトル/title、詳細/description) 実装例 index.vue <template> <transition name="fade"> </transition></template>

Vue.jsの勉強では、タスクを管理するアプリを想定しています。 既にタスクのデータは追加されていて、タスク一覧に表示されているとします。 今回は、タスク一覧からタスクをクリックして、タスク詳細のモーダルを表示する実装を行いたいと思います。 親コン…

こんな去年の年末から更新してないブログを見ている人はまずいないでしょうが、 改めてブログ書いていこうと思います。 以下、要約 このブログは、私が学んだプログラミング技術について雑にまとめていくものです。 アウトプット力を高めるために書いてます…

はじめに この記事は「RUNTEQ Advent Calendar 2020( https://qiita.com/advent-calendar/2020/runteq )」のアドベントカレンダー9日目の記事として書いています。 どうも初めまして。一応ブログは作ってはみましたが、２ヶ月くらい放置していた人間です。建…

ブログの更新はこの２カ月全くやってなかった一方で、学習の方は進めていたので、 その中でやってしまったミスを思い出せる範囲で書き残して行きます。 １）＠消し忘れ スクールで作成中のアプリで、コメント編集・削除のajax 化を行った後、テストを行った…

プログラミングの学習をとりあえず挙げていくと言ったくせに、 すぐに三日坊主になってしまった人です。 プログラミングの学習自体は続けてました。 チュートリアルのメモ書きは13章まで上げていましたが、14章もメモに書くだけ書いて放置していたので、上げ…

○マイクロポストの実装 ・Micropostモデルは内容を保存するcontent属性(text型)と、特定のユーザーとマイクロポストを関連付けするuser_id属性(integer)の2つから成る ・$ rails generate model Micropost content:text user:references →AplicationRecordを…

○パスワードの再設定 基本的に11章のパスワード有効化と同じ Forget passwordリンク→フォームにメアド →再設定用のリンク付きメールが届く →再設定の確認フォーム ・再設定の手順 1)キーはフォームに入力されたメアド 2)メアドがデータベースにあれば再設定…

○アカウントの有効化 新規登録したユーザーが本当にそのメールアドレスの持ち主なのかを確認するための有効化。 １）ユーザーの初期状態はunactivated ２）登録時に有効化トークンとそれに対応する有効化ダイジェストを生成 ３）有効化ダイジェストはデータ…

○ユーザーの更新・表示・削除 ・新規ユーザーとユーザー編集の区別： POSTリクエストとPATCHリクエストはActive Recordのnew_record論理値 メソッドを使っている。 ＠user.new_record? → trueではPOST、falseではPATCH ・ユーザー更新失敗時： paramsハッシ…

○発展的なログイン(Remember me) 任意でユーザーのログイン情報を記録しておき、ブラウザ再起動後にすぐ ログインできる機能。 →永続cookieを使う ・トークン： コンピュータが作成・管理する秘密情報。パスワードはユーザーが作成・管理する。 セッションの…

○基本的なログイン機構 ・ログイン： ブラウザがログイン状態をキープ、ユーザーがブラウザを閉じたら状態を破 棄する仕組み（認証システム：Authentification System） ＋ ログイン済のユーザーだけがアクセスできるページや機能 （認可モデル：Authorizati…

○ユーザー登録 ユーザー登録フォーム→ユーザー保存→成功でデータベースに登録 →ブラウザの表示をリダイレクト→登録ユーザーのプロフィールを表示＋ウェルカムメッセージ ・ミックスイン： Sassの機能で、CSSルールのグループをパッケージ化することで 複数の…

○データベースについて ・モデル: Railsデフォルトのデータ構造。 永続的・長期的にデータを保存する。 データベースにリクエストを行うデフォルトのライブラリはActiveRecord。 データ行で構成されるテーブルを持ち、各列(カラム)はデータ属性(文字列:Strin…

○HTMLとCSS ・レイアウトを作成するのがHTMLだがそのままでは見栄えが悪いため、 CSSクラス(自前やBootstrapなどの公開フレームワーク)を関連づけることで デザインを洗練できる。 ・app/assets/stylesheets/に置かれたスタイルシートはapplication.cssの一…

○Rubyについて カスタムヘルパー： ビューで使える新たな組み込み関数（メソッド）のこと。 app/helpers/application_helper.rbにヘルパーとして定義。 Railsコンソール： Railsアプリケーションを対話的に操作するためのコマンドラインツール。 irb(IRB:Int…

○静的なHTMLのページ ○自動化テスト テスト： 主に次の３つを目敵として作成する １）機能停止に陥るような回帰バグを防止 ２）コードの安全なリファクタリング（コードの改善） ３）アプリケーションの設計やシステムの他の部分との インターフェイスを決め…

最初に 自分がメモにまとめていたものを投稿していきます。 見栄えとか全く気にしてません。 後でもっとわかりやすくしたものに変える可能性もありますが、 とりあえず上げていきます。 本題 ○scaffoldによるコード作成 ○MVCモデル ○REST ○継承 scaffold :大…

最初に どうも初めまして。プログラミング初心者の葉染です。 オンラインのプログラミングスクールに通っており、 そろそろ本格的な学習プログラムが始まります。 それに合わせて、何かを勉強するにはアウトプットが大事ということで、 基本的にはスクールの…