村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO Profile Banner
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO Profile
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO

@s_murakami29

2,388
Followers
1,656
Following
305
Media
1,553
Statuses

システム開発にお困りの方は へ エンジニア転職を目指す方は へ 天高→阪大→外務省→コンサル→エンジニア→現在 AI/LLMを使った業務効率化にハマり中 2児の父 | ラグビー | ビール | 応用情報技術者 | PMP

YouTubeの解説動画もぜひご覧ください↓
Joined January 2021
Don't wanna be here? Send us removal request.
Pinned Tweet
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
5 months
【サービス開始🔥】 ラクにサクッとAIを導入するサービス、「ラクサクAI」を開始しました! Difyをはじめとしたノーコード・ローコードツールを活用して手軽にAI・LLMを導入できるサービスです!
Tweet media one
1
2
123
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
今後、プログラミング学習に関する情報を少しずつ呟いていこうと思います🙋‍♂️ ポテキャン受講生でなくとも役立つ情報があると思いますので、初心者/学習中の方々はぜひチェックしてみてくださいね🙆‍♂️ #ポテパンキャンプ #プログラミング独学 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
6
8
327
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
VSCodeのおすすめ拡張機能 ~ Error Lens ~ これを入れると、エディタ上でエラーメッセージを分かりやすく表示してくれます。 ブラウザで実行する前に間違いが分かるので、かなり作業効率上がりますよ🙆 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
11
118
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
1 year
VSCodeのおすすめ拡張機能 ~ CSS Peek ~ これを入れると、HTMLタグにカーソルを合わせるだけでそこに設定されているスタイルを確認することが出来ます。 結構作業効率上がりますのでおすすめです🙆 #Web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
8
108
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
VSCodeのおすすめ拡張機能 ~ CSS Peek ~ これを入れると、HTMLタグにカーソルを合わせるだけでそこに設定されているスタイルを確認することが出来ます。 結構作業効率上がりますのでおすすめですよ🙆 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
20
114
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
jQueryはあくまでJavaScriptを簡単に書くためのライブラリなので、大元のJavaScriptの学習をないがしろにしちゃダメですよ🙅‍♂️ jQueryだけやってると、ReactやVueなどの流行りモノに対応しようとしてもどうにもできないので注意しておきましょう🙋‍♂️ #ポテパンキャンプ #駆け出しエンジニアと繋がりたい
0
8
114
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
変数や関数には、できるだけ肯定系を使いましょう。 否定系の否定は、脳内で一度変換処理をするのに余分なエネルギーを使うのがつらみです。 肯定系で統一しておくと、コードの見通しもよくなるのでおすすめですよ🙆‍♂️ #プログラミング勉強中 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
5
103
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
1 year
画像のアスペクト比を設定するのにpaddingを使うのはもうやめましょう〜。 今は aspect-ratio という便利なプロパティが用意されているので、こちらで簡単に設定できます。 どんどん知識をアップデートしなきゃですね🙌 #Web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
1
14
96
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
HTMLタグでふりがなを振るには📝? <ruby>タグと<rt>タグを組み合わせると簡単にふりがなを設定・表示できます。 これを知らないと、line-heightなどを使ってごにょごにょして、どんどん沼にハマっていきますので要注意ですね😇 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
Tweet media two
1
12
94
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
console.log()は言わずと知れた基本的なメソッドですが、これ以外にも便利なAPIは用意されています。 例えば、console.table()を使うと、引数の配列/オブジェクトを見やすい表にしてくれますので結構役に立ちますよ💁 #プログラミング勉強中 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
10
86
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
不要になったコードは、コメントアウトではなく、きちんと削除するよう心がけましょう。 いつか使うかも、という気持ちは分かりますが、見通しが結構悪くなります... 削除してもGitの履歴にはきちんと残っていますよ🙆‍♂️ #プログラミング初心者 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
2
5
87
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
VSCodeのおすすめ拡張機能 ~ CSS Peek ~ これを入れると、HTMLタグにカーソルを合わせるだけでそこに設定されているスタイルを確認することが出来ます。 結構作業効率上がりますのでおすすめですよ🙆 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
7
88
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
エンジニアには「常に学び続ける」姿勢が必須です。 (初心者の頃は特に、)新しい/知らないワードがどんどん出てきますが、そこを嫌がらずに好奇心を持って学び続けられる人は、エンジニアになってもそれほど苦労されていない印象です🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
1
5
82
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
プログラミングは暗記物ではありませんよ。 よく使う簡単なメソッドも、暗記しようとして覚えるのではなく、数多く使っていくうちに自然と覚えてきます。 何となく挙動を覚えておいて、詳細はググれば問題ないです🙆 #プログラミング勉強中 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
11
78
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
1 year
ページ内リンクで "ヌルヌル、スルスル" と遷移させるのはもうCSSだけで実装できますよ🙌 昔はJSが必要でしたが、今はCSSの1行のみで対応可能です。 遷移速度などの細かな制御は難しいですが、基本的にはこれだけで十分かと👌 #Web 制作 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
Tweet media one
0
7
78
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
コミットメッセージは「なぜ」を意識して書きましょう(「xxのため、△△を変更」)。 変更履歴を見ると「何を/どのように」変更したかは分かりますが、「なぜ」は読み取りづらいです。 慣れるまで難しいかもですが、できると好印象です🙆‍♂️ #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
6
74
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
inputタグとdatalistタグを組み合わせると、候補キーワードを簡単に表示できます。 ある程度候補が絞られている場合には、これを表示してあげるとUXもいくらか向上しそうです。 知らないとJavaScriptで実装しちゃいそうですね😁 #Web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
Tweet media two
0
6
74
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
JavaScriptで配列内の重複を削除するなら、Setを使いましょうね。 ES2015からなので、導入されて久しいですが、今だにfilterメソッドを使った記事が散見されるので、ご注意を。 処理速度もSetの方が圧倒的に速いですよ🙆 #Web 制作 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
Tweet media one
0
8
74
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
1 year
CSSのメディアクエリ、かなり書きやすくなってますよね〜🎉 これまでは max-width や min-width が入り混じってたまに頭がこんがらがってましたが、不等号が使えるようになると直感的に書けて、可読性も爆上がりですね😁 #web 制作 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
Tweet media one
0
8
64
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
Google検索のコツ📝 特定の日付以降の情報のみ知りたい時には以下のようにします。 "#{検索ワード} after:2020" こうすると、2020年以降の記事のみ表示させることが可能です(※逆の "before" も使えます)。 結構役に立ちますのでぜひ💁 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
0
2
66
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
JSの変数宣言で今でもたまーに var を見かけますが、さすがにもう let を使いましょう。 そして可能であれば、その let を今度は const に置き換えましょう。 制約はありますが、その分バグも起きにくくなりますので🙆 #Web 制作 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
1
8
66
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
メソッドの説明で「AしてBして、Cするためのものです」となる場合、それは責任(やること)を持たせすぎです。 保守性の観点では、メソッドの責任は一つのみにすべきですので、上記のような会話が出てきた時には、ハッとしてください💁 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
2
66
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
1 year
CSSで要素を左右中央揃えにする場合は margin-inline が便利ですよ🙌 水平方向のマージンを調整するためのもので、margin-left と margin-right の値をまとめて設定でき、1行だけですけど少し簡潔に中央揃えを実現できます。 全ブラウザで対応済みです👌 #Web 制作 #駆け出しエンジニアと繋がりたい
Tweet media one
0
13
63
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
1 year
VSCodeのおすすめ拡張機能 ~ Error Lens ~ これを入れるとエディタ上でエラーメッセージを分かりやすく表示してくれます。 ブラウザで実行する前に間違いが分かるので、かなり作業効率上がりますよ👌 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
5
63
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
リファクタリングは、その振る舞いを変えずに内部のコードを改善することです。 どうしても振る舞いを変えたければ、必ず別タスクに分けましょう。 リファクタのPRで挙動も変わっていると、レビューしてもらえない恐れもありますよ💁 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
64
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
プログラミングに限らずですが、ググる前にまず "知りたいこと" を言語化しましょう。 頭が混沌としたままググっても見当違いの結果ばかりヒットして、調査が全然捗りません。 「急がば回れ」、大切なので日頃から心がけましょう🙆 #Web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
7
62
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
プログラミングを勉強するのに、わざわざ退路を断つ(=退学or退職する)必要はないよな〜、と思う今日この頃です。 まあ、結局は人それぞれなのですが、僕なら、追い込まれながら何ヶ月も勉強するのはメンタル的にキツいと思います...🙄 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
62
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
11 months
おはようございます。 本日付で32歳になりました。風船が飛んでいるので、そちらだけでもお楽しみください🎈 また、先日システム開発会社を設立しまして、来月より本格的に事業を開始します。 詳細は別途アナウンスしますが、ポテパンと並行して頑張っていきます。 よろしくお願いいたします。
4
0
57
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
プログラミングを学ぶ際はとにかく「手を動かす」ことを意識してください。 本や動画を見て「ふむふむ」と分かった気になっても、エディタに向かうとなかなか書き出せないものです...。 「手で覚える」くらいの勢いで、手を動かしましょう🙆‍♂️ #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
5
58
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
「::marker」擬似要素を使いこなしましょう。 これを使うと、liタグの先頭の「・」のスタイルを簡単に変更できます。 「::before」や「::after」でも実現可能ですが、こっちの方が遥かに楽ですよね🙆 #Web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
7
57
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
1 year
CSSのメディアクエリがすごく書きやすくなりましたね🎉 これまでは、max-widthやmin-widthが入り混じって分かりにくかったですが、今後は不等号が使えるようになるので、かなり直感的になります。 個人的には、かなり嬉しいです🙌 #web 制作 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
Tweet media one
0
11
57
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
初心者の方から「命名ってそんなに重要なんですか?」と聞かれることが多いですが、命名ってほんとに重要ですよ。 命名一つで良くも悪くも可読性が一変します。 テクニックはほとんど要らないので、学び始めの頃から心掛けておきたいですね💁 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
2
4
55
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
ローカル環境である限り、エラーなんていくらでも出して大丈夫です。 なので、最初のうちはあまり慎重になり過ぎず、 「コード書く→エラー出る→修正する... 」 を短期スパンで繰り返してプログラムを作り上げる方法も良いと思いますよ🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
2
54
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
TLに流れてきて少し見てみましたが、Tailwind CSSがもうすぐBootstrapを追い抜くみたいですね...🧐 Tailwind CSSは初心者の方も扱いやすいCSSフレームワークなので、一度手に取ってみるのもありかもですよ。 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
7
52
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
いきなり完璧なコードを書こうと思うと結構手が止まります。 なので、「テスト書く→とりあえず動くコード書く→リファクタ」を繰り返して徐々に整えていく形で大丈夫です。 「とりあえず動かす」フェーズでは、クソコードでもOKです🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
1
5
54
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
JavaScriptで論理否定 (!) を使う時は、その対象がtrue/falseどっちで評価されるかをしっかり認識しておきましょう。 「空文字はfalseだし、空配列もfalseでしょ」と何となく使っちゃうと予期せぬバグを産んじゃいます🤦 #Web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
2
53
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
天才でない限り、プログラミングは難しいです。 なので、少しつまづいただけで「自分なんて...」と思うのはやめましょう✨ 学び初めの頃は特に辛いと思いますが、最初は何事もつまづくことが多いので、耐えてコツコツ継続していきましょう🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
4
52
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
ページ内リンク、クリック後の遷移を滑らかにスクロールさせるなら、今はCSSで十分です(※昔はJSが必要でした)。 速度調整などの細かな対応は難しいですが、主要ブラウザで使えますので、サクッと実装したい場合はおすすめです🙆 #Web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
6
50
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
クリックで直接電話をかけられるあの機能、aタグのhref属性を「tel:番号」の形にするだけで実現可能です。 番号をコピペするのは少し面倒ということでユーザーが離脱する可能性もゼロではないので、ぜひ実装しておきたいですね💁 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
2
50
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
質問力はかなり大切で、うまく質問できないと、何度も無用なラリーが繰り返されて、質問者も回答者も疲弊しちゃいます...。 「ゴールは何?」「何が分からないの?」と常に整理する癖をつけておけば、自ずと質問力も上がってきますのでぜひ🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
5
50
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
HTMLタグでふりがなを振る方法📝 <ruby>タグの中で<rt>タグを使って囲うとその部分がふりがなとして表示されます。 実装自体は簡単ですが、これを知らないと、line-heightなどで苦しみながら実装してしまいますから要注意ですね😇 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
Tweet media two
0
4
50
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
いきなり完璧なコードを書こうとは思わないでください。 「完璧にしよう!」と思うと手が止まっちゃうと思います。 レビューをお願いする時に整理されていればいいので、最初は "とりあえず動く" コードを目指して問題ないですよ🙆 #Web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
2
49
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
Google検索のコツ📝 検索対象を特定のサイトに限定したい場合には以下のようにします。 "#{検索ワード} site:#{サイトURL}" こうすると、信頼できるサイト(Qiita 等)の情報だけを表示させることができます。 たまに役立ちますのでぜひ💁 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
4
50
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
Google検索のコツ📝 プログラミングでは特に多いですが、"&" などの記号をそのまま調べても期待した結果は得られません。 「&→ampersand」のように英語に変換する必要がありますので、ぜひ覚えておきましょう💁 #プログラミング初学者 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
3
45
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
FW(Railsなど)を使うと「SQL知らないけどDBとやり取りできる」ことになりがちですが、SQLは絶対に勉強してください。 SQLを知らないとチューニングも不可能で、その状態は非常にまずいです...。 プロを目指すのであれば、SQL知識は必須です🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
2
4
48
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
Google検索のコツ📝 Gemがうまく機能しない時は、『#{Gem名} not working』で検索してみましょう。 結構な確率でGithubのISSUEがヒットするので、(英語ですが、)ディスカッションの内容も見れて、結構勉強にもなるかなと思います🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
50
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
エラーは必ず起きます。勉強中も、転職後も、ベテラン選手になった後も、必ずです。 なので、最初からどんどんエラーを出して早めに慣れちゃいましょう。 エラーログが多いと圧倒されがちですが、大抵のエラーは大したこと言ってないです🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
1
48
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
ページ内リンクで遷移した際、テキストが固定ヘッダーで隠れてしまうことないですか? ネガティブマージンか〜、と思っている方は、scroll-margin-topプロパティがおすすめですよ。 設定した分の高さを勝手に調整してくれます🙆 #Web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
4
48
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
エラーをググる時は「完全一致検索」が結構有用ですよ。 検索ワードを""(ダブルクォーテーション)で囲うだけでOKです。 完全一致になるので、「似てるけどこのエラーじゃない...」現象を減らすことができるので、ぜひ覚えておきましょう🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
1
48
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
目指すゴールが遠すぎてやる気が出ない時は、とにかく「細分化」を意識しましょう。 ラスボスまでに中ボス・小ボスをたくさん倒すイメージです。 コツコツ成功体験を得てレベルが上がれば、ゴールに辿り着く実力は自然と身についてきますよ🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
48
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
未経験の方の面接では「自走力」に注目しています。 独学だと自然と身につきやすいですが、スクールで講師やメンターに頼りっきりだと、「自走力」は全然身に付きません。 「すぐに答えを求めない」、この意識を強く持っておきましょう🙆 #プログラミング初心者 #駆け出しエンジニアとつながりたい
0
5
48
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
皆さん、console.log()は頻繁に使うと思いますが、console.table()っていうのも便利ですよ。 引数に配列やオブジェクトを入れるとそれを見やすい形に整形してくれます。 デバッグが結構捗るのでオススメです💁 #Web 制作 #プログラミング初心者と繋がりたい #駆け出しエンジニアと繋がりたい
Tweet media one
0
8
44
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
今もまだjQueryの学習に時間を割く方が多いですが、Web開発では、jQueryに力を入れる必要性はもうほぼないです。 それよりも、素のJavaScriptをたっぷり勉強して、ReactやVueなどのライブラリ/FWをマスターする方が市場価値は高いですよ🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
2
47
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
Gitとは📝 よく「バージョン管理システム」と説明されますが、要は、変更履歴を常に記録しておいてくれる便利なツールです。 「あ、ここ前の状態に戻したい」を簡単に実現できるものですね。 コードだけでなく画像なども管理できますよ🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
46
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
プログラミングを勉強するのに、わざわざ退路を断つ(=退学or退職する)必要はないです。 「全てを捨ててプログラミングをマスターする」という方もたまに見かけますが、あまり再現性はないかと...。 逃げ道は絶対あった方が良いですよね🤲 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
4
48
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
コードを書くときは、以下を意識すると実装を進めやすいです。 1. やりたいことを言語化する 2. 1.に従って、とりあえず動くものを作る 3. コードを綺麗にする 4. pushする まずは「とりあえず動けばOK」で、リファクタはその後です🙆 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
0
6
45
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
条件分岐のネストを浅くするには、まず「早期return」を検討しましょう。 ネストの深い条件分岐を眺めていると、意外とこれで改善できることが多いです。 特別な知識は何もいらないので、初心者の方にもおすすめのリファクタリングです🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
4
44
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
JavaScriptで配列内の重複を削除するなら、Setを使いましょう。 ES2015からなので、ずいぶん前に導入されいるのですが、今だにfilterメソッドを使った記事が散見されるので、ご注意を。 Setの方が圧倒的に処理速度が速いですよ🙆 #Web 制作 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
Tweet media one
0
6
46
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
初心者の方の場合、console.log(JS)やbinding.pry(Ruby)を使えれば、デバッグ作業は問題なく進みます(※僕もよく使います)。 使い慣れておけば、いざエラーが発生した際にも平常心で向き合えますので、ぜひ早めにマスターしておきましょう🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
1
3
44
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
経験則ですが、「失敗したら終わり」よりも、「失敗しても大丈夫」の方が、より大胆に挑戦できるかと思います。 プログラミングができないからといって人生終わりではないので、心と退路に余裕を持って勉強していきましょう🙆 #プログラミング初心者と繋がりたい #駆け出しエンジニアと繋がりたい
@Pythonist19
おばあちゃんのプログラミング教室(ばあプロ)As A Service
3 years
退路を断てという奴に、ろくな人間はいないのう🍵
19
37
376
1
4
47
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
Google検索のコツ📝 ~完全一致検索~ 検索ワードを""(ダブルクォーテーション)で囲うと完全一致検索が可能です。 エラーをコピペで検索する時に似て非なるエラーを弾くことができ、かなり作業効率上がります。 ぜひ覚えておきましょう🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
0
44
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
プログラミングの学習が辛くなった時は、少し先の未来を想像すると良いと思います。 3ヶ月/6ヶ月/1年など、その先の未来で笑っている自分を想像すれば、今もう少し頑張れそうじゃないですか? ...と資格勉強をしている自分に言い聞かす。 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
45
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
inputタグのtype属性は結構大切です。 PCで触る分にはあまり恩恵受けないですが、スマホで入力する時に毎回キーボード切り替えるの、結構ストレス与ちゃうと思います... 色々な設定値があるので、覚えておきましょう🙆 #プログラミング勉強中 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
1
4
46
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
if文で条件分岐を作る時は、できるだけネストを少なくすることを意識しましょう。 ネストが深くなるとコードの見通しが悪くなるので、保守性もガクッと下がっちゃいます。 簡単なリファクタリング方法としては早期returnがおすすめですよ🙆 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
Tweet media one
0
7
44
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
liタグの先頭の「・」をカスタマイズしたいな、ということありませんか? そんな時は「::marker」擬似要素を使いましょうね。 「::before」や「::after」でも実現可能ですが、こっちの方が遥かに楽ですね🙆 #Web 制作 #プログラミング初心者 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
Tweet media one
0
7
45
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
プログラミング学習においては、本を読むのも良いですが、他人のコードを読むのもおすすめです。 結構苦労しますが、その人の思想・思考が知れて、かなり勉強になります。 よく使うライブラリのコードを少しずつ読ん���みるのも良いですね🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
1
4
42
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
VSCodeのおすすめ拡張機能 ~ Code Spell Checker ~ その名の通り、スペルミスをバンバン指摘してくれます。 コードを書いているときはどうしても気づきにくいと思うので、かなり重宝すると思いますよ🙆 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
1
2
44
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
aタグのhref属性を「tel:番号」にすると、クリックでそのまま電話をかけられるようになります。 最近では実装していないサイトの方が少ないですよね。 ちょっとしたことですが、便利な機能なので頭に入れておきましょう🙆 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
6
42
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
コードをコピペするなら、「なぜ動いているのか」まで理解した上で使用しましょう。 でないと、コピペしたという事実だけが残って、ご自身の脳には何も残りません...。 コピペは絶対悪ではありませんので、その使い方には注意しましょうね🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
2
43
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
"ググること"も開発業務の一部なので、「はぁ、今日調べてばっかだな…」と落ち込む必要はないですよ🙌 ググる力を鍛えると、最短距離で回答へ辿り着けて、開発スピードも速くなるので、そこも意識するとなお良しです🙆 #ポテパンキャンプ #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
0
2
43
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
「Web3が知りたい」という方、この書籍だけは避けておいてください。 初心者の方が本書の内容を真に受けるとどえらいことになるので、注意喚起をしておきます。 #いちやさWeb3 #プログラミング勉強中 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
9
44
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
できないことは正直に「できない」と伝えましょう。 意地を張って「できます」と言って結果を出せないと、周囲へ迷惑がかかりますし評価も余計下がります。 「できない」ことは全くもって格好悪いことではないですよ🙆‍♂️ #プログラミング勉強中 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
1
39
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
個人/チーム開発問わず、「UX上がるかな?ユーザー喜んでくれるかな?」という思考が大切です。 どれだけすごい機能でも、ユーザーにとって改悪であればその機能は評価されません。 これを意識するとBizサイドとの議論も深まりますのでぜひ🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
1
4
43
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
エラーが出ても、焦らない、怒らない、悲しまない。 機械は無感情なので、こちらも無感情で付き合いましょう。 感情的になればなるほどドツボにはまって、冷静な判断ができなくなります。 「エラーは友達」です🙆 #プログラミング初心者 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
2
1
40
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
エラーをググる時は「完全一致検索」が便利ですよ。 検索ワードを""(ダブルクォーテーション)で囲うだけでOKです。 完全一致になるので、「似てるけどこのエラーじゃない...」現象を減らすことができるので、ぜひ覚えておきましょう🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
42
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
レビューを依頼する前に、セルフレビューを通しましょう。 数日前に書いたコードのバグも見つかりますし、インデントなどでプチ切れされることもなくなります🙋‍♂️ レビュアー視点で自分のコードを眺めると、また違った景色が見えますよ🙌 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
0
1
42
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
メソッドを命名するときは「名前以上の役割を持たせない」ことも大切です。 適切に分割してあげるだけで、保守性はかなり上がります。 「get_〇〇」でデータの作成/更新なんかしちゃってると目も当てられないですよ🤦 #プログラミング勉強中 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
40
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
面接は、企業が候補者を一方的に選考する場ではなく、候補者がその企業を知ることができる良い機会でもあります。 知りたいことがあって、それが非公開情報ならどんどん聞いちゃいましょう。 失礼な質問でない限り、僕はすごく好印象です🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
40
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
開発をしていると「git log」をよく使用すると思いますが、そこに「--graph」オプションを追加するとさらに見やすくなりますよ。 ブランチの派生・合流が視覚的にパッと分かるので、普段からかなり重宝しています🙆 #プログラミング勉強中 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
41
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
Webページを早く綺麗に作りたいなら、Flexboxはマスターしておきましょう。 縦揃え、横揃えなど、これだけで綺麗なレイアウトを簡単に実現することできます。 floatを使ってごにょごにょやってたのが懐かしいですね🤭 #Web 制作 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
Tweet media one
0
6
40
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
1 year
なんと、たった1行のCSSでtextareaのサイズを自動調節できるようになるそうです🎉 今まではJSを使わないといけませんでしたが、これでかなり楽になりますね。 Chromeで11月から実装されるようなので、今からすでに待ち遠しいですね😁 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
Tweet media one
0
5
36
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
クラスやメソッドの役割や命名を検討する際は、「その名前以上の役割を持たせないこと」を意識しましょう。 名前と役割がバラバラだと、それだけでバグが起きやすくなります。 少し意識するだけで保守性がグッと上がりますのでぜひ🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
1
40
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
1 year
エラーをググる時は「完全一致検索」を使いこなしましょう。 検索ワードを ""(ダブルクォーテーション) で囲うだけでOKです。 完全一致になるので、「似てるけどこのエラーじゃない...」現象を減らすことができて調べやすくなりますよ👌 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
5
38
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
11 months
CSSで左右中央揃えにする場合は margin-inline が便利ですよ。 水平方向のマージンを調整するためのもので、margin-left と margin-right の値をまとめて設定でき、より簡潔に中央揃えを実現できます。 頭の片隅に置いておきましょう👌 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
2
3
35
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
リファクタリングで内部コードを改善できても、その振る舞いまで変えちゃうのはNGですよ。 それはもはやリファクタリングではないので、どうしても振る舞いを変えたい時には、別チケットで管理・対応するようにしましょう🙆 #Web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
1
3
38
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
inputタグのtype属性、軽視しちゃダメですよ。 スマホで入力する時に「平仮名→英数字or数字」へ切り替えるの、結構ストレス感じませんか?(フォームが3つに分かれてる時は特に...) 簡単にUXを改善できるので、頭に入れておきましょう🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
8
39
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
VSCodeのおすすめ拡張機能 ~ indent-rainbow ~ これを使うとインデントをカラフルにしてくれるので、割と見やすくなります。 目がチカチカする、という人もいますが、僕はカラフル肯定派です🙆 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
4
39
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
他の作業したいけど今の作業も中途半端だからコミットしたくない...という絶妙な状況で役立つのが『git stash』コ��ンドです。 未コミットの変更を一時的に退避できてめちゃ便利です。 開発現場でもよく登場するので覚えておきましょう🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
1
4
39
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
"ググること"も開発業務の一部なので、「今日コード書いてない…」と落ち込む必要はないですよ。 ただ、だらだらと調べるのは良くないので、「どう調べれば欲しい答えが得られるか」を常に意識することが大切です🙆 #プログラミング初心者 #プログラミング勉強中 #駆け出しエンジニアと繋がりたい
0
2
37
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
aタグにdownload属性を付けると、href属性に指定したファイルをクリックで直接ダウンロードできます💁 download="hoge.png" とすることでDL時のファイル名を指定することもできますので、頭の片隅に置いておくとふとした時に役立ちますよ🙌 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
2
39
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
『プログラミングですぐに稼げる』を信じてスクールに通うと多分挫折します。 プログラミングは、ちゃんと難しいですし、すぐに稼げる人なんていませんよ。 きちんと実務経験を積んだ人が、何年後かに収入アップを実現している印象です🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
1
1
39
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
他人のコードを読むと、「へぇ、こう書くんだ」とか「自分ならこうするのになー」とか、結構学びが多いです。 ライブラリを読むもよし、先輩のコードを読むもよし、いずれも最初は辛いですが、慣れると思考のストレッチとして楽しいですよ🙆‍♂️ #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
0
39
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
inputタグのtype属性を設定すると、スマホ入力の際のキーボードを出し分けることもできます。 設定値には、url/email/numberなど様々な値がありますが、適切に設定するとUXはかなり上がりますので、ぜひどうぞ💁 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
39
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
Webサイトの仕組みを大まかにまとめました。 Webエンジニアを目指す方はぜひ覚えておいてください〜😁 ①ブラウザで検索 ②リンクをクリック ③サーバーへリクエスト ④サーバーがファイルを返却 ⑤ブラウザがファイルを解析/表示 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
4
35
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
ポートフォリオを作る際は、「よし、動く!!!」だけではNGですよ。 サービスの使い心地はもちろん、内部のコードも評価対象になりますので、リファクタを繰り返して保守性の高いコードを目指しましょう🙆 ※インデント/タイポも忘れずに。 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
0
38
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
リンク経由で通話アプリを立ち上げる機能、aタグのhref属性を「tel:番号」の形にするだけで実現可能です。 番号をコピペするのは少し面倒、ということでユーザーが離脱する可能性もゼロではないので、ぜひ実装しておきたいですね💁 #web 制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
2
36
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
jQueryは、最初のうちはスラスラ書けて楽しいかもですが、将来のためには素のJSをしっかり書けるようにしておきましょう。 ReactやVueではjQueryは全く登場しないので、「あれだけ勉強したのに...」とガッカリしてる人を何人か見てきました🤦 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
3
38
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
3 years
全部手動で確認していきますー #プログラミング初心者 #駆け出しエンジニアと繋がりたい
Tweet media one
0
1
36
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
1 year
勉強していると、分からないことがどんどん出てきます。 でも、勉強し続ける限り、分からないことは無くならないです。 僕も今でも分からないことだらけです。 苛立ったり焦ったりしてもしょうがないので、そんなもんだと割り切りましょう🙆 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
5
36
@s_murakami29
村上征太郎 | 株式会社ChantoBit代表 兼 ポテパンCTO
2 years
慣れないうちは、いきなりコードを書くのではなく、紙とペンである程度下書きするのもおすすめですよ。 うまく書ければ、考えを可視化できて、頭も整理できると思います✨ 「急がば回れ」みたいな考え方ですね🙆 #プログラミング勉強中 #プログラミング初心者 #駆け出しエンジニアと繋がりたい
0
4
38