プログラミング初心者へのWebデザイナー攻略サイト

パソコンが苦手でプログラミング自体何も知らなかった自分が1ヶ月でWebデザイナーになる方法

プログラミング初心者は仲間が必要だと実感。コミュニティは重要だ。

こんにちは、ゆうきです 僕が実際にプログラミング学習した時に強く感じたこと、もっと効率よく学べた方法について書きます この記事の内容 プログラミング初心者は仲間を見つけるとモチベーションを保ちやすい この記事は誰に読んでほしい? これからプログ…

プログラミング初心者がフリーランスで生きていくための必要なスキルとは

こんにちは、ゆうきです。 働き方が多様化している現代。会社に雇用されて働くだけでなく、フリーランスとして独立するwebデザイナーも存在します。 WebデザイナーはWebサイトをデザインし世の中に向けて情報を発信する、とてもやりがいがある仕事です。自身…

Webデザイナーで活躍している人の特徴とは?

こんにちは、ゆうきです。 名前の通りWebサイトのデザインを手掛けるWebデザイナーは、そのクリエイティブな仕事からとても楽しくやりがいのある業種です。 でも、Webデザイナーという職業に絶対に向いてる!って人がいたり、向いていないだろうなぁって人も…

HTMLについて徹底解説!

こんにちは、ゆうきです。 突然ですが、人間が生きていくのに一番大事なものは何だと思いますか?? これに対する答えは「血液」や「酸素」など人それぞれだと思いますが、僕は心臓だと思います。(血液や酸素も心臓と同じくらい大事ってねw) ではさっそく…

これで解決!フリーのWebデザイナーになる方法

こんにちは、ゆうきです。 働き方が多様化している現代。 会社に雇用されて働くだけでなく、フリーランスとして独立するWebデザイナーも存在します。 今回は「フリーランスのWebデザイナーになるにはどうすればいいのか」について解説します。 独学orスクー…

必見!HTML/CSSを使ったテクニック

こんにちは、ゆうきです。 HTMLやCSSはブラウザのアップデートによって使えるものが増えたり、より簡単に機能を実装できるようになることがあります。 少し前まではJavaScriptで行わなければならなかったことがHTMLとCSSだけで行えるようになったりするので…

プログラミングの向き不向きに文系理系は関係あるのか

こんにちは、ゆうきです。 「文系だとプログラミングができない」と考えていませんか? 確かに、処理速度がどうとか関数がどうとか言われると理系の香りがする気持ちは分かります。 しかし、実際プログラマーの3分の1は文系です。 目指す人の割合を考える…

【プログラミング初心者必見!】Webデザイナーに向いている人の特徴とは

こんにちは、ゆうきです。 名前の通りWebサイトのデザインを手掛けるWebデザイナーは、そのクリエイティブな仕事からとても楽しくやりがいのある業種です。 でも、Webデザイナーという職業に絶対に向いてる!って人がいたり、向いていないだろうなぁって人も…

これで分かる!CSS Flexboxの仕組みを詳しく解説

こんにちは、ゆうきです。 前回はCSS Flexboxのコンテナに使用できるアイテムプロパティについて徹底解説しました。 そこで今回はCSS Flexboxのアイテム単体で使用できるプロパティを解説していきます。 アイテムに使用できるプロパティ一覧 並び順|oder 伸…

HTML「id」と「class」の違いについて徹底解説

こんにちは、ゆうきです。 今回は、HTML/CSSをコーディングする際に重要となる「id属性」と「class属性」について解説します。 id属性とclass属性は、どちらもHTMLのタグに名前をつける役割を担います。class属性は、1つのページ内で1だけ利用できるのに対…

Web制作でフリーランスで稼ぐために今からやるべきこと!

こんにちは、ゆうきです Web制作フリーランスというと、未経験でも比較的簡単になれて稼げるフリーランスというイメージがありますよね 実際、 ・プログラミングスクールのWebデザイナーコース ・Progate ・ドットインストール を履修して「フリーランスにな…

【超初心者向け!】CSSとは??

こんにちは!ゆうきです!! ・CSSって何? ・CSSを勉強しておくとどう役立つの? ・CSSとスタイルシートって一緒? こんな感じの超初心者向けに「CSSとは何か」について解説します。 これからWebデザインを勉強したいという方や、今さらCSSが何かなんて人に…

【超基本!】HTMLとは??

こんにちは、ゆうきです。 突然ですが、人間が生きていくのに一番大事なものは何だと思いますか?? これに対する答えは「血液」や「酸素」など人それぞれだと思いますが、僕は心臓だと思います。(血液や酸素も心臓と同じくらい大事ってねw) ではさっそく…

【CSS positionプロパティ】absoluteとrelativeの違いを分かりやすく解説

こんにちは、ゆうきです。 CSSを記述するときにpositionプロパティを利用して、要素の位置をずらすことがあります。 そのときに出てくるのが「absolute(絶対位置)」「relative(相対位置)」です。 今回は実際に配置した例を見て、「absolute」と「relativ…

怠惰な人でも継続できる考え方

こんにちは、ゆうきです。 今回は僕が実際に何度も経験して、そこから学んだことについてお話していきます。 おそらくこの記事を読むと、今後の『生活』が大きく変わることでしょう。 考え方に気をつけろ! 考えるところを変える まとめ 考え方に気をつけろ…

初心者必見!「Webデザイナーになるためのロードマップ」

こんにちは!ゆうきです。 本記事では、独学でWebデザインやコーディングなどのWeb制作スキルを身に付けたい方向けのノウハウを紹介します。 Web制作のテクニックを学ぶ方法は、 研修やセミナーで学ぶ方法 スクールに通って学ぶ方法 お金をかけずWebサイト…

大学生こそプログラミングを学ぶべき?!その理由とは

こんにちは、ゆうきです。 突然ですが、大学生のうちにプログラミングを学んでおきたいと考えていませんか? ✔ 漠然と何かしたいなと考えている ✔ 就活のことはまだ何も決めていないが不安はある ✔ 大学卒業後はエンジニアになりたいと思っている という人は…

【Webデザイナー初心者必見!】絶対に必要なスキルとは

こんにちは、ゆうきです。 今この記事を読もうとしている人は、「パソコン苦手でプログラミングも全然やったことないけど、Webをデザインしたい!」といったところでしょうか。 僕はそんな人達のためのいわゆる初心者の人のための記事を書いております。 さ…

フリーランスのWebデザイナーになる方法

こんにちは、ゆうきです。 働き方が多様化している現代。 会社に雇用されて働くだけでなく、フリーランスとして独立するWebデザイナーも存在します。 今回は「フリーランスのWebデザイナーになるにはどうすればいいのか」について解説します。 独学orスクー…

未経験者がフリーランスWebデザイナーになるための必要最低限のスキルとは??

こんにちは、ゆうきです。 働き方が多様化している現代。会社に雇用されて働くだけでなく、フリーランスとして独立するwebデザイナーも存在します。 WebデザイナーはWebサイトをデザインし世の中に向けて情報を発信する、とてもやりがいがある仕事です。自身…

Webデザイナーに向いている人の特徴は?

こんにちは、ゆうきです。 名前の通りWebサイトのデザインを手掛けるWebデザイナーは、そのクリエイティブな仕事からとても楽しくやりがいのある業種です。 でも、Webデザイナーという職業に絶対に向いてる!って人がいたり、向いていないだろうなぁって人も…

HTML/CSSの便利なテクニックまとめ

こんにちは、ゆうきです。 HTMLやCSSはブラウザのアップデートによって使えるものが増えたり、より簡単に機能を実装できるようになることがあります。 少し前まではJavaScriptで行わなければならなかったことがHTMLとCSSだけで行えるようになったりするので…

Webデザイナー初心者が初めに知っておくべきこと

こんにちは、ゆうきです。 今回はWebデザイナーになりたい人向けの内容となっております。 Webデザインするうえで必ず知っておかなければいけないことについて、いくつか解説していきます。 letter-spacing: 0.5em~0.1emに指定しよう コンテンツ幅を1000px前…

初心者がWebデザインするときに必ず気をつけるべきこと

こんにちは、ゆうきです。 今回は、初心者がWebデザインする時の注意すべきことについて解説していきます。 これは、今日から実践できることなので是非最後までご覧ください。 本文のフォントサイズは14px~18px ヘッダーの高さは70~100pxに指定しよう 本文…

CSS Flexbox アイテムに使用できるプロパティを解説

こんにちは、ゆうきです。 前回はCSS Flexboxのコンテナに使用できるアイテムプロパティについて徹底解説しました。 そこで今回はCSS Flexboxのアイテム単体で使用できるプロパティを解説していきます。 アイテムに使用できるプロパティ一覧 並び順|oder 伸…

これで完璧!CSS Flexboxを攻略しよう!

こんにちは、ゆうきです。 前回の「とても便利!CSS Flexboxの使い方を徹底解説」をご覧いただきましたか? こちらの記事では前回の「後編」のようなものなので、まだ前回の記事を見てない人はまず下記の記事をご覧ください。 programmingkun.hatenablog.com…

とても便利!CSS Flexboxの使い方を徹底解説

こんにちは、ゆうきです。 今回はCSS Flexboxについて解説してきます。 CSS Flexboxは細かい所を自動で調整してくれたり、簡単にレイアウトを作成することができる超有能なものなんです。 CSS Flexboxは慣れてしまえば扱いやすいのですが、使い方に慣れるま…

使い分けれてる?CSSのpx、em、rem、%単位の違い

こんにちは、ゆうきです。 HTMLやCSSを学びたての頃はとりあえずpx単位で指定することが多いと思います。 その後、emやremなどいろんな単位が出てきて混乱することもあるかもしれません。 それぞれの単位にはメリットとデメリットがあり、なぜその単位を使う…

良く忘れがち!!CSSのposition: absoluteとrelativeの違い

こんにちは、ゆうきです。 CSSを記述するときにpositionプロパティを利用して、要素の位置をずらすことがあります。 そのときに出てくるのが「absolute(絶対位置)」「relative(相対位置)」です。 今回は実際に配置した例を見て、「absolute」と「relativ…

【HTML/CSS】「class」と「id」の違いと使い分け方とは

こんにちは、ゆうきです。 今回は、HTML/CSSをコーディングする際に重要となる「id属性」と「class属性」について解説します。 id属性とclass属性は、どちらもHTMLのタグに名前をつける役割を担います。class属性は、1つのページ内で1だけ利用できるのに対…