ライフスタイル TikToker ケチャップが使っているグッズを調べてみた
はるTikTokerのケチャップさんを見つけて、ケチャマニ化がすすみ、登場するゲーミングチェアとヘッドフォンが何か気になり調べました。TikToker ケチャップとは引用: プロフィールTikTokで240万人以上のフォロワーで、（10/3...
ライフスタイル 
ウェブ制作 Flexboxをゾンビゲーで楽しく学ぶ海外ゲームのクオリティーがやばい
はるFlexboxの挙動を遊びながら学べるゲームを発見しました。めちゃくちゃクオリティーが高くてびっくりしました！Flexboxの挙動を遊びながら学べるゲーム！バージョンが2.0になってアニメーション・オーディオなどのパワーアップ現在のWe...
ウェブ制作 CSSだけで追従表現ができる『position: sticky』で３つの表現
はるCSSの『position: sticky』で一部分を追従する表現が簡単にできるので、その紹介をします。JavaScriptを使わなくても追従表現ができる.wrap { position: relative;}.inner { posi...
ウェブ制作 CSSで縦と横の中央寄せをする３つの方法
はる今回は、CSS要素を縦と横の中央寄席する方法を紹介します。３つの方法を紹介しますが、それぞれにメリットデメリットもあるので紹介します。結論から言うと、flexを使い中央寄せ をする方法が一番シンプルの指定にはなるのでそれを使うのがおすす...
ウェブ制作 HTML・CSS入門 講座
はるHTML・CSSをこれから始めたい！という人に向けて記事を書いています。『パソコンまずどうしたらいい？』から、チュートリアル形式でHTML・CSSを学べる連載記事なども用意してます。環境を用意しよう！「パソコンはどんなのがいい？」「ブラ...
ウェブ制作 教科書には載っていないコーディングする人に知っていて欲しい14のこと
はるフロントエンジニアのはるです。今回は、コーディングをする人で入門者を脱却するために私が思う気をつけて欲しいことを紹介します。プルリクチェックをする機会も多く、コーディングを始めたばかりの人たちにこれは知っていて欲しいなと、思うことを紹介...
ウェブ制作 slint –init の『Would you like to install them now with npm?』をNoを選択しyarnでインストールする時のメモ
はる現在、りあクト！という本で勉強をしていて、Kindleからうまくコピペができなかったのでメモメモ。注意『りあクト！』という本を読んでいて、勉強メモです。読んでないで見た人は参考にしちゃいけないメモ。$ yarn eslint --ini...
ウェブ制作 【フロントエンジニア】Laravel Mix での開発環境が高機能で簡単なので入門方法を紹介
はる今回は、取っ掛りにくいwebpackで作成する開発環境を簡単に用意できる『Laravel Mix』を紹介したいと思います。Laravel Mix とはwebpackベースのフロントエンドのビルドをするための開発環境を、シンプルな記述で用...
ウェブ制作 WordPressでnoindexを設定する方法(functions.phpからの設定)
はるWordPressのページのカスタマイズで、functions.phpから特定のページをnoindexに設定する方法を紹介します。対象のWordPressのバージョンWordPress 5.7.0以降 の設定方法ですfunctions....
ウェブ制作 【Swiper】最初に表示されるスライドを変更したい場合の指定方法
はるSwiperでスライダーを作成時に、読み込みと同時に表示される最初のスライドを指定したい場合のやりかたを毎回ドキュメントから探すので覚えるためにもメモメモパラメーターの『initialSlide』に何番目のスライドかの数字を指定しること...
ウェブ制作 aタグでGoogleカレンダーに予定を登録ボタンの作成方法
Googleカレンダーに予定を追加するボタンをGoogleカレンダーAPIを使わずに、aタグに特定のURLとパラメーターの設定で作る方法を紹介したと思います。aタグで作る予定を登録ボタンの作り方ベースとなるURLhttp://www.goo...
ウェブ制作 【2021年】コーディングを加速させるCSSジェネレーターまとめ
CSSの細かい設定をビジュアル的に操作しソースコードを出力してくれるジェネレーターを紹介したいと思います。グラデーションCSS GradienPhotoshopのグラデーション設定のように指定ができるCSSでのグラデーションジェネレター。U...