Olivia
Online
サトシ@未経験から自社開発エンジニアへ転職
@everyday_progm
未経験からIT業界へ転職し自社開発エンジニアとして働いています。それまではものづくりに11年間携わっていました。
vue.js、TypeScript、Javascript関係について
日々の学習をアウトプットしています。
Joined April 2025
53 Following
51 Followers
282 Posts
要注意！よくある間違い⚠️
❌ document.querySelector("id名")
⭕ document.querySelector("#id名")
querySelectorでIDを指定するときは、CSSと同じで
**先頭に「#」**が必要です！
今日も最高の1日にしましょう！
🛡️ #プログラミング初心者 #プログラミング #駆け出しエンジニアと繋がりたい
async/awaitとtry/catchの関係まとめ✨
① async：関数を“非同期モード”にする宣言
② await：非同期処理が終わるまで待つ
③ try/catch：エラーを安全にキャッチする箱
本日も最高の1日にしましょう！
#プログラミング初心者 #プログラミング #駆け出しエンジニアと繋がりたい
プリミティブ型！
主要7つ👇
① string：文字
② number：数値
③ boolean：true/false
④ null：値なし
⑤ undefined：未定義
⑥ symbol：一意な値
⑦ bigint：超大きい整数
今日も最高の1日にしましょう！
#プログラミング初心者 #プログラミング #駆け出しエンジニアと繋がりたい
JavaScript/TypeScriptで大事な区別✨
① **式（Expression）**
👉 値を“生むもの”
② **文（Statement）**
👉 命令を書くもの
③ **式文（Expression Statement）**
👉 式を“文として使う”
一休みしましょう☕️
#プログラミング初心者 #プログラミング #駆け出しエンジニアと繋がりたい
JS/TSのif文、カッコの中は？🤔
⭕ 条件式を書く（例：if (age >= 18) { … }）
JavaScript／TypeScriptのifは
「true / falseになる式」を書くのが基本💡
本日も最高の1日にしましょう！
#プログラミング初心者 #プログラミング #駆け出しエンジニアと繋がりたい
TypeScriptで関数に型を付ける基本💡
① 引数の型：x: number, y: number
② 戻り値の型：() : number
③ 全部まとめる：function add(x:number, y:number):number
連休も引き続き勉強していきましょう☕️
#プログラミング初心者 #プログラミング #駆け出しエンジニアと繋がりたい
TypeScriptで非同期処理を書くなら
async と await をセットで覚えると最強💡
① async関数：非同期処理を書く関数に付ける目印
② await：処理が終わるまで待つ魔法のキーワード
③ try/catch：エラーを安全にキャッチ！
#プログラミング初心者 #プログラミング #駆け出しエンジニアと繋がりたい
Expressって何？🤔
Node.jsでWebアプリを作るときの“定番フレームワーク”✨
HTTPリクエストを受け取って、レスポンスを返す流れを
めっちゃ簡単に！
「サーバを立てるのを手伝ってくれる魔法の箱」📦💡
これを使うと、Webアプリの裏側（バックエンド）が一気に書きやすくなる！
お疲れ様でした🌕
同じstringでも意味を分けたいときはブランド型✨
type UserId = string & { __brand: "UserId" };
type OrderId = string & { __brand: "OrderId" };
function getUser(id: UserId) { /* ... */ }
const id = "abc" as UserId;
__brandは識別用のラベル🧭
型安全に扱えるようになる！
#TypeScript
Vueで覚えたいエラー処理3ステップ⚡️
① `try`：エラーが起きそうな処理を囲む
② `catch`：エラー発生時の対処を書く
③ `finally`：成功・失敗どちらでも実行する処理
本日も最高の1日にしましょう☀️
#プログラミング #駆け出しエンジニアと繋がりたい
RESTの基本3点をサクッと整理
RESTのデータ渡し方💡
①GET+クエリ: 検索/絞込。?key=val
②POST+ボディ: 作成。JSONで送る
③PUT/PATCH+ボディ: 更新。IDは/…/:id
使い分けで効率UP！🚀
一休みしましょう☕️
#プログラミング初心者 #プログラミング #駆け出しエンジニアと繋がりたい
HTMLでJavaScriptを反映させるコツ💡
🔹基本は
`<script src="script.js"></script>`で読み込む！
🔹`<head>`に書くと早すぎることも😳
👉`</body>`直前に書くのがベター✨
本日も最高の1日にしましょう！
#プログラミング初心者 #JavaScript #HTML #駆け出しエンジニアと繋がりたい
定数でも中身は変えられる！？💡
`const person = { name: "Taro", age: 25 }`
実はプロパティ（キーと値）は変更OK✨
```js
person.age = 26; // 変更OK
https://t.co/D9305nGbTf = "Tokyo"; // 追加OK
「ラベルは固定、中身は自由」📦
本日も最高の1日にしましょう！
#プログラミング
Vueコンポーネントの親子通信💬
①props：親→子へデータを渡す🎁
②emit：子→親へイベントを送る📩
③slot：親→子へHTMLを差し込む🧩
「props」「emit」「slot」
3つを使いこなせば
コンポーネントの会話がスムーズに✨
本日も最高の1日しましょう！
#プログラミング初心者 #Vue
TypeScriptはJavaScriptのスーパーセット✨
JSは動的型付けだけど、TSは静的型付け💡
型があることで、コードを書く時点でミスを発見できる！
TSはコンパイル時に型チェックして、JSに変換する前にバグを防いでくれるんです🧠
#プログラミング初心者 #TypeScript #駆け出しエンジニアと繋がりたい
配列とオブジェクトの違い💡
① 配列：番号で管理（0,1,2…）
→ `fruits[0]` 🍎
② オブジェクト：名前で管理
→ `person.name` 👩💻
📦 配列＝番号付きの棚
🗂 オブジェクト＝名前付きの引き出し
本日も最高の1日にしましょう☀️
#プログラミング初心者 #プログラミング
配列操作の4兄弟を覚えよう👨👩👧👦✨
push()：末尾に追加
pop()：末尾を削除
unshift()：先頭に追加
shift()：先頭を削除
前後の操作はこの4つ💡
「push→pop」「unshift→shift」ってペアで覚えるとスッキリ🍎
ひと休みしましょう！
#プログラミング初心者 #駆け出しエンジニアと繋がりたい
配列の中身は変えられる？🤔
constで作った配列は再代入NGだけど、中身は変更OK💡
const fruits = ['apple', 'banana'];
fruits[0] = 'grape'; // OK
fruits.push('orange'); // OK
fruits = ['melon']; // ❌エラー
本日も最高の1日にしましょう☀️
#プログラミング #駆け出しエンジニア
AWSセキュリティ💡
🔹 CloudWatch＝監視カメラ（モニタリング）
🔹 GuardDuty＝警備犬（不審者に反応）
🔹 Macie＝鑑定士（倉庫の宝物や機密を発見）
🔹 Security Hub＝司令室（情報を集めて意思決定）
お疲れ様でした！
#プログラミング初心者 #プログラミング #駆け出しエンジニアと繋がりたい
SQLの3値論理の優先順位🪄
✅ AND：False > Unknown > True
👉 True AND Unknown → Unknown
✅ OR：True > Unknown > False
👉 True OR Unknown → True
NULLが絡むと結果が変わる！✨
本日もお疲れ様でした！
#プログラミング初心者 #プログラミング #駆け出しエンジニアと繋がりたい
Last Seen Users on Sotwe
.
D
Seen from Australia
ديوث🫎
Seen from United States
Penes ricos
Seen from Algeria
PATHAN ♥️
Seen from Egypt
Matthew Tyrmand 
Seen from Australia
Hiroshi Makita Ph.D. 誰が日本のコロナ禍を悪化させたのか？扶桑社8/18発売中
Seen from Japan
Kato777
Seen from United States
YERLİ ÇEKİMLER
Seen from Switzerland
MALE UNCENSORED
Seen from United Kingdom
Trends for you
Most Popular Users
Elon Musk
@elonmusk
241.6M followers
Barack Obama
@barackobama
119M followers
Cristiano Ronaldo
@cristiano
114.2M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107.2M followers
Rihanna
@rihanna
98.7M followers
NASA
@nasa
92.4M followers
Justin Bieber
@justinbieber
91.8M followers
KATY PERRY
@katyperry
89.9M followers
Taylor Swift
@taylorswift13
83.8M followers
Lady Gaga
@ladygaga
75.3M followers
Virat Kohli
@imvkohli
73.2M followers
Kim Kardashian
@kimkardashian
70.8M followers
YouTube
@youtube
68.8M followers
Neymar Jr
@neymarjr
66.2M followers
Bill Gates
@billgates
65M followers
Selena Gomez
@selenagomez
63M followers
The Ellen Show
@theellenshow
62.3M followers
CNN
@cnn
61.8M followers
X
@x
60.7M followers