ウェブ制作

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以降 の設定方法です ...
ウェブ制作

【Swiper】最初に表示されるスライドを変更したい場合の指定方法

はる Swiperでスライダーを作成時に、読み込みと同時に表示される最初のスライドを指定したい場合のやりかたを毎回ドキュメントから探すので覚えるためにもメモメモ パラメーターの『initialSlide』に何番目のスライドかの数字...
ウェブ制作

aタグでGoogleカレンダーに予定を登録ボタンの作成方法

Googleカレンダーに予定を追加するボタンをGoogleカレンダーAPIを使わずに、aタグに特定のURLとパラメーターの設定で作る方法を紹介したと思います。 aタグで作る予定を登録ボタンの作り方 ベースとなるURL h...
ウェブ制作

【2021年】コーディングを加速させるCSSジェネレーターまとめ

CSSの細かい設定をビジュアル的に操作しソースコードを出力してくれるジェネレーターを紹介したいと思います。 グラデーション CSS Gradien Photoshopのグラデーション設定のように指定ができるCSS...
ウェブ制作

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以降 の設定方法です ...
ウェブ制作

【Swiper】最初に表示されるスライドを変更したい場合の指定方法

はる Swiperでスライダーを作成時に、読み込みと同時に表示される最初のスライドを指定したい場合のやりかたを毎回ドキュメントから探すので覚えるためにもメモメモ パラメーターの『initialSlide』に何番目のスライドかの数字...
ウェブ制作

aタグでGoogleカレンダーに予定を登録ボタンの作成方法

Googleカレンダーに予定を追加するボタンをGoogleカレンダーAPIを使わずに、aタグに特定のURLとパラメーターの設定で作る方法を紹介したと思います。 aタグで作る予定を登録ボタンの作り方 ベースとなるURL h...
ウェブ制作

【2021年】コーディングを加速させるCSSジェネレーターまとめ

CSSの細かい設定をビジュアル的に操作しソースコードを出力してくれるジェネレーターを紹介したいと思います。 グラデーション CSS Gradien Photoshopのグラデーション設定のように指定ができるCSS...
生活

【個人情報保護士の合格方法】勉強が苦手な私の勉強法まとめ

はる こんにちは。Webプログラマーのはるです。 ぼくは、個人情報保護士の資格を持っています。勉強は苦手ですが、合格できたので詳しく方法を紹介したいと思います。 勉強が苦手な私について 僕は小さい頃から、勉強をした記憶...
生活

SIMピンがない時の代用品はコレだぞ!

はる SIMピンがなくて焦りました!その時の家にある物で代わりになる物はコレだ!と、言う物を紹介します。 楽天モバイルがそろそろ1年無料が終わるのと、5Gも使える様になるということでiPhone12 Pro Max を使っているの...
生活

私がコロナきっかけで禁煙をしてから変化した行動

一日一箱吸っちゃうヘビースモーカーの私が、無理せず禁煙した方法を具体的に紹介します! 最近、コロナが落ち着いたらアイドルのライブに行って馬鹿みたいに楽しみたいと夢見てます。こんにちは、はるといいます。コロナをきっかけに、喫煙をや...
生活

ReZARDのパンツが普通に良かった

YouTubeが大好きな引きこもりWebエンジニアのはるです。YouTubeはいろいろなジャンルを見ていますが、その中でYouTuberのヒカルくんが紹介していた、ReZARDのパンツを買って履いてみて想像以上に良かったので紹介してみます...
生活

カメラが趣味で勉強になるYoutuberを5選で紹介

私は、2年前にアイドルにはまり、それからα7 IIIでアイドルの写真を撮っています。別にその前に、カメラが好きだったわけでもなく知識がゼロでした。 アイドルグループ『RAY』を撮影した写真 ですが、今の時代Youtubeでカメ...
生活

空中ストア体験してきました。

六本木の東京ミッドタウンにて3月5日〜3月8日まで特設オープンされました。この企画は、テレビにも数多く紹介されておりぜひ体験したいと思い行ってきました!
タイトルとURLをコピーしました