Sabitlenmiş Tweet
くるしば | ベストセラーUdemy講師
6.6K posts
くるしば | ベストセラーUdemy講師
@shiba_program
プログラミング独学→半年でWebサービスを作り起業/ベンチャー2社と個人事業を創業、売却/エンジニアになりたい人、個人開発したい人に向けてプログラミングやプロダクトの作り方を発信中/SBクリエイティブより「挫折しないReactの教科書」発売中/ 公開した全てのUdemy講座がベストセラー入り
↓Udemyベストセラー講座が92%OFFになるクーポン Katılım Ağustos 2022
290 Takip Edilen23.5K Takipçiler
くるしば | ベストセラーUdemy講師 retweetledi
今日も今日とて、くるしばさん（ @shiba_program ）ReactNative講座のインプットを少々。
毎日少しずつでもスキルアップの時間取れると
成長の実感もあるから幸福度高い気がする。
今日はパーミッションまわりの実装▼
・カメラの許可
・通知の許可
普段当たり前のように使ってる機能の
仕組みとかも知れてちょっと感動・・🥹
しかも同じ要領で
・位置情報
・メディアライブラリ
にも応用ができるっぽい。
1回覚えれば色々と応用効くのは
やってて楽しいし、学びがいがあるなあ。
ちなみにこういう教材は
ただやって終わりにするんじゃなくて
✅️学びのメモをコメントしたり
✅️コンポーネントに分けたり
✅️カスタムHooks化したり
ってするとより学びが深まるから
ぼくもどんどんやっていきます😌
GIF
ゆうたろう丨コーダーがReact学んで月収50万円超え@hirataro_89
くるしばさん（ @shiba_program ）ReactNative講座 今日やったこと▼ ✅️ページ遷移の挙動 → ページを「積み上げる」みたいなイメージ option1つで色々と遷移方法を変えれた。楽しい。 ✅️キーボードの高さ分inputを上に上げる（語彙力） → 下の方にあるinput、 選択したらキーボードで隠れちゃう・・・ っていうのを防ぐ。 KeyboardAvoidingView を使うんだけど、 flex: 1; で画面全体に広げてあげる必要がありそう。 ✅️触覚フィードバック → Hapticsっていうらしい（おしゃれ）。 expo-haptics というライブラリを使って対応。 触覚フィードバック効かねえやん・・・ ってコードにらめっこしてたけど ぼくのスマホの設定がOFFになってるだけだった🥹 スマホ側の設定も気にする必要があるのはいい気付き。 ✅️データを端末Storageに保存 → これもasync-storage っていうライブラリを使用 他にも色々あるみたいだけど、これが使用数多かった。 ユーザー設定などの保存に使うことが多いのかな。 「ふーんそんなもんかー」 「そんな仕組みがあるんだへー」 って感じでどんどん進んでいくのが さっさとスキルを身に着けていくコツですな😌 明日もどんどんやっていくぅ・・！
日本語
@shiba_program コードのタイピング練習って地味だ㌔めちゃくちゃ大事だゆ🥺 変数名とか記号の位置が指に染み込んでると思考が途切れないから、初心者のうちにやっておくのは正解だめぅ🥺
日本語
くるしば | ベストセラーUdemy講師 retweetledi
タイピング遅くて悩んでるプログラミング初心者、これ絶対やったほうがいい
よくある意味不明なテキストじゃなくて、JSやTS、Pythonの「実際によく書くコード」でそのままタイピング練習できる「UnTyping」がマジで神
指がコードの型を覚えるから、実務のコーディングも爆速になる
日本語
@matsunaga_upd 音がしない方が良いは同意ですが、音がしないなら早ければ早いほど良いし、静音キーボードなどを使うなど対策できる部分もありますよ！
日本語
@shiba_program タイピングが速くても音がうるさかったら職場によっては苦情を言われるので、速度は普通ぐらい、音がしないほうが良いです。
日本語
非デザイナーの僕にはマジで救世主
AIの力でプロ級デザインが作れる新時代ツール「Recraft」登場
ロゴもアイコンも、AIが生成から編集までサポート
デザイン知識ゼロでもめちゃくちゃクオリティ高い
個人開発やプロダクトづくりにも大活躍しそう
日本語
@hirataro_89 Haptics、端末の設定確認しておくべきなのその通りですね、、、！
講座内にも注釈書くようにします！フィードバックありがとうございますmm
日本語
くるしば | ベストセラーUdemy講師 retweetledi
くるしばさん（ @shiba_program ）ReactNative講座
今日やったこと▼
✅️ページ遷移の挙動
→ ページを「積み上げる」みたいなイメージ
option1つで色々と遷移方法を変えれた。楽しい。
✅️キーボードの高さ分inputを上に上げる（語彙力）
→ 下の方にあるinput、
選択したらキーボードで隠れちゃう・・・
っていうのを防ぐ。
KeyboardAvoidingView を使うんだけど、
flex: 1; で画面全体に広げてあげる必要がありそう。
✅️触覚フィードバック
→ Hapticsっていうらしい（おしゃれ）。
expo-haptics というライブラリを使って対応。
触覚フィードバック効かねえやん・・・
ってコードにらめっこしてたけど
ぼくのスマホの設定がOFFになってるだけだった🥹
スマホ側の設定も気にする必要があるのはいい気付き。
✅️データを端末Storageに保存
→ これもasync-storage っていうライブラリを使用
他にも色々あるみたいだけど、これが使用数多かった。
ユーザー設定などの保存に使うことが多いのかな。
「ふーんそんなもんかー」
「そんな仕組みがあるんだへー」
って感じでどんどん進んでいくのが
さっさとスキルを身に着けていくコツですな😌
明日もどんどんやっていくぅ・・！
GIF
ゆうたろう丨コーダーがReact学んで月収50万円超え@hirataro_89
くるしばさん（ @shiba_program ）の ReactNative講座のアウトプット 今日は ・Reactと違う所（CSS周り） ・リストの作成（mapじゃなくてFlatListを使う） ・無限スクロール ・上にスワイプしたらリフレッシュするやつ を実装 CSSの継承がされないのは最初違和感すごそうだけど、 「この要素のCSSはこれ！」 って明示されているから 慣れればむしろ分かりやすそう🤔 1日1時間でもインプットしていくと 成長してる実感あるし、 モチベーションの維持にも繋がるよなーって！
日本語
外部資金ゼロ、チームたった1人で月収240万円を達成した個人開発者の話がやばすぎ
「ScreenshotOne」開発者・Dmytro Krasunが3年で有料顧客400社・ARR3,000万円を達成した3つのノウハウ↓
・見知らぬ人の購入だけが、真の市場証明になる
・全プロジェクトを資産として積み上げ、試行コストをゼロにする
・開発者同士でスキルを交換し、広告費ゼロで一人の限界を超える
プロジェクト自体を資産としてとらえるのはリソースが少ない個人開発では超重要
AIにコード書かせるにしても、すでに別のプロジェクトで使ったコードを流用できるというのは、精度や保守性に大きな違いが出る
日本語
個人開発のアイディアを考える時に参考になる情報まとめ
プログラミングは、基礎を学んだらあとはとにかく何かを作るのが大事
問題なのは何を作るか決めるとこだけど、別に完全オリジナルじゃなくていい
下記にまとめたツールから色んなプロダクトを触り良いものを真似たり、機能を追加してみよう
日本語
プログラミングを挫折しない何よりのコツは「一人でやらない」こと
学習に使えるプログラミング学習関連のコミュニティをまとめてみた
近年教材の質はどれも十分高くなってる
なので一緒に学習したり、疑問に答えてくれる人がいる環境の方が重要
日本語
すごい講座見つけた
デザイン知識ゼロのエンジニアでも基礎から学べる「Learn Web Design For Beginners」
ただFigmaを触るだけじゃなく、どう戦略を立ててプラニングしていくかの根本部分から解説されてる
個人開発とかで自分でデザインしなきゃいけない時にこれ知ってるとマジで助かる
日本語
これマジで有益すぎ
実務経験あるエンジニアでも意外と知らない「超便利なHTMLタグ」まとめ
例えば検索できるセレクトボックスなんかも、わざわざ複雑なJS書かなくてもHTMLタグだけで作れてしまう
こういうの知ってると無駄な実装減って爆速で終わるから、知らなかった人は絶対見てほしい
日本語
エンジニアとしてのキャリアを考えるなら絶対見てほしい
Forkwellさんの「エンジニアのための転職学」が内容濃すぎてビビる
・どういう状態になれば年収1000万になれるのか
・そのためにどうキャリアパスを描けばいいのか
などデータや実例交えて非常に解像度高く話されている
jobs.forkwell.com/events/89b15pj…
年収800~1000万の壁をこえるためにはどうすればいいか、ということに絞って話されてるんだけど
一定以上の年収を目指すのであれば、技術だけを磨くのではなくキャリアについても戦略が非常に重要になってくる
キャリア考えていく上での指針になる内容だと思うので、エンジニア歴問わず絶対見てほしい
※pr
jobs.forkwell.com/events/89b15pj…
日本語
視線誘導がキレイでも
コンバージョンしないサイトの正体
これって結局
「見た目コピー」なんですよね
本当に売れるサイトには
「認知的摩擦の除去設計」
があるんです
ユーザーが迷わず
次のアクションを取れる
仕組みが埋め込まれてる
見た目って、
料理の盛り付けじゃなくて
味付けなんだと思う
日本語
これデザインやフロントエンドの知識なくてもイケてるサイトが簡単に作れてしまう
Webサイトの選択した箇所と同じレイアウトをReactやFigmaデータとして作ってくれる「HTML to React & Figma」がヤバすぎ
生成されたデータは自然言語で指示を出して修正することも可能
気に入ったサイトの一部分を少しづつこのツールで抽出し、組み合わせて手直しすれば知識がなくても爆速でいい感じのサイトが作れてしまう
こういうの知ってる知らないで大幅に生産性変わるよなぁ
日本語
くるしば | ベストセラーUdemy講師 retweetledi
これ、自分でサイト作って公開後にわざわざ画面の幅変えながら確認する必要無くなるから神アプリだ...😳
出会えて良かったポスト！！
ありがとうございます!!!!🙌🙌🙌
くるしば | ベストセラーUdemy講師@shiba_program
Web制作の品質と速度を爆速で引き上げる神アプリ 「Responsively」 ・iPhone、Android、iPadなど全端末を横並び比較 ・1つ操作すれば全デバイスが同時スクロール ・Responsively上でデベロッパーツールを起動し微調整も可能 プロの現場では「確認漏れ」が最大の損害になる あらゆる画面幅を一度に視覚に入れられるので、デバイスチェックや調整作業の工数が段違いに減るはず
日本語
くるしば | ベストセラーUdemy講師 retweetledi
くるしばさん（ @shiba_program ）の
ReactNative講座のアウトプット
今日は
・Reactと違う所（CSS周り）
・リストの作成（mapじゃなくてFlatListを使う）
・無限スクロール
・上にスワイプしたらリフレッシュするやつ
を実装
CSSの継承がされないのは最初違和感すごそうだけど、
「この要素のCSSはこれ！」
って明示されているから
慣れればむしろ分かりやすそう🤔
1日1時間でもインプットしていくと
成長してる実感あるし、
モチベーションの維持にも繋がるよなーって！
GIF
日本語