フロントエンドを本気で目指したい、スキルアップをしたい方々におすすめ講座をお教えします。
【最大70%OFF】有名プログラミングスクールを安く受講する方法
フロントエンドを本気で目指したい、スキルアップをしたい方々におすすめ講座をお教えします。
React学習を始めて2ヶ月が経ったので現状の進捗をまとめました
【React学習ログ⑧】Reactはなぜ高速?どう動いてる?を調べてみた
Reactがなぜ高速なパフォーマンスを提供できるのかとどのように動いてブラウザに表示されているのかを解説します
フリーランスになって良かったこと・悪かったこと お金・休み・スキル
フリーランスになって良かったこと・悪かったことをまとめてみました
【React学習ログ⑦】react-transition-groupでアニメーションを実装してみた
react-transition-groupでアニメーションを実装してみた
【React学習ログ⑥】Redux Toolkitを実装しながら解説してみる
Redux Toolkitについて実装を交えながら解説します。
【React学習ログ⑤】Reduxを実装しながら解説してみた
Reduxについて実装を交えながら解説します。
【React学習ログ④】Reduxをどう理解したかを解説|図解あり
私がReduxをどう理解したかを解説します。
【React学習ログ③】子コンポーネントが無駄に実行されるのを防ぐ
子コンポーネントも勝手に実行されるのを防ぐ方法を解説します
【React Hooks基礎】useContextを理解する
React Hooksの一つのuseContext()について詳細に解説いたします。
【React Hooks基礎】useReducerを理解する
React Hooksの一つのuseReducer()について詳細に解説いたします
React Hooksの一つのuseEffect()について使い方を詳細に解説いたします。
React Hooksの一つのuseRefについて使い方から、useStateとの違いまで詳細に解説しました。
【React学習ログ②】Keyについて調べまくって役割を言語化してみた
Reactでデータをリスト表示にするときに使う「key」について詳しく解説しています。
React.jsのHooksの一つであるuseStateについて解説します。
【React学習ログ①】React学習スタート!経緯・ゴールについて
React.jsを学び始めたので習得までの期間や何が難しかったなどの情報を発信していきます。
【2023最新Udemy】フロントエンドにおすすめ講座10選|初心者中級者向け
フロントエンドを本気で目指したい、スキルアップをしたい方々におすすめ講座をお教えします。
【GSAP 4/4】ScrollTriggerでスクロールと連動したアニメーションの実装
GSAPのScrollTriggerのプラグインを使ってスクロールに連動したアニメーションを実装します。
【GSAP 3/4】Timelineを使って複数の要素を連動させるアニメーション
複数の要素が連動するアニメーションをコントロールする方法を解説します。
【GSAP 2/4】Tweenを作って簡単なアニメーションと連続した動きまで
GSAPの基本的なメソッドやプロパティを中心に学び、シンプルな動きを自分で作れるようになります。
【GSAP 1/4】アニメーション演出が簡単にできるJSライブラリー「GSAP」
簡単にアニメーションを実装できる「GSAP」の概要を説明します。
【2022総括】初心者フロントエンドにオススメ、体系的に学べる書籍9選
フロントエンドのスキルの底上げに役立つ本を紹介します。
転職活動の第一歩は転職エージェントに登録することです。この記事では転職エージェントとは?からメリットや選ぶポイントや注意点、おすすめの転職エージェントをまとめています。
コスパ最高のオンライン学習プラットフォーム「Udemy」について解説します。
アップルのサイトのソースコードを見てみると、いろんな学びがあったので記事にまとめました。
UdemyのJavaScript学習におすすめのコースを紹介します。
フロントエンドのスキルの底上げに役立つ本を紹介します。
【HTML】9つの重要タグの理解でSEO対策(セマンティック要素)
セマンティックコーディングを理解することで、コード自体の可読性を上げ、SEOにも効果的なHTMLの記述が可能になります。
【HTML】SEOにも効果的なセマンティックコーディングとは?
セマンティックコーディングを理解することで、コード自体の可読性を上げ、SEOにも効果的なHTMLの記述が可能になります。
Web制作に必要なプログラミングのスキルは何か。独学がいいのかスクールがいいのかなどを、現役のフロントエンドエンジニアの目線でまとめました。
未経験からエンジニア転職が可能な理由【必要なスキルと入社後の業務内容を教えます】
未経験でのエンジニア転職って難しいと考えていませんか?また必要なスキルの習熟度は知っていますか?実際の業務内容って想像できていますか?本記事では、現在のエンジニア需要と必要なスキルレベル、想定される業
未経験でもエンジニア転職は可能か?ハイ可能です。ただ...覚悟は必要です。
経験でもエンジニア転職が可能ということと転職後の苦労を採用担当から体験ベースで説明したいと思います
未経験でもエンジニア転職は可能か?ハイ可能です。ただ…覚悟は必要です。
私フロントエンドしながらマネジメントしています。今回の記事は私が未経験から現在のフロントエンドになるまでに体験した事をベースに未経験でもエンジニア転職が可能ということと転職後の苦労をこのブログにまとめます。エンジニア転職のヒントや、未経験からエンジニアになれた経験、HTML/CSS/JSのTipsを配信しています。
未経験でもエンジニア転職は可能か?ハイ可能です。ただ…覚悟は必要です。
プログラミングを独学からスタートし約3年間が過ぎたのでその成長ログを書こうと思います。「プログラミング独学は6ヶ月しっかりやればエンジニアとしてやっていける。」と何かしらで見聞きして飛びつき傷ついた者です。決して順調にスキルが上がっているとは言えないので、こんな奴もいるのかと思っていただければ幸いです。
【エンジニア転職】実は多くの人ができていない?応募資料の準備編
エンジニア転職の際の応募書類について採用担当者からのアドバイスをしたいと思います。
【エンジニア転職】実は多くの人ができていない?応募資料の準備編
今回はエンジニア転職の際の応募書類について採用担当者からのアドバイスをしたいと思います。私は現在フロントエンドしながらマネジメントもしています。そして21年7月からWebチームの採用担当として活動もしています。何名もの方の応募資料を見てきましたが応募資料について深く考えられていないのではと思い書くことにしました。
【エンジニア転職】採用でスキルより重要視されているものとは?
未経験エンジニアは採用という観点でスキルよりももっと重要視されていることがあるよ
【エンジニア転職】採用でスキルより重要視されているものとは?
エンジニア転職、特に未経験エンジニアは採用という観点でスキルよりももっと重要視されていることがあるよという記事を書きます。私は現在Webチームの採用を担当しています。採用担当してから気づいたことなのでこれから転職を考えている方にも知っておいてもらったほうが良いと思い書きました。採用でスキルより重要なものとは何か、、
【5分で理解⑦ (配列編)】JavaScriptの配列のreduceメソッドで配列の値を"集約"する
第7弾は配列の値を"集約"する時に便利なreduceメソッド
【5分で理解⑦ (配列編)】JavaScriptの配列のreduceメソッドで配列の値を”集約”する
JavaScriptを理解する上で配列の理解は必須です。配列には多くのメソッドがあり、とても便利なのですが、その分覚えるのが大変です。そこで配列の中でも重要なメソッドを短く、実用的な部分だけを取り出しシリーズにして解説していきます。第6弾は配列内データを昇降順に並び替えることができるsortメソッドです。
【5分で理解⑥ (配列編)】JavaScriptの配列のsortメソッド で配列内を並び替え
第6弾はsortメソッド
【5分で理解⑥ (配列編)】JavaScriptの配列のsortメソッド で配列内を並び替え
今回はJavaScript(以下JS)の基本公文の一つであるif文について書いていきます。時間、計算、大小関係などの様々な条件で処理を変えたり、コンテンツの表示を変えたりと何かとよく使うif文。JSを勉強し始めた方、if文をど忘れした!って方にオススメです。是非if文を深く理解し、皆さんの制作に役立てて下さい。
【5分で理解⑤ (配列編)】JavaScriptの配列のeveryメソッド ーsomeメソッドとの違いー
第5弾はeveryメソッド
【5分で理解⑤ (配列編)】JavaScriptの配列のeveryメソッド ーsomeメソッドとの違いー
JavaScriptを理解する上で配列の理解は必須です。配列には多くのメソッドがあり、とても便利なのですが、その分覚えるのが大変です。そこで配列の中でも重要なメソッドを短く、実用的な部分だけを取り出しシリーズにして解説していきます。第5弾はeveryメソッドです。
【5分で理解④ (配列編)】JavaScriptの配列のsomeメソッドで配列内に”存在確認”
第4弾は配列内の存在の有無を確認する時に便利なsomeメソッド
【5分で理解④ (配列編)】JavaScriptの配列のsomeメソッドで配列内に”存在確認”
JavaScriptを理解する上で配列の理解は必須です。配列には多くのメソッドがあり、とても便利なのですが、その分覚えるのが大変です。そこで配列の中でも重要なメソッドを短く、実用的な部分だけを取り出しシリーズにして解説していきます。第4弾は配列内の存在の有無を確認する時に便利なsomeメソッドです。
【5分で理解③ (配列編)】JavaScriptの配列のmapメソッドで繰り返し計算や指定要素だけ抽出
第3弾は繰り返し計算や指定要素だけ抽出する時に便利なmapメソッドです。
【5分で理解③ (配列編)】JavaScriptの配列のmapメソッドで繰り返し計算や指定要素だけ抽出
JavaScriptを理解する上で配列の理解は必須です。配列には多くのメソッドがあり、とても便利なのですが、その分覚えるのが大変です。そこで配列の中でも重要なメソッドを短く、実用的な部分だけを取り出しシリーズにして解説していきます。第3弾は配列内計算をしてくれるmapメソッドです。
【5分で理解②(配列編)】JavaScriptの配列のfilterメソッドで配列要素を"絞り込む"
第2弾は配列内データを検索する時に便利なfiterメソッドです。
【5分で理解②(配列編)】JavaScriptの配列のfilterメソッドで配列要素を”絞り込む”
JavaScriptを理解する上で配列の理解は必須です。配列には多くのメソッドがあり、とても便利なのですが、その分覚えるのが大変です。そこで配列の中でも重要なメソッドを短く、実用的な部分だけを取り出しシリーズにして解説していきます。第2弾は配列内データを絞り込む時に便利なfilterメソッドです。
【5分で理解① (配列編)】JavaScriptの配列のfindメソッド基本理解
JavaScriptを理解する上で配列の理解は必須です。配列には多くのメソッドがあり、とても便利なのですが、その分覚えるのが大変です。そこで配列の中でも重要なメソッドを短く、実用的な部分だけを取り出しシリーズにして解説していきます。第一弾は配列内データを検索する時に便利なfindメソッドです。
【JS】8分で理解 deferとasyncを図で説明してみた【図解】
今回はJavaScript(以下JS)のdefer属性とasync属性を図を用いて説明します。またなぜスクリプトタグをBODYの最後に書くのかも説明します。このページを読むことで、ページの読み込み速度をあげる方法も理解できるのでぜひ読んでみてください。
【JS】イベントリスナー’ DOMContentLoaded ‘と’ load ‘の違いを解説
今回はJavaScript(以下JS)のイベントリスナーである「DOMContentLoaded」と「load」について解説したいと思います。あまり気にせずに使っていたのですが、調べると大きな違いがありました。また「この記述だと書かなくてもいいやん」ってこともあるのでぜひ一度目を通してみてください。
【JS】連続するsetTimeoutをスッキリさせる【コピペで解消】
今回はJavaScript(以下JS)で連続でsetTimeout()を実装する時に陥るコールバックヘルを解消する方法を記載します。 コピペで完結させたいので難しい用語の解説は一切抜きにしています。速攻でsetTimeout()をスッキリさせたいって方はこの記事のコードをコピーすればOKかと思います。
【JS】forEach・map・filter・reduce それぞれ説明【配列実践スキル】
JavaScript(以下JS)の構文の【配列】について書いていきます。今回はforEach()とmap()の違いや、filter()、find()、reduce()など特に実用的なメソッドを紹介していきます。この記事を読むことでこれらの基本を理解できるようになります。さらに詳しく知りたい方はそれぞれをググってみると良いでしょう。
【経験談】給料を上げたいなら自分に対しての出費を増やそう【自己投資のススメ】
給料アップと出費の関係について自分の経験をもとに書いていこうと思います。個人の経験上給料を上げるには自己投資が必要と考えています。なぜそうなのかをこの記事にまとめてみました。不要なことにな時間やお金をかけていないですか?何かの気づきになれば幸いです。
【初心者→中上級者になる】Progateをやり終えた後にオススメ2選のUdemy
Progateやドットインストールなどの基礎学習を終えて、完璧ではなくともなんとなくサイトっぽいものが実装ができるようになったが次何をしたらいいのかわからない。もう少しカッコいいサイトを作りたいと言う方に向けて書きました。
1年間通してエンジニア採用活動をしていて、書類選考や面接時に残念だなって思うパターンがいくつかありました。そのパターンを紹介し今年転職活動を検討してる方が事前に防ぐことができるようになればと思います
プログラミングを独学で始めて3年間の成長ログ【現役フロントエンドエンジニアの振り返り】
プログラミングを独学からスタートし約3年間が過ぎたのでその成長ログを書こうと思います。「プログラミング独学は6ヶ月しっかりやればエンジニアとしてやっていける。」と何かしらで見聞きして飛びつき傷ついた者です。決して順調にスキルが上がっているとは言えないので、こんな奴もいるのかと思っていただければ幸いです。
【CSS】repeating-linear-gradient 背景に格子・ストライプを表現する
今回は最近の案件で学びになったCSSでの表現方法を紹介したいと思います。 コンテンツ背景に格子状のデザインやストライプのデザインを背景に引く方法をお教えします。 こんなこともCSSでできるのは驚きでした。
【CSS】first-childとfirst-of-typeの違いは?lastもnthも同じ考え方
今回は、セレクタ解説の前編後編にひきつづき番外編となります。 first-childとfirst-of-typeの違いです。この二つは似ているのでときどき混乱しますので詳しく解説します。last-childとlast-of-type、nth-childとnth-of-typeの違いもこの考え方と同じです。
【CSS】 first-child, nth-of-type,,,覚えておきたいセレクタをまとめました。<後編>
今回はセレクタ解説の後編です。 後編はググったり参考書でリストで並んでいてみたら飛ばしたくなるやつらです。first-child, last-of-type, nth,,,,,などなど。今回6つに絞っています。これで十分です。
【CSS】 複数、子孫、子、隣接…忘れがちなセレクタをまとめました。<前編>
今回は「*」「+」「>」「,」「~」セレクターについてまとめていきたいと思います。セレクターを自由に使える様になると、コーディングスピード、可読性、更新性がアップします。
テックキャンプ卒業生が解説。金額・コース内容からスキルアップ実績などの満足度
テックキャンプに参加した自分の経験を書きたいと思います。 金額・コース内容やスキルアップやそもそもの満足度をザっと書いていきます。コロナで働き方が見直され在宅ワークへの理解が広がっています。エンジニアは在宅ワークをしやすい職種で通勤へのストレスもなくなります。プログラミングスクールを検討の方は参考にしてください。
【JavaScript】if文の基本から応用までを網羅。初心者・ド忘れした方にオススメ
今回はJavaScript(以下JS)の基本公文の一つであるif文について書いていきます。時間、計算、大小関係などの様々な条件で処理を変えたり、コンテンツの表示を変えたりと何かとよく使うif文。JSを勉強し始めた方、if文をど忘れした!って方にオススメです。是非if文を深く理解し、皆さんの制作に役立てて下さい。
【CSS】文字を下線(アンダーライン)で目立たせる。コピペOK。
CSSでテキストにアンダーラインを引く方法をいくつか紹介します。普通の下線、太線、マーカー風の下線まで表現できる実装をまとめました。
Rubyなの?Railsなの?Ruby on Railsなの? それぞれバラバラなの?の様にまだ整理ができてない方は是非読んで見てください。
今回はテックキャンプ(旧TECH::EXPERT)の良かった点・そうでなかった点について書きたいと思います。テックキャンプに通おうと悩んでいる方も多いかと思います。かなり高額なので失敗したくないと思います。今回はそのような方々の為に書いていきます。一つの判断基準となれば幸いです。
「ブログリーダー」を活用して、Kakureさんをフォローしませんか?
フロントエンドを本気で目指したい、スキルアップをしたい方々におすすめ講座をお教えします。
React学習を始めて2ヶ月が経ったので現状の進捗をまとめました
Reactがなぜ高速なパフォーマンスを提供できるのかとどのように動いてブラウザに表示されているのかを解説します
フリーランスになって良かったこと・悪かったことをまとめてみました
react-transition-groupでアニメーションを実装してみた
Redux Toolkitについて実装を交えながら解説します。
Reduxについて実装を交えながら解説します。
私がReduxをどう理解したかを解説します。
子コンポーネントも勝手に実行されるのを防ぐ方法を解説します
React Hooksの一つのuseContext()について詳細に解説いたします。
React Hooksの一つのuseReducer()について詳細に解説いたします
React Hooksの一つのuseEffect()について使い方を詳細に解説いたします。
React Hooksの一つのuseRefについて使い方から、useStateとの違いまで詳細に解説しました。
Reactでデータをリスト表示にするときに使う「key」について詳しく解説しています。
React.jsのHooksの一つであるuseStateについて解説します。
React.jsを学び始めたので習得までの期間や何が難しかったなどの情報を発信していきます。
フロントエンドを本気で目指したい、スキルアップをしたい方々におすすめ講座をお教えします。
GSAPのScrollTriggerのプラグインを使ってスクロールに連動したアニメーションを実装します。
複数の要素が連動するアニメーションをコントロールする方法を解説します。
GSAPの基本的なメソッドやプロパティを中心に学び、シンプルな動きを自分で作れるようになります。
私がReduxをどう理解したかを解説します。
子コンポーネントも勝手に実行されるのを防ぐ方法を解説します
React Hooksの一つのuseContext()について詳細に解説いたします。
React Hooksの一つのuseReducer()について詳細に解説いたします
React Hooksの一つのuseEffect()について使い方を詳細に解説いたします。
React Hooksの一つのuseRefについて使い方から、useStateとの違いまで詳細に解説しました。
Reactでデータをリスト表示にするときに使う「key」について詳しく解説しています。
React.jsのHooksの一つであるuseStateについて解説します。
React.jsを学び始めたので習得までの期間や何が難しかったなどの情報を発信していきます。
フロントエンドを本気で目指したい、スキルアップをしたい方々におすすめ講座をお教えします。
GSAPのScrollTriggerのプラグインを使ってスクロールに連動したアニメーションを実装します。
複数の要素が連動するアニメーションをコントロールする方法を解説します。
GSAPの基本的なメソッドやプロパティを中心に学び、シンプルな動きを自分で作れるようになります。
簡単にアニメーションを実装できる「GSAP」の概要を説明します。
フロントエンドのスキルの底上げに役立つ本を紹介します。
転職活動の第一歩は転職エージェントに登録することです。この記事では転職エージェントとは?からメリットや選ぶポイントや注意点、おすすめの転職エージェントをまとめています。
コスパ最高のオンライン学習プラットフォーム「Udemy」について解説します。