後楽エンブログ

「後」の人生を「楽」にするために「エン」ジニアにキャリア変更した私が初心者エンジニアを応援するブログです。

プログラミング

【プログラミング】未経験エンジニアからたった2年でフリーランスで月60万になったお話

今からエンジニアになるのってもう遅い?? いつから始めても遅いなんてことはありません。 私の場合は26才で初めてプログラミングというものに興味をもって学習を始めました。 遅いかどうかで言うと、20代でエンジニアの道に変更するという選択をできた時点…

【模擬コーディング実践】メニューのCSSいろいろ紹介~最終章~

ブログ風デザインも終盤となってきました。 最終章です!!!もう少しで完成です! ここまでの記事をご覧になられていない方はコチラ 実践編 カテゴリーの記事一覧 パーツの追加・修正 ①Webフォントでサイト名を表示 ②記事の投稿日にアイコンをつけて表示 ③…

【模擬コーディング実践】頻出デザインをおさえよう!カテゴリーラベル、記事の小見出しなど~第3章~

ブログ風デザインの続きを始めちゃいます! 【ブログ風サイトの制作手順】 ① レイアウトの基本構造を作る ② ボックスにコンテンツを入れる ③ レイアウトの調整 ④ レスポンシブ調整 ⑤ パーツの追加&調整 ④までは前回までの記事でお伝えしました。 ここまでの…

【模擬コーディング実践】レスポンシブデザインの調整を行おう!第二章

レスポンシブデザインは理解したけど、使い方がイマイチ。。 レスポンシブデザインのやり方は分かっているけど、実際にサイト作成していく中で、どのタイミングでどうレスポンシブ対応させていくのか?という実践的な部分で困っている方は多いと思います。 …

【模擬コーディング実践】Progate、ドットインストールのHTML&CSSを終えた人にオススメ~ブログ風サイトを作ってみよう~

基礎文法は終わったけど、、次は何をすれば?? ProgateやドットインストールのHTML&CSSの基礎文法を終えて、次は一体何をしたらよいんだろう⁇といった方は多いのではないかと思われます。 基本的には、その次にやるべきことと言えば「模擬コーディング」で…

【HTML&CSS初心者必見】頻出パーツをテンプレート化しよう!

サイトって毎回一から作っていくの?? そんなことを毎回していたら大変です。 頻出で使用するものはテンプレート化しておきましょう。 いくつかパーツを準備しまして、実際にそれを使用する際はページごとにパーツをアレンジしていくという形をとりましょう…

【HTML&CSS初心者】レスポンシブデザインが簡単に分かる!作れる!~基本はBoxの解除~

PC用サイトを作成したけど、レスポンシブ対応させるには一から作り直さなきゃじゃん! 計画性を持たずに闇雲に上からサイトを作っていくと、いざレスポンシブ対応させようとしたとき、一から考え直さなくてはならなくなる可能性があります。 かと言って、毎…

【HTML&CSS初心者】ボックスデザインでレイアウトしよう~float,clearfixとは~

サイトのレイアウトって何から考えればいいの? これの答えはズバリ「ボックスを並べること」です。 一体、どういうことなのか?その方法を教えます。 本記事のテーマ 【脱初心者】ボックスを並べることでレイアウトを自由に操ろう 「HTML&CSSの基礎文法はお…

【プログラミング】初受注で稼ぐまでの中級者へのステップアップ~模擬コーディングの正しいやり方~

HTMLとCSSを一通り学んだけど、、、そのあとどう学んでいいか分からない。。 このような壁にぶち当たる人は非常に多いと思います。(私もそうでした(笑)) 本記事ではこのような悩みにどういった方法をとるべきかお答えします。 本記事テーマ HTML&CSS初心者…