ウェブ制作高速なWebサイトが作れるAstroをReactでつくる方法
Astroでは簡単に静的サイトをビルドできるWebフレームワークとのことで、今回はReact.jsを取り入れた環境を用意してみたいと思います。 はる React.js TypeScript Next.jsがわかる前提でゆるく説明して...
ウェブ制作ウェブ制作【VS Code 設定】編集中ファイルでエラー箇所があるとエラー音がうるさいので消したい時の方法
はる 編集中ファイルで記述のミスなどで赤くエラー表示されてるところでポコポコエラー音がして禿げるかと思ったので消し方をメモしておきます。 はる 基本設定の設定を開く検索で『audio cues error』で検索auto ...
ウェブ制作TDK Meta Checker をアップデート！Chromeの拡張機能
meta情報を確認しやすくした拡張機能 TDK Meta CheckerはGoogleの拡張機能で、Webサイトのmeta情報をわかりやすく確認するための機能です。Web制作者目線で確認したい内容だけに絞って表示してくれ...
ウェブ制作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』で３つの表現
はる CSSの『position: sticky』で一部分を追従する表現が簡単にできるので、その紹介をします。 JavaScriptを使わなくても追従表現ができる .wrap { position: relative; ...
ウェブ制作CSSで縦と横の中央寄せをする３つの方法
はる 今回は、CSS要素を縦と横の中央寄席する方法を紹介します。 ３つの方法を紹介しますが、それぞれにメリットデメリットもあるので紹介します。 結論から言うと、flexを使い中央寄せ をする方法が一番シンプルの指定にはなるの...
ウェブ制作HTML・CSS入門 講座
はる HTML・CSSをこれから始めたい！という人に向けて記事を書いています。『パソコンまずどうしたらいい？』から、チュートリアル形式でHTML・CSSを学べる連載記事なども用意してます。 環境を用意しよう！ 「...
ウェブ制作教科書には載っていないコーディングする人に知っていて欲しい14のこと
はる フロントエンジニアのはるです。 今回は、コーディングをする人で入門者を脱却するために私が思う気をつけて欲しいことを紹介します。 プルリクチェックをする機会も多く、コーディングを始めたばかりの人たちにこれは知っていて欲し...
アイドルRAYの「愛はどこいったの？」が最高過ぎる
シューゲイズアイドルのRAYの「愛はどこいったの?」が収録されたコンピレーションアルバム『Total Feedback 2020』が2020年10月21日に発売されました。 私は、RAYの大ファンだがシューゲイザーな曲が...
アイドルアイドルの活動がオンライン時代で変わったことまとめ【コロナ自粛期間】
ライブハウスでライブを行い、チェキ撮影会を主な収入源にしているアイドルがコロナの影響でどのようなことをしているかまとめてみたいと思います。私が、知っている範囲にはなってはしまいますが、紹介していきたいと思います。 今までのアイドル活...
アイドル【初心者必見】スタフラバルーンの値段や注文方法を紹介！アイドルに贈ろう
はる スタフラの注文自体はとても簡単でした！でも、贈るのに大切な準備を経験談とともにしっかり紹介します！ アイドルオタク２年ぐらいでそれなりにどっぷりアイドルの沼に浸かっています!スタフラバルーンを手配することがあったので、値段や...
ウェブ制作高速なWebサイトが作れるAstroをReactでつくる方法
Astroでは簡単に静的サイトをビルドできるWebフレームワークとのことで、今回はReact.jsを取り入れた環境を用意してみたいと思います。 はる React.js TypeScript Next.jsがわかる前提でゆるく説明して...
ウェブ制作【VS Code 設定】編集中ファイルでエラー箇所があるとエラー音がうるさいので消したい時の方法
はる 編集中ファイルで記述のミスなどで赤くエラー表示されてるところでポコポコエラー音がして禿げるかと思ったので消し方をメモしておきます。 はる 基本設定の設定を開く検索で『audio cues error』で検索auto ...
ウェブ制作TDK Meta Checker をアップデート！Chromeの拡張機能
meta情報を確認しやすくした拡張機能 TDK Meta CheckerはGoogleの拡張機能で、Webサイトのmeta情報をわかりやすく確認するための機能です。Web制作者目線で確認したい内容だけに絞って表示してくれ...
ウェブ制作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』で３つの表現
はる CSSの『position: sticky』で一部分を追従する表現が簡単にできるので、その紹介をします。 JavaScriptを使わなくても追従表現ができる .wrap { position: relative; ...
ウェブ制作CSSで縦と横の中央寄せをする３つの方法
はる 今回は、CSS要素を縦と横の中央寄席する方法を紹介します。 ３つの方法を紹介しますが、それぞれにメリットデメリットもあるので紹介します。 結論から言うと、flexを使い中央寄せ をする方法が一番シンプルの指定にはなるの...
ウェブ制作HTML・CSS入門 講座
はる HTML・CSSをこれから始めたい！という人に向けて記事を書いています。『パソコンまずどうしたらいい？』から、チュートリアル形式でHTML・CSSを学べる連載記事なども用意してます。 環境を用意しよう！ 「...
ウェブ制作教科書には載っていないコーディングする人に知っていて欲しい14のこと
はる フロントエンジニアのはるです。 今回は、コーディングをする人で入門者を脱却するために私が思う気をつけて欲しいことを紹介します。 プルリクチェックをする機会も多く、コーディングを始めたばかりの人たちにこれは知っていて欲し...
生活【個人情報保護士の合格方法】勉強が苦手な私の勉強法まとめ
はる こんにちは。Webプログラマーのはるです。 ぼくは、個人情報保護士の資格を持っています。勉強は苦手ですが、合格できたので詳しく方法を紹介したいと思います。 勉強が苦手な私について 僕は小さい頃から、勉強をした記憶...
生活SIMピンがない時の代用品はコレだぞ！
はる SIMピンがなくて焦りました！その時の家にある物で代わりになる物はコレだ！と、言う物を紹介します。 楽天モバイルがそろそろ１年無料が終わるのと、5Gも使える様になるということでiPhone12 Pro Max を使っているの...
生活私がコロナきっかけで禁煙をしてから変化した行動
一日一箱吸っちゃうヘビースモーカーの私が、無理せず禁煙した方法を具体的に紹介します！ 最近、コロナが落ち着いたらアイドルのライブに行って馬鹿みたいに楽しみたいと夢見てます。こんにちは、はるといいます。コロナをきっかけに、喫煙をや...
生活ReZARDのパンツが普通に良かった
YouTubeが大好きな引きこもりWebエンジニアのはるです。YouTubeはいろいろなジャンルを見ていますが、その中でYouTuberのヒカルくんが紹介していた、ReZARDのパンツを買って履いてみて想像以上に良かったので紹介してみます...
生活カメラが趣味で勉強になるYoutuberを5選で紹介
私は、２年前にアイドルにはまり、それからα7 IIIでアイドルの写真を撮っています。別にその前に、カメラが好きだったわけでもなく知識がゼロでした。 アイドルグループ『RAY』を撮影した写真 ですが、今の時代Youtubeでカメ...
生活空中ストア体験してきました。
六本木の東京ミッドタウンにて3月5日〜3月8日まで特設オープンされました。この企画は、テレビにも数多く紹介されておりぜひ体験したいと思い行ってきました！