javascript

【Object.assign()】データのコピーを作成したい時に便利

外部APIを叩いて、返ってきたデータがresponseであるとする。 const response = { data: [ { name: "Wiskey", price: "350", percentage: "10", }, { name: "Lemon Sour", price: "350", percentage: "5", }, { name: "Beer", price: "350", percentage: "5"…

IIFE(即時実行関数式)とは

ImmediatelyInvokedFunctionExpression(即時実行関数式) すぐに実行できる関数式のことを指している。 ラムダ式のような印象を受けた。 書き方は以下のようになる。 javascriptの場合 ;(() => 2 )() ;(() => console.log('hello'))() 実際にnodeで出力を確認…

【初心者向け】RailsAPIモードでCRUD処理を実装する方法

徒歩3分圏内にQBハウスがあることによって散歩ついでに散髪に行くことが可能になった23期スキンフェード昴です。 さて、今回はモダンなアプリ開発に欠かせない、rails apiモードに関して学習していきたいと思います。ちょっと長いです。 上から順に見ていく…

YouTube Data APIを✅

30日のブシトラさん宅パーティでは「モテスパイラルの体系的な知識」が学べそうで楽しみな23期アルコリズム改良中です。 宣伝 APIとは Youtube Data APIとは Rails(バックエンド)⇨Youtube Data API ⇨Rails(コントローラー)⇨Viewのscript(フロントエンド)⇨Vie…

【Web技術】polyfillを✅

クリスマスプレゼントを何にするか迷った挙句「一緒に選んで買う」という選択肢を選んでスニーカーをプレゼントさせていただいた23期酒ケジュール作成中こと「優柔不断」です。 昨日行った技術面談のおかげで10日間悩んでいたエラーが丸っと解決いたしました…

【javascript】デバック方法を✅

ゆるPF雑談会の心理的安全性の高さが心地よいのでまた開催して欲しいと考えている23期酒ケジュール作成中です。 ジョジョ立ち、ナポリピッザ、デスボイス、ウィスキー、母音。とりあえずteachable machineの有用性の高さに驚いています。 今回は、javascript…

【javascript】スコープを✅

エラーを直してはエラーがでて、直して、の繰り返しなのでそろそろエラーのない画面を求めている23期中野昴 です。それにしても眠気がすごい。 今回は、javascriptのスコープに関して学習していきたいと思います。 スコープとは スコープとは変数の名前や関…

【javascript】スムーススクロールを✅

5時30起き23時30寝をすると14時に必ず眠くなるという法則を見つけて謎に喜んでいる23期中野昴です。 多くの方からラジオボタンを押したら次の項目にぬるっと動いたらいいよねという声をいただきました。 ユーザーの意見を即反映させることが僕のポリシーなの…

【javascript】ECMAScriptモジュールを✅

普段のブログは書けるのにアドベントカレンダーになった瞬間書けなくなるのはなぜなのかと悩んでいる23期中野昴です。 今回はECMAScriptモジュールに関して学習していきたいと思います。 ECMAScriptモジュールとは ECMAScriptモジュールは、ES2015で導入され…

【Vue】親子間値受け渡しを✅

ブシトラさんと武蔵小杉の渡来部に行ってきました。ブシ渡来部ですね。何つって。殴っていいですよ。近所っていいですね。 そしてチームが決まりました。来年の2月からチーム開発を開始していきます。楽しみですね〜〜 さて、今回は親子間で値を受け渡す千本…

javascriptの例外処理を✅

期限を設定した過去の自分を恨みながら粛々と機能追加を行なっている23期中野昴こと締め切り間に合わなそうで言い訳ばっか考えているです。 今回は例外処理について学習していきます。 例外処理とは 例外処理とは、プログラムの実行の継続を妨げる異常な事象…

day.jsを✅

カレンダーの日付と過去に作成した酒ケジュールデータの日付を結びつけることに苦戦中の23期中野昴です。 今日は、day.jsについて学習していきたいと思います。 day.jsとは moment.jsに置き換わるAPI 年月日時間をフォーマットしてくれるライブラリ https://…

JavascriptのDataオブジェクトを✅

カレンダーと過去に作成した酒ケジュールを紐づけたいけど、実装を考えるうちに、この機能っている、、?と不安にかられている23期昴 aka 酒ケジュール作成中です。 過去のデータとカレンダーを紐づけるということは、必然的に日付情報を扱うことになります…

Javascriptのループ文と反復処理を✅

友達から「顧客情報をハッシュ化させるコードを教えて」と言われて華麗にVBAでハッシュ化させるコードを書いて渡して感謝されて喜んでいる23期酒ケジュール作成中です。#検索する力が身についた function SHA_256(input) { var rawHash = Utilities.computeD…

javascriptのデータ型とリテラルを✅

自分の考えた造語(酒ケジュールやゼロケンなど)を自分以外の方に使っていただけたこと、そして沢山のフィードバックをもらえたことにめちゃくちゃ喜んでいる23期スバルです。将来ダジャレしか言わないおじさんになりそうで怖いですが。。 さて、今回はjava…

javascriptのthis参照を✅

どうしても解決しなかったエラーを二文字だけで解決してくださった普久原さんに感謝している23期スバルです。 今日は1週間に一度だけ訪れるチートデイです。 チートデイは外食と銭湯に行き、運動による肉体疲労と勉強による精神疲労を一気に癒します。 普段…

javascriptのスコープを✅

ほんとに1週間が経つのが早すぎますね。明後日までにエラーを改修してRUNTEQ内リリースをします。#決意 今回は、javascriptのスコープに関して学習していきたいと思います。 スコープとは スコープとは変数の名前や関数などの参照できる範囲を決めるもの。 …

Javascriptの同期処理と非同期処理を✅

思いの外アルコリズム(アルコール+アルゴリズム)の実装に苦戦をしていて四六時中お酒の事しか考えられなくなった23期スバルです。 MDNやRailsガイドを見漁っていいメソッドや考え方がないかな〜と模索中です。 どうやら自己結合型関連付けが使えるのでは?…

ES6で追加されたArray関数を✅

アルコリズム(アルコール ✖︎ アルゴリズム)の作成に苦戦しています。 今回は、アルコリズム作成に役立つかもしれないArrayメソッドを学習していきたいと思います。 特にES6から新しく追加されたArrayメソッドにフォーカスを当てながら学んでいきます。 ES6に…

JavascriptのES6を✅

今日はAmong Useを開発された先輩方のお話を聞く事ができました。めっちゃ仲良しだったな〜〜笑 自分も楽しく厳しくチーム開発したいと思いました! さて、今回はES6を学習していきたいと思います。 ES6とは ES6からの追加機能 letとconst アロー関数 スプレ…

stylesheet_packとstylesheet_linkの違いを✅

気合のタスキのおかげでMVPを完成させる事ができた〜(にんまり) URLはこちら↓ https://preliquo.herokuapp.com/top とりあえず動くものを作っただけなので、内装はこれから整えていきます、、 さて、今回はstylesheet_packとstylesheet_linkの違いについて…

Vue のi18nを✅

「3時間」MVP完成までの残された可処分時間。Herokuデプロイエラーに苦しめられているので、寝ている間に脳内で勝手にデバックしてくれないかなと期待しているスバルです。 さて、今回はVueのi18n化に関して学習していきたいと思います。 i18nとは どう使う…

Vueのトランジションを✅

「6時間」MVP作成予定日まで残された可処分時間。いよいよ後回しにしていたエラーがボディーブローのように効きだしてきて吐きそうなスバルです。 さて、今回はvueのトランジションについて学習していきたいと思います。 トランジションとは javascriptもフ…

コンポーネントの基本を✅

「29時間」残された可処分時間。MVP完成間に合うかな、、 さて、親コンポーネントと子コンポーネントとの値の受け渡しの復習を今一度しておきたいと思いました。 今回はVue公式に記載されている、コンポーネントの基本に関して学習していきます。 【Vue.js】…

サーバーからデータを取得する方法を✅

「36時間」残された可処分時間。頑張ろう。やるしかない。 javascriptのライブラリを使っていく上でサーバーとやりとりをする機会が何度かありました。axiosを使ってapiを叩く時がそれに当てはまります。 今一度頭の整理をするために、今回は「サーバーから…

ルートメタフィールドを✅

「39時間」恐ろしや、こちらMVPリリース日(11/15)までの可処分時間です。まだissueの進捗は60%くらいです。控えめにいってやばい。嘆いても仕方ないので、粛々とポートフォリオ作成に勤しみます、、 さて、今回はルートメタフィールドについてを学習していき…

Vuexのワークフローを改めて✅

「これ、完全にVuex理解しちゃったよね」と最高に調子に乗ってしまっています。とはいえ、エンジニアでもない自分の「完全に理解した」なんてたかが知れているので、ダニングクルーガーの最初の局面が来て喜んでるんだな〜可愛いな〜くらいの気持ちで見てい…

Vue @click 引き数渡し + 複数使う方法を✅

下記サイトへ移行しました。 Vue @click 引き数渡し + 複数使う方法を✅ – オクトムブログ

VueRouterのナビゲーションガードを✅

ログインしていなかったらログイン画面に遷移させたり、診断画面結果表示の前は特定の画面を表示させるようにしたい。 この画面はここからアクセスしてきた方のみ閲覧可能ですよ〜というようなものがあるらしい。 ナビゲーションガードというらしい。学習し…

三項演算子の使い方を✅

JSONから値を取り出すことに苦戦してましたが、なんとか乗り越えることができホッとしています。 ユーザーの回答状況に応じて値を動的に変化させ、「問題1の回答が2だった場合、13という値を返す」ような式を作りたいと考えているのですが、これがまたよく分…