ウェブ制作

ウェブ制作

VSCode + Stylelint で、CSSファイル以外でエラーが出る対処法(TypeError: result.apply is not a function at 〜)

VSCode に Stylint の拡張機能を使用中に、jsファイルを保存時に、なぜか『TypeError: result.apply is not a function at ...』と、Stylelintのエラーが出る問題が出て消す方...
ウェブ制作

TikToker ケチャップが使っているグッズを調べてみた

はる TikTokerのケチャップさんを見つけて、ケチャマニ化がすすみ、登場するゲーミングチェアとヘッドフォンが何か気になり調べました。 TikToker ケチャップとは 引用: プロフィール TikTokで2...
ウェブ制作

Flexboxをゾンビゲーで楽しく学ぶ海外ゲームのクオリティーがやばい

はる Flexboxの挙動を遊びながら学べるゲームを発見しました。 めちゃくちゃクオリティーが高くてびっくりしました! Flexboxの挙動を遊びながら学べるゲーム! バージョンが2.0になってアニメーション・オーディ...
ウェブ制作

CSSだけで追従表現ができる『position: sticky』で3つの表現

はる CSSの『position: sticky』で一部分を追従する表現が簡単にできるので、その紹介をします。 JavaScriptを使わなくても追従表現ができる .wrap { position: relative; ...
ウェブ制作

CSSで縦と横の中央寄せをする3つの方法

はる 今回は、CSS要素を縦と横の中央寄席する方法を紹介します。 3つの方法を紹介しますが、それぞれにメリットデメリットもあるので紹介します。 結論から言うと、flexを使い中央寄せ をする方法が一番シンプルの指定にはなるの...
ウェブ制作

HTML・CSS入門 講座

はる HTML・CSSをこれから始めたい!という人に向けて記事を書いています。『パソコンまずどうしたらいい?』から、チュートリアル形式でHTML・CSSを学べる連載記事なども用意してます。 環境を用意しよう! 「...
ウェブ制作

教科書には載っていないコーディングする人に知っていて欲しい14のこと

はる フロントエンジニアのはるです。 今回は、コーディングをする人で入門者を脱却するために私が思う気をつけて欲しいことを紹介します。 プルリクチェックをする機会も多く、コーディングを始めたばかりの人たちにこれは知っていて欲し...
ウェブ制作

slint –init の『Would you like to install them now with npm?』をNoを選択しyarnでインストールする時のメモ

はる 現在、りあクト!という本で勉強をしていて、Kindleからうまくコピペができなかったのでメモメモ。 注意 『りあクト!』という本を読んでいて、勉強メモです。読んでないで見た人は参考にしちゃいけないメモ。 $ yarn...
ウェブ制作

【フロントエンジニア】Laravel Mix での開発環境が高機能で簡単なので入門方法を紹介

はる 今回は、取っ掛りにくいwebpackで作成する開発環境を簡単に用意できる『Laravel Mix』を紹介したいと思います。 Laravel Mix とは webpackベースのフロントエンドのビルドをするための...
ウェブ制作

WordPressでnoindexを設定する方法(functions.phpからの設定)

はる WordPressのページのカスタマイズで、functions.phpから特定のページをnoindexに設定する方法を紹介します。 対象のWordPressのバージョン WordPress 5.7.0以降 の設定方法です ...
タイトルとURLをコピーしました