はてなブックマーク

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

&& はここでは「true, false という真偽値の論理積(AND)」として利用されていますが、 && はこれだけの用途ではなく、JavaScriptでは気をつけるべき挙動があります。 以下MDNの解説 この演算子は左から右に向けて評価した際に最初の偽値のオペランドに遭遇したときにはその値を、またはすべてが真値であった場合は最後のオペランドの値を返します。 説明が難しいですが、要するに 2022/5/9 テキスト修正 左の値から順番にtruthyかfalsyかを確認 確認した左の値がfalsyならその時点で左の値を返却して終了 truthyなら右隣の値を返却 falsy な値は、undefined, null, false, 数値0(0や0.0), 空文字列("")があります。 ※@shiracamus さんにご指摘いただき上記修正いたしました。ありがとうございます！ ということ。 ち

この記事に書いてあること 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を学んでいる同士にこのベストプラクティスの存在を知って欲しいなと

はじめに 全国のパパ・ママエンジニアのみなさん。こんにちは。 2歳〜3歳くらいの子どもって動物大好きですよね？ わたしには2歳8ヶ月の娘がいるのですが、特にカピバラが大好きです。 そんな動物大好きっ娘のために簡易ゲームをつくりました。 つくったもの Animal Sounds 〜おとあてげーむ！いきものどーれだ？〜 内容はとってもシンプル。 動物の音が流れるので、その音に合う動物（いきもの）を選択肢の中から選ぶゲームです。 作った目的（解決したい課題） 2歳といえば、いろいろなものに興味が湧いてくる年頃。 わたしの娘も例外でなく、まいにちさまざまなものに興味を示しています。 中でも、最近いちばん好きなのが動物。 毎晩のように動物図鑑を持ってきて、「ぱぱー。読んでー。」とせがんできます。 そんなに動物が好きなら、動物園に連れて行ってあげたいなぁと思いつつ、コロナ禍で頻繁に外出するわけにもいか

初学者友人との、ある日の会話 友人「なぁ、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では下記の基準を満たしたプロジェクトがピ