独学ならメンターに頼ろう【プログラミング学習で困ったら】

プログラミングの勉強は「困ったときだけ・オンラインで・たまに1時間・プロに習って解決しよう」│独学やprogate中の「JS、PHPわからない...」「案件なのにヤバい..」など困ったときに│入学金なし・月額料金なし│全国対応│まずはLINEでお気軽に→

[アクトハウス│セブ島ビジネステック留学 @acthouse]

【AIでエンジニアは不要になる？】

GitHub CEOが語ったのは...その"逆"でした。

👉 英語動画を要約解説
https://t.co/sVQn65e5au

#AI #GitHub #エンジニア #IT留学 #セブ島留学 #アクトハウス #プログラミング #開発者 #VibeCoding

[アクトハウス│セブ島ビジネステック留学 @acthouse]

⚡️JavaScript特集⚡️
世界中の開発者から支持され続ける言語が"WordPress×AI活用"でさらに進化。「なぜJSなのか」その理由、知りたくありませんか？
https://t.co/W7qXW9C2ML

#JavaScript #Web開発 #WordPress #AI活用 #フロントエンド #it留学 #セブ島留学 #アクトハウス #Gutenberg #DX

[アクトハウス│セブ島ビジネステック留学 @acthouse]

プログラミングやIT学習をするなら必須の「GitHub」。でも、本当の役割や使い方は意外と知られていません...

基礎から"Gitとの違い"まで初心者向けに解説
👉 https://t.co/mufItYYY63

#it留学 #セブ島留学 #アクトハウス #GitHub #Git

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

お！VS CodeでFigma使える！
2023年中はベータ版無料みたい。

VS Code用の拡張機能でアプリを切り替えなくても、デザインに基づくコードのサジェストで速攻作業可能。これはキタ感✨

#figma #vscode #プログラミング学習
#駆け出しエンジニア #デザイン #コーディング

https://t.co/mjTcHRFgqT

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

🔥 object-fit
→写真素材のトリミング

🔥 aspect-ratio
→アスペクト比でサイズ指定

🔥 calc()関数
→計算式で算出

この3つは自分的に3種の神器プロパティ。

#プログラミング初心者 #プログラミング初学者と繋がりたい #駆け出しエンジニアと繋がりたい #web制作

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

プログラミングを学んでくと、初めてのことは手も足も出なくて終わる。

でも間をあけてからやるとまあまあ出来たりする。

これは初回は何もかもわからず一寸先は闇状態で全詰みなんだけど、2回目はどこが特に闇かわかってるから落ち着き太郎になってるの法則と思われる。

#プログラミング初心者

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

divタグ使いがちな人は、 代わりに、

sectionやarticle、nav、dlタグなど他のタグで意味づけできないか考えてみると良いかも💡

モダンなセマンティックの書き方にもつながるからSEO的メリットもあり📷

#プログラミング初心者 #プログラミング初学者と繋がりたい #駆け出しエンジニアと繋がりたい

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

レイアウト系万能CSSプロパティ👍

display: flex;
display: grid;

これだけでも覚えれば、コーディングのレイアウトはほぼ思い通りになる説😎

#プログラミング初心者 #プログラミング初学者と繋がりたい #駆け出しエンジニアと繋がりたい #Web制作

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

VSCodeオススメ拡張機能📝

Auto Rename Tag

ペアとなっている開始タグと終了タグ名を同時に編集できる機能。
タグ2箇所を変える必要がなくなるので便利😎

#プログラミング初心者 #プログラミング初学者と繋がりたい #駆け出しエンジニアと繋がりたい #web制作

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

text-indent知ってると地味に便利。

Liタグの2行目以降を字下げできて、liタグがラクに揃えれるから、推しプロパティのひとつ。

セレクタ{
text-indent: -1em;
padding-left: 1em;
}

って指定するといい感じになるよ💡

#プログラミング初心者 #プログラミング初学者と繋がりたい #Web制作

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

imgタグを置いたとき、
画像の下にわずかな余白ができるのは、
vertical-align: baseline;になってるのが原因。

vertical-align: bottom;
もしくは
vertical-align: top;

をimgタグにつけると余白が消える。

地味だけど使えるtips😎

#プログラミング初心者 #プログラミング初学者と繋がりたい

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

デバイスごとに表示領域を設定するために必須のメタタグ。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

レスポンシブ対応のメディアクエリを使うときに必須。おまじないてきにhead内に入れておくとGOOD✨

#プログラミング初心者 #プログラミング初学者と繋がりたい

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

要素やボックスを角丸（角を丸くする）にしたいときはこのCSS

▶border-radius
https://t.co/9Y3xFwXHfI

個人的に3pxで指定がよき感じで好き。

#プログラミング初心者 #プログラミング初学者と繋がりたい #駆け出しエンジニアと繋がりたい #web制作

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

コーディングしてると、
「この部分、前にも作ったことあるな・・」と思うのあるある🙄

どのページでも使われるものはテンプレートとして、共通化しておくのが、後々ラクになるのでオススメ💡

#プログラミング初心者 #プログラミング初学者と繋がりたい #駆け出しエンジニアと繋がりたい #web制作

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

自分のしてた言語毎の独学方法がこちら⬇

■html/css
→Progateからのひたすらページ模写。

■JavaScript
→初級はProgate、応用知識はUdemyで学習。

■PHP
→JavaScriptと同じ。

■WordPress
→ひとまず管理画面触ってみる＋書籍やUdemyで学習。

なんだかんだ身になってる気がする😌

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

「z-index:9999;とかやっても上に重ならない・・」

コーディングやってると絶対に一度はハマる、z-indexが効かない問題ありますよね🤔

そういうときは、

・スタックコンテキスト
・スタックレベル

について理解すると99％解決するので、
調べてみて💡

#プログラミング初心者 #web制作

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

@ruri80076933 ありがとうございます！私もまだまだ勉強の身・・同じく先輩方のレベルの高さについていけないことも多々あります笑

一緒に勉強頑張っていきましょう✨

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

コーディングやってると誰もが一度は目にする「Qiita（キータ）」

簡単にいうと、
エンジニア同士で技術や知識をシェアし合うシェアサイトのような感じ📚

アカウント作成方法や使い方を記事にまとめたよ✏️
https://t.co/686cGDxDsE

#web制作 #フリーランス #webデザイン

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

webフォントって実際どうなん？🤔

読み込み遅くなるから敬遠されがちだけど、デザインの表現力を高められる、すごいヤツなんです。

そんなwebフォントさんの良い・悪い面、
記事にまとめてます。
https://t.co/vthOtoK6fg

#プログラミング初心者 #プログラミング初学者と繋がりたい

[独学ならメンターに頼ろう【プログラミング学習で困ったら】 @mentorental]

htmlを効率的に記述できる
テンプレートエンジンのPug（パグ）🚩

少ない記述量でhtml表現できるし、変数やテンプレートも使える💡

scssと同様、コーディング爆速化に必須だから覚えたい😌

#プログラミング初心者 #プログラミング初学者と繋がりたい #駆け出しエンジニアと繋がりたい #web制作