ふくはら＠プログラミング勉強中

31才プログラミング勉強始めました:-)接客業を勤める→好きじゃないし不得意→思い切っ…

ふくはら＠プログラミング勉強中

31才プログラミング勉強始めました:-)接客業を勤める→好きじゃないし不得意→思い切ってオフィスツール資格もないまま事務職へ→PCカタカタすごく楽しい！分からない事は積極的にググれな会社で、毎日が勉強できる事に感謝しながら生活。マンガ好き。独学のアウトプット中心にブログってます。

＜その10＞独学プログラミング勉強〜【簡単】速度を上げてTwitterボタン実装とか〜

サイトの改善する時に気になることといえば 「動作が重いか軽いか」 やっぱり軽くてスラスラ動くのが理想ですね✨ それと、SNSとの連携ができたらいいな〜 と思いつつ、なんとなく難しそうで 避けてしまいがちですよね。 私のサイトもそんな感じでした。 ですが、思ったより簡単できたので 今回も色んなサイトを参考にして 自分のサイトを改善してみました！ はじめにまずこちら↓のサイトで速度を評価しました。 その時の結果がこちら↓ スコアが１３点上がりました:-) 実際に使っ

ふくはら＠プログラミン…

    • https://fuku100.github.io/fukuhara.github.io/ 画像が表示されないエラーに悩まされましたが、解決しました！ さらに画像を圧縮して動作も軽くなりました:-) このあたりをブログで解説していきますので、ご覧になっていただけたら幸いです🙇‍♂️

      ふくはら＠プログラミン…

      • https://fuku100.github.io/fukuhara.github.io/ 雑貨紹介のサイトを作ってみました。 ご覧になっていただけたら幸いです:-) ペアプログラミングで初めて実装できたJavaScriptが嬉しすぎる！ ですが画像がナゼか表示されてません(泣) 明日また挑戦します！

        ふくはら＠プログラミン…

        • ペアプログラミングの感想〜後編〜

          先日、現役エンジニアのかずのり様と ペアプログラミングを実施しました。 楽しく充実した体験の感想の続きです。 だいぶ長めです。 そのくらい充実していたのです！ それにしても長いです。 まとめだけでも 読んでいただけたら幸いです。 はじめにペアプログラミングの環境 ・PC→MacBookAir2017 ・会話やチャット→zoom ・エディター→VScode 　　　　　　（Live Shareを拡張済） ・実施内容→MyサイトにJavaScriptを実装 ペアプロで出来

          ふくはら＠プログラミン…

        ＜その10＞独学プログラミング勉強〜【簡単】速度を上げてTwitterボタン実装とか〜

        ふくはら＠プログラミング勉強中

        • https://fuku100.github.io/fukuhara.github.io/ 画像が表示されないエラーに悩まされましたが、解決しました！ さらに画像を圧縮して動作も軽くなりました:-) このあたりをブログで解説していきますので、ご覧になっていただけたら幸いです🙇‍♂️

          ふくはら＠プログラミング勉強中

        • https://fuku100.github.io/fukuhara.github.io/ 雑貨紹介のサイトを作ってみました。 ご覧になっていただけたら幸いです:-) ペアプログラミングで初めて実装できたJavaScriptが嬉しすぎる！ ですが画像がナゼか表示されてません(泣) 明日また挑戦します！

          ふくはら＠プログラミング勉強中

        • ペアプログラミングの感想〜後編〜

          ふくはら＠プログラミング勉強中

        マガジン

        • Web制作系
          7本
        • ワードプレス
          1本

        記事

          ペアプログラミングの感想〜前編〜

          プログラミングの勉強を始めて 約２ヶ月で訪れた最高✨の募集案件 それがコチラです↓ かずのり@エンジニア×プログラミング講師 私のような初心者でもいいのかと 大変心苦しいかったのですが とても惹かれる内容だったので 質問コメントすると 温かい回答をいただけたので 応募しました！ ペアプロを終えてまっ先に思った事 かずのり様には感謝してもしきれない！ 本当にありがとうございました！！！ 応募してほんっっっとにに良かった もっとプログラミングの勉強がんばりたい！ そう思

          ふくはら＠プログラミン…

          ペアプログラミングの感想〜前編〜

          ふくはら＠プログラミング勉強中

          〈その9〉独学プログラミング勉強〜２カラムの２カラム〜

          情報の拾得の多様化BANZAI B'zのHOMEもサイコーでしたね♫ 情報の発信をしてる皆さまのおかげで プログラミングで詰まっても どうにかなってます あざっす！ これがお世話になってるサイト様方だ！ 心からの感謝を！ありがとうございます！！！ 自分も情報の発信を カタカタ楽しんでおります♪ 誰かの勇気になりますように:-) はじめに学習環境：Mac Book Air2017 　　　　　ドットインストール（カッキーン！） 学習状況：HTML,CSSの基礎 　　　　

          ふくはら＠プログラミン…

          〈その9〉独学プログラミング勉強〜２カラムの２カラム〜

          ふくはら＠プログラミング勉強中

          〈その8〉独学プログラミング勉強（１ヶ月半）〜まだまだ続くよ３カラム編〜

          アウトプットしていくと さらなる気づきが待っている！ もちろんネガティブな気付きも。。。 今は誰でも何でも作れる時代。 そう、サイトだって… これもノーコード的なことなのかしら？ ホント色々と簡単にできるみたいだけど それでもプログラミングを知ると知らないでは 何かが違うはず！ まだ不勉強でそこまで分からないけど 勉強あるのみ٩( ᐛ )و 勉強だって楽しんだもん勝ちよ☆ はじめに学習環境：Mac Book Air2017 学習状況：HTML,CSSの基礎 　　　

          ふくはら＠プログラミン…

          〈その8〉独学プログラミング勉強（１ヶ月半）〜まだまだ続くよ３カラム編〜

          ふくはら＠プログラミング勉強中

          ＜その７＞独学プログラミング勉強（１ヶ月半）〜flexbox・２カラムを実装〜

          基礎学習を終えたらやらねばなるまい！ 実際にゼロからコードをかいてサイト制作☆ プログラミングの独学ってどうすればいいのか？ 色々と調べると 1.基礎を学ぶ 2.サイトを模写する 3.ポートフォリオを作る 4.転職して稼ぎつつ勉強 5.もしくはフリーランスの人に聞く てな感じ。 そんな調べた中で コレだ！と思った動画がこちら↓ なるほど！となったので即・行動！ そして失敗orz ↑ネタができた！ その失敗をブログに書き出したのが ＜その2＞〜＜その4＞です。 さ

          ふくはら＠プログラミン…

          ＜その７＞独学プログラミング勉強（１ヶ月半）〜flexbox・２カラムを実装〜

          ふくはら＠プログラミング勉強中

          ＜その６＞プログラミング勉強（1ヶ月半）３つの改善

          ＜その５＞で公開した自家製サイトの 解説をしていきつつ、大失敗からの改善を 書いていきたいなと思います。 はじめに・サイトの構成・タイトル＆アイコン（ファビコン） ・アラート ・ヘッダー ・バナー ・導入の部分（イントロ的な？） ・お気に入り ・ぬいぐるみ系 ・とり系 ・終わりに（エピソード的な？） ・プロフィール ・お問い合わせ ・フッター このザックリ構成の 上から順に解説していきます。 今回の３つの改善はコチラ↓ １.タイトルのアイコン（ファビコン）の作成 ２.中

          ふくはら＠プログラミン…

          ＜その６＞プログラミング勉強（1ヶ月半）３つの改善

          ふくはら＠プログラミング勉強中

          ＜その５＞プログラミング勉強（約１ヶ月）大失敗からの修正と改善

          その２〜４での失敗作を ゾンビ精神で自分なりの 修正・改善してみました。 独学の勉強では 「ココをこうすると良くなるよ」 と、先生に教えてもらえないので ソクラテスを見習って問答法してます。 それでもまったく足りない不足感！ いざ尋常に学んで参る！ はじめに★改善点★ ・Bootstrapからflexboxに乗り換える ・divの範囲を分かりやすく改行を広めにとる ・デベロッパーツールの使い方を再勉強 完成したのがコチラ↓できました！重たくてスミマセン(汗; プログラ

          ふくはら＠プログラミン…

          ＜その５＞プログラミング勉強（約１ヶ月）大失敗からの修正と改善

          ふくはら＠プログラミング勉強中

          ＜その４＞プログラミング勉強・1ヶ月目の大失敗

          その2、その3からのつづきです。 プログラミング勉強を始めて1ヶ月たったので アウトプットとして自分のサイト的な？ のを作ってみました！ 見事に失敗しましたorz 失敗までの流れ １.基礎を学びサイト制作の欲が出る ２.サイトのイメージを思い描く ３.さらに新しく学んだBootstrapを 　使いたくなる ４.ヘッダーでBootstrapを使い、調子に乗る 5.知識が追いつかず 　できないことが増えていく 6.だんだんイメージとズレてくる 結果：サイト制作、大

          ふくはら＠プログラミン…

          ＜その４＞プログラミング勉強・1ヶ月目の大失敗

          ふくはら＠プログラミング勉強中

          ＜その3＞プログラミング勉強

          ＜その2＞からの続きです。 プログラミング勉強約１ヶ月の成果の Webページを解説していきたいと思います。 はじめに使っているエディターがVScodeです。 理由はドットインストールのHTMLの基礎で 導入されていたから、右にならえです。 一応Sublime(さぶらいむ)にも挑戦したのですが なんかとっつきにくかったので挫折orz さらに、初心者がエディターをこだわっても 大差なしとマナブログ様でもあったので ささっとVScodeにコミット！ まずはエディターの環境設定と

          ふくはら＠プログラミン…

          ＜その3＞プログラミング勉強

          ふくはら＠プログラミング勉強中

          ＜その２＞プログラミング勉強

          プログラミングを始めて約１ヶ月。 勉強法としてアウトプットが重要！ と、尊敬する方々がおっしゃっていたので 自分なりアウトプット！ はじめに勉強内容： HTML&CSSの基礎、Bootstrapの基本 お世話になった素敵サイト様： HikoPro Blog 以下にある画像はChromeの拡張機能で ダウンロードしました。 超絶便利でオススメです！ 拡張方法は一番下の参考動画をご覧ください。 勉強約１ヶ月の成果がコチラ↓ お分かりいただけただろうか？ CSSが反映されてい

          ふくはら＠プログラミン…

          ＜その２＞プログラミング勉強

          ふくはら＠プログラミング勉強中

          ＜その1＞プログラミング勉強

          何事も初挑戦はドッキドキ♪d(´ཀ`)b♪ 「エディターをダウンロードする」で （え、えでぃたぁ…？）な感じで トライ＆エラーのエラー多めで勉強しています。 はじめに使ってるモノ PC：MacBook Air エディター：VScode（Sublime試すも挫折） 学習サービス：ドットインストール(課金) 　　　　　　　Progateのアプリ 素敵サイト様：MDN Wed Docs このブログの目的： 勉強した事を検索できるようにする タグの説明は自分なりな理解なので だ

          ふくはら＠プログラミン…

          ＜その1＞プログラミング勉強

          ふくはら＠プログラミング勉強中

          ＜その０＞プログラミング勉強

          プログラミングを勉強していて 「基本的なことだからしっかり覚えなくては！」 なことをメモしてまとめたいと思いました。 はじめは手書きでノートに書いていましたが そういえばコレなんだっけ？と見返すけども 読めない……字が崩れすぎててもはや暗号。。 さらには大事と思っていたのにメモしてない どこに書いたかわかんないぃ。。。 っとなったので デジタルなツールにきりかえよう！ さっそく検索できるメモなアプリを探すも なぁんかもっとこう……だったので いっその事ブログ書いて その中

          ふくはら＠プログラミン…

          ＜その０＞プログラミング勉強

          ふくはら＠プログラミング勉強中