こんにちは。masakichiです。 わたしはプログラミングの学習をしたり、情報収集をする時に好んで動画を閲覧することが多いです。 そんな中、最近英語圏のYoutubeチャンネルのクオリティが有料級並みに高いことに気づきドハマりしています。 ぜひ、プログラミングを学ぶ同志にも視聴してほしいと思い、おすすめのYoutubeチャンネルをまとめました。 なお、わたしはフロントエンドを主としていますので、紹介するチャンネルにも偏りがあります。予め、ご了承のほどよろしくお願いいたします。 The Coding Train 所感 スネークゲームやパズルゲームなどクリエイティブなチュートリアルがたくさんあるチャンネルです。運営者が教育の仕事もしているようなので、説明がわかりやすいと思いました。また、語学学校の先生みたいなノリで喋るので、聞き取りやすく親しみを感じることができると思います。 技術範囲 p5

はじめに ある日、Mediumというサイトで、下記の記事が投稿されていました。 わい「ほうほう。どんなライブラリがあるんじゃろか」 興味を持って、記事を読んでみるとvConsoleなるライブラリが紹介されていました。 わい「vConsole？ なになに…」 Debugging web pages on mobile is very difficult, but with “Vconsole” everything will be much easier. ~日本語訳~ モバイルでのWebページのデバッグは非常に難しいですが、vConsoleがあればすごく簡単にデバッグ作業ができます わい「なにこれおもしろそう…」 ということでvConsoleなるものについて少し調べてみたところ、なかなかに便利そうだったので、わたしみたいな初級者Webエンジニアの同志にも是非知ってほしいと思い、記事にしてみ

はじめに 最近まで、JavaScriptで使う論理演算子「&&」と「||」の意味を正確に理解していないことにようやく気づいたWEBエンジニアのmasakichiと申します。 すでに同じようなQiita記事もたくさんありましたが、個人的にかなり大事な基礎だと感じたため、僕みたいな初級エンジニア同士にも知って欲しいと思い、改めて記事にしてみました。 &&の意味 例えば、下記のような条件式があったとする。 let a = true; let b = true; if(a && b){ alert("This is true") }else{ alert("This is false"); } //This is true && はここでは「true, false という真偽値の論理積(AND)」として利用されていますが、 && はこれだけの用途ではなく、JavaScriptでは気をつけるべき挙動

この記事に書いてあること JavaScriptプラグインのbody-scroll-lock.jsの使い方について サイトリンク GitHubリポジトリ npmサイト body-scroll-lock.jsとは？ ターゲット要素（モーダル/ライトボックス/フライアウト/ナビメニューなど）のスクロールを中断せずに、ボディスクロールを禁止にするプラグインです 対象ブラウザ iOS Mobileおよびタブレット、Android、デスクトップSafari/Chrome/Firefox どんな時に使うか？ 例えばモーダルを表示した時に、背景を固定したいといった場合に使うことができます。 モーダルの中だけスクロールを有効にして、背景固定を実現するなんてことも簡単に実装可能です。 なぜ使うの？ スクロールのロックは簡単そうに思えて、実は結構面倒くさい処理内容です。 例えば、 overflow:hidden

はじめに こんにちは。WEBエンジニアのmasakichiです。 Laravelって自由度が高く拡張しやすい反面、「コードの書き方が煩雑化しやすい」と感じたことはありませんか？ そんな方に向けたおすすめのGitHubリポジトリlaravel-best-practicesを共有したく記事にしました。 記事の対象者 これからLaravelを勉強したいと思っている人 Laravelの経験はあるけど、より良質なコードを書きたいと思っている人 など この記事を書いた経緯 ネット上にはさまざまなLaravelのベストプラクティスがありますが、個人的にいちばんシンプルですっきりとまとまっているのが今回紹介するものです。 同ベストプラクティスをすでに共有しているQiita記事や他のネット記事もたくさんあると思いますが、改めていまLaravelを学んでいる同士にこのベストプラクティスの存在を知って欲しいなと

初学者友人との、ある日の会話 友人「なぁ、JavaScriptって本当に役に立つの？」 わい「おぉ。めちゃくちゃ役に立つで。」 友人「ほう。どんなふうに？」 わい「うーん…どんなふうにか…。せや！ブラウザ設定でJavaScriptを無効にっと。ほれウェブサイトみてみ。」 友人「おぉ！！！すげぇぇぇっっっ！！！」 １枚の絵は千の言葉を語る JavaScriptの凄さを知るには、ブラウザ設定でJavaScriptを無効にしてからウェブサイトを閲覧してみましょう。 この記事に書いてあること この記事では、ブラウザ設定でJavaScriptを無効にして、ウェブサイトを閲覧したらどうなるのかを書いています。 JavaScriptの凄さを改めて実感してもらい、一人でも多くのフロントエンドエンジニアのモチベーションに繋がればと思います。 なお、JavaScriptをオフにしてウェブサイトを閲覧するという

はじめに こんにちは。WEBエンジニアのmasakichiです。 OSSを始めたいと思いながらも「なにから始めたらいいかわからない…」と悩んでいませんか？ そんなOSS未経験者にGood First Issueというリポジトリをお勧めしたく記事にしました。 この記事で書いてあること この記事には以下の2つが書いてあります。 Good First Issueについて Good First Issueからコントリビュートするまでの流れ（経験談） Good First Issueとは OSSにコントリビュートしたことのない開発者でもすぐに始められる人気プロジェクトをピックアップしたキュレーションサイトです。 プロジェクトのリンク先はgithubリポジトリで管理されています。 リポジトリはこちら キュレーションサイトはこちら Good First Issueでは下記の基準を満たしたプロジェクトがピ