ウェブ制作 【2021年】コーディングを加速させるCSSジェネレーターまとめ
CSSの細かい設定をビジュアル的に操作しソースコードを出力してくれるジェネレーターを紹介したいと思います。グラデーションCSS GradienPhotoshopのグラデーション設定のように指定ができるCSSでのグラデーションジェネレター。U...
東條 はる
ウェブ制作 
ウェブ制作 LaravelMixでAutoprefixでgridを有効化したい時の設定
はる僕は、フロントエンドの開発環境でLaravelMixを普段使用しています。そのLaravelMixでCSSのGridレイアウトを使用するときに、AutoprefixでIE11対応するときの設定をメモ！STEP1: webpack.mix...
ウェブ制作 ScrollMagicをES6で使用する方法・webpack (laravelmix) での使い方メモ
はる普段、フロントエンドのローカル開発環境LaravelMixを使用していて、JavaScriptはBabelを通して記述しています。その際にScrollMagicを使った時、つまづいたのでメモメモ各種モジュールをインストールnpm または...
ウェブ制作 Yoast SEO の コメントを消す方法『This site is optimized with the Yoast WordPress SEO plugin』
『 This site is optimized with the Yoast WordPress SEO plugin 』を消したい！Yoast SEOはかなり便利で仕事でもプライベートでも愛用しています。使用していて気になったのが、下記...
ウェブ制作 WordPressのプラグインのフォルダ場所・URLの変更方法
はるwp-config.phpに『WP_PLUGIN_DIR』と『WP_PLUGIN_URL』の二つの定数を指定することで、変更できます！【結論】プラグインのフォルダ場所を定数で変更結論から言うと、２つの定数を指定することで変更できます。例...
ウェブ制作 laravel mix 6 でIE11エラー『Exception thrown and not caught』の対処法
laravel mix 6 で polyfillを使用していて、version 5 から 6にアップグレードしたらIE11でJSエラーが出るようになった。エラーがSCRIPT5022: Exception thrown and not ca...
ウェブ制作 【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作（その７-CCSの共通ファイル化）
前回まで、マークアップしたHTMLのindex.htmlに対してstyleタグを使って、CSSを記述してきました。今回は、links.htmlに対してもCSSを適応して装飾していきたいと思います。しかし、現在の書き方だとindex.html...
ウェブ制作 wordmoveを使うときの注意点を日々まとめていく用の記事
はるこんにちは。はるです。wordmoveを使うようになり、wordmoveの癖やルールをこの記事でまとめていきます。記事を書いた後も、何か見つけたらこの記事に更新していきます。wordmoveとdockerの組み合わせのローカル開発環境の...
ライフスタイル 【個人情報保護士の合格方法】勉強が苦手な私の勉強法まとめ
はるこんにちは。Webプログラマーのはるです。ぼくは、個人情報保護士の資格を持っています。勉強は苦手ですが、合格できたので詳しく方法を紹介したいと思います。勉強が苦手な私について僕は小さい頃から、勉強をした記憶がございません。別に、ヤンキー...
ウェブ制作 【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作（その６-CSSとは）
はるコンニチハ。ハルデス。今回ハ、ヤットCSSヲマナブヨ。長イケド、ガンバリマショウ。今回で、やっとCSSを使います！見た目をきれいにしておしゃれなWebサイトのにしていきましょう。CSSの説明をした後に、今までのHTMLにCSSで装飾しな...
ウェブ制作 【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作（その５-ページの追加）
はるこんにちは。現役フロントエンジニアのはるです！リンクを使い遷移について学びましょう。今回は、Webページを増やしリンクを使いページ遷移をさせます。リンクの基本的な使い方を学びながら、リストタグ使いさまざまなリストの使い方を学びます。この...
ウェブ制作 【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作（その４-マークアップ）
はるこんにちは。現役フロントエンジニアのはるです！HTMLの勉強をどんどん進めていきましょう！今回は、HTMLのマークアップをやっていきましょう！さまざまなタグができてます。最初は覚えられなくても何回も使ってゆっくり覚えていきましょう。その...