ウェブ制作

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

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

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

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

LaravelMixでAutoprefixでgridを有効化したい時の設定

はる僕は、フロントエンドの開発環境でLaravelMixを普段使用しています。そのLaravelMixでCSSのGridレイアウトを使用するときに、AutoprefixでIE11対応するときの設定をメモ!STEP1:webpack.mix....
ウェブ制作

ScrollMagicをES6で使用する方法・webpack (laravelmix) での使い方メモ

はる普段、フロントエンドのローカル開発環境LaravelMixを使用していて、JavaScriptはBabelを通して記述しています。その際にScrollMagicを使った時、つまづいたのでメモメモ各種モジュールをインストールnpmまたはy...
ウェブ制作

Yoast SEO の コメントを消す方法『This site is optimized with the Yoast WordPress SEO plugin』

『ThissiteisoptimizedwiththeYoastWordPressSEOplugin』を消したい!YoastSEOはかなり便利で仕事でもプライベートでも愛用しています。使用していて気になったのが、下記のコメントで出力<!--...
ウェブ制作

WordPressのプラグインのフォルダ場所・URLの変更方法

はるwp-config.phpに『WP_PLUGIN_DIR』と『WP_PLUGIN_URL』の二つの定数を指定することで、変更できます!【結論】プラグインのフォルダ場所を定数で変更結論から言うと、2つの定数を指定することで変更できます。例...
ウェブ制作

laravel mix 6 でIE11エラー『Exception thrown and not caught』の対処法

laravelmix6でpolyfillを使用していて、version5から6にアップグレードしたらIE11でJSエラーが出るようになった。エラーがSCRIPT5022:Exceptionthrownandnotcaughtとでる。Babe...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その7-CCSの共通ファイル化)

前回まで、マークアップしたHTMLのindex.htmlに対してstyleタグを使って、CSSを記述してきました。今回は、links.htmlに対してもCSSを適応して装飾していきたいと思います。しかし、現在の書き方だとindex.html...
ウェブ制作

wordmoveを使うときの注意点を日々まとめていく用の記事

はるこんにちは。はるです。wordmoveを使うようになり、wordmoveの癖やルールをこの記事でまとめていきます。記事を書いた後も、何か見つけたらこの記事に更新していきます。wordmoveとdockerの組み合わせのローカル開発環境の...
ライフスタイル

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

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

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その6-CSSとは)

はるコンニチハ。ハルデス。今回ハ、ヤットCSSヲマナブヨ。長イケド、ガンバリマショウ。今回で、やっとCSSを使います!見た目をきれいにしておしゃれなWebサイトのにしていきましょう。CSSの説明をした後に、今までのHTMLにCSSで装飾しな...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その5-ページの追加)

はるこんにちは。現役フロントエンジニアのはるです!リンクを使い遷移について学びましょう。今回は、Webページを増やしリンクを使いページ遷移をさせます。リンクの基本的な使い方を学びながら、リストタグ使いさまざまなリストの使い方を学びます。この...