じょん

2020年：大手自動車製造業退職/2021年：地元の自社開発企業にてSE転職/2022年：フリーランスになる-NoCodeCampコミュニティマネージャーとして、イベントの管理・運営を担当しながら、ノーコードツールBubbleの学習を軸に様々なツールを触っています。

じょん

2020年：大手自動車製造業退職/2021年：地元の自社開発企業にてSE転職/2022年：フリーランスになる-NoCodeCampコミュニティマネージャーとして、イベントの管理・運営を担当しながら、ノーコードツールBubbleの学習を軸に様々なツールを触っています。

    • ノーコード

    • プログラミング備忘録

      プログラミング学習時の備忘録&アウトプット用に作成しています。

    • テックキャンプ短期転職

      テックキャンプ短期転職コースを受講した感想や振り返りをまとめます。

    • railsで簡単なメモアプリ作成

      rails初学者のアウトプット記事になります。機能としては初歩の技術になりますが、MVCや７つのアクションの理解にはちょうど良いかと思い作成しました。

      • ノーコード

      • プログラミング備忘録

      • テックキャンプ短期転職

      • railsで簡単なメモアプリ作成

    • 固定された記事

    テックキャンプ受講前に知りたかったこと

    ・学習時間は1日何時間？？下記の図を見てもらえばわかると思いますが テックキャンプの短期集中コースでは12時間/日×5日間×10週間＝600時間の学習時間を確保しなければなりません。 しかしながらコロナウイルスの感染拡大防止策として4/8(水)~5/6(水)まで 全ての教室利用が禁止となっています。（4/25時点での情報） 「オフラインだからこそ時間確保できると思ったのに！」 「オンラインでの質問はしっかりできるのか？」 この辺りについて詳しく書いていきます。 ・自宅学習

    じょん

      • Bubble高さを画面幅いっぱいに表示する方法

        完成品ノーコードツールBubbleを使って、画面幅いっぱいにElementの高さを指定する方法をまとめました。 完成品はコチラになります。 よくあるヘッダー、サイドバー、メインセクション、フッターのデザインですが、BubbleでGroupを重ねて作っていると、画面下部に余分な隙間が出来てしまいます。 パソコンのディスプレイサイズによって余白が出来てしまうとかっこわるいですよね。 特に追加するプラグインもないので、サクッと設定しちゃいましょう。 FloatingGroup

        じょん

        • 30代未経験からITエンジニアに転職した話

          大手製造業で正社員として12年間勤務し、役職も上がったところで別業種のIT業界へジョブチェンジしました。じょんです。 転職した年齢は32歳 企業では脂の乗ってきたタイミングでなぜ転職を選んだのか 大企業からの転職という大きな決断を行った理由とどのような過程で未経験から転職できたのかを綴っていきます。 そして現在は地元の自社、受託開発企業に転職し2ヶ月が経過しました。 なぜ転職しようと思ったのか 100年に一度の大変革期だと世間が賑わっていたのが2017年～2019年だっ

          じょん

          • テックキャンプ 卒業後の転職活動

            テックキャンプ を6月の末に卒業し、2週間が経過しました。 今回はカリキュラム終了後の転職活動についてまとめていきます。 愛知県の求人は少ない名古屋での転職は求人が少なく、テックからの紹介も少なくなるとは 聞いていました。聞いていましたが・・・ 名古屋：１社、岐阜：１社 ここまで少ないとは思っていなかった。orz そしてキャリアドバイザーさんからの支援は面接対策や履歴書記入なので 自分で調べて、応募して面接していくことになります。 正直一緒に探してくれるのかなっと淡い期

            じょん

          マガジン

          マガジンをすべて見る すべて見る
          • ノーコード
            じょん
          • プログラミング備忘録
            じょん
          • テックキャンプ短期転職
            じょん
          • railsで簡単なメモアプリ作成
            じょん

          記事

          記事をすべて見る すべて見る

            Laravelインストールにハマった

            Ruby on Railsというフレームワークで10週間学んだので スクール卒業後は何か別の言語を習得しようと思って 始めたのがPHP でした。 そしてそのフレームワークの一つであるLaravelを使用して 何かアプリケーションを作ろうと思ったんですが 環境構築で沼にハマリました。 ローカル環境macOS Catalina 10.15.5（MacBookAir） Homebrew 2.4.2 ここからインストールできます。 PHP 7.3.14 Homebrewインストール

            じょん

            （２）テックキャンプ短期転職コース卒業後の振り返り

            テックエキスパート卒業後の振り返りvol2です。 スケジュールよりも1週間早く応用カリキュラムの提出が完了したので 個人アプリの実装に移りました。 〜6週間こちらの記事にも書きましたが、誰にも質問できない環境で自分の作りたいWEBアプリを作成します。 過去記事　→ テックキャンプ 個人アプリ開発は孤独との戦い 自分は応用カリキュラムのアプリを参考に、チャットアプリを作成しました。早く終わったとはいえ、開発期間は2週間しかないので 2日ほど復習につかい、個人アプリ実装に７日

            じょん

            テックキャンプ短期転職コース卒業後の振り返り

            4/20にキックオフしてから７０日間が経過しました。 今回は進捗管理表を元に、どのような学習を行っていたのかを 振り返っていきます。 受講検討中の方の判断材料になれば幸いです。 4/20(キックオフ）〜1週間PC：mac 開発環境：ローカル開発 ターミナル/VScode/Sequel Pro ＊AWS(Cloud9)での開発はイナズマ コースだけのようです。 １．HTML/CSSの基礎を学び、サイトの表紙を作りました。 ２．Rubyを使い、映画レビューアプリの作成 ３．R

            じょん

            (6)Railsで簡単なメモアプリを作ってみる

            今回はSCSSの＠mixinで同じような記述をまとめていきます。 また、修飾もしていきます。 以前まとめた記事 → SCSSのmixinが優秀すぎたのでまとめます。 mixinの設定app/assets/stylesheets/memo.scss .notification { .notice { background-color:blue; color: white; text-align: center; } .alert { background-c

            じょん

            (5)Railsで簡単なメモアプリを作ってみる

            今回はエラーハンドリング を行っていきます。 エラーハンドリング とはエラーが発生した時のアクションを決める事です。 例えば、今回の投稿機能に空文字不可を追加してみます。 バリデーションをかけるapp/models/memo.rb class Post < ApplicationRecord validates :content, {presence: true}end validatesはバリデーションと言って制約をかける事です。 presence: trueをつける

            じょん

            (4)Railsで簡単なメモアプリを作ってみる

            前回の作業で編集フォームと一覧表示が作成できました。 投稿　→　(3)Railsで簡単なメモアプリを作ってみる 今回は削除機能を追加していきます。 destroyアクションの追加config/routes.rb resources :memo, only: [:new, :create, :edit, :update, :destroy] rails routesで確認すると、destroyが追加されています。 このようにroutes.rbを編集するとルーティングが生

            じょん

            (3)Railsで簡単なメモアプリを作ってみる

            前回の作業で新規投稿フォームとデータベースが作成できました。 投稿　→　(2)Railsで簡単なメモアプリを作ってみる 今回は編集機能の追加をしていきたいと思います。 流れとしてはnew,createのアクションと同じです。 前回の作業解説・コントローラーにnewアクション追加 ・routes.rbにパスを追記＆rails routesで確認 ・new.html.erbファイルを作成 ・上記ファイルにフォームを作成 ・コントローラーにcreateアクション追加 ・rout

            じょん

            (2)Railsで簡単なメモアプリを作ってみる

            今回はモデルの作成とフォームの作成を行い 実際にデータベースに情報を保存できるようにします。 モデルの作成rails g model post migrateファイルやmodel/post.rbが作成されました。 db/migrate/~~_create_posts.rbはデータベースの設計図のようなもので このファイルの中身を弄ってmigrateコマンドを入力することにより データベースが定着し、使えるようになります。 db/migrate/2020062323450

            じょん

            Railsで簡単なメモアプリを作ってみる

            RubyのフレームワークRailsを使用して、簡単なメモアプリを作ってみようと思います。初学者の投稿ですので、同じように作っても動かない可能性がありますのでご了承ください。 開発環境macOS Catalina バージョン10.15.5 ローカル開発 macの標準ターミナル GoogleChrome サーバー：MySQL エディタ：VScode ruby 2.5.1　Rails 5.2.4.3　mysql Ver 14.14 バージョン確認方法 ターミナルで以下のコマ

            じょん

            Railsその他のアクションとは？？

            前回の記事でRails７つのアクションをアウトプットしました。 https://note.com/john01/n/nad30a560cb52 indexは一覧表示、newは新規作成ページというのは分かった。 では投稿完了ページや削除確認ページ等はどうやって表現したらいいのか… ECサイトをチームで開発中にそんな疑問にぶち当たりました。 当初の自分の考えでは、そのページのcontrollerを量産して indexアクション作ればよくね？？でした。 実際に自分の個人アプリはi

            じょん

            Rails７つのアクションとは？

            前回MVCモデルをまとめている時にRails７つのアクションに 触れていませんでした。 前回の記事　→　https://note.com/john01/n/nb3888c1efb20 『７つのアクション』とはControllerに記述する時に使用します。 このアクション名だったらこんな処理をするだろうなと 後から見た時に分かりやすくなり可読性が上がります ７つのアクション一覧 ・index・・・一覧表示 ・show・・・詳細表示 ・new・・・新規作成画面 ・create・

            じょん

            プログラミング備忘録【Rails編①】

            webアプリケーション作成における基礎中の基礎であり 初学者がまず躓くポイントであるMVCの備忘録です。 もちろん僕も躓きました。 何が理解しにくいかというと 関係性が理解にしくい！ これに尽きるかと思います。 例えば以下のようなエラーが出た時にどこを確認したら良いのかわからない 一概にここが悪い！とは言えませんが、MVCの流れを理解することにより 見る箇所を絞り、早期解決に繋がります。 M（モデル）の役割テーブルの設計図ですね。 $ rails g model pos

            じょん