2022-01

フロントエンド

CSS カーソルが乗ったときに動作するホバーをまとめて紹介します

ホバーでどういうことができるんだろ?こうした悩みを解決します。影を付ける See the Pen ホバー_影を付ける by Hidenori Himeno (@hidenori-himeno) on CodePen.要素がずれる ...
フロントエンド

WordPressのスクリプトでつまずいたことまとめ

うまく動かない...こうした悩みを解決します。&が&038に変換されるカスタムHTMLでスクリプト作って複数のAND条件のif文を書くときに困りました。解決するには、テーマエディターのfunctions.phpにて、add_filter( ...
ブログ

Web食いオンラインスクールの特徴をまとめたので紹介します

どういう特徴があるスクールなの?通う価値はある?こうした悩みを解決します。Web食いオンラインスクールは初心者からプログラマー目指すにはピッタリ、本気になれば支援も手厚いです。本記事では他社と比べてどういう特長があるのか、実際のサービスはど...
フロントエンド

vueで要素のスタイルを動的に変更するにはどうすればよいのか解説します

CSS要素を動的に変化させたい…こうした悩みを解決します。先に結論HTML部にv-bind結合したstyleを記述し、そのstyle内に変数を入れてやります。たとえば、下記のようにstyle属性にnum変数を入れてやるのです。<div v-...
フロントエンド

vueでポップアップ作ろうとclickとv-modelを共用させたらうまく処理されなかった件

clickでv-modelが反映されないんですけど…?こうした悩みを解決します。 立科プログラミングではサイトの新規構築、既存サイトの機能追加・修正、動作不具合解析など行っております。こういう見た目にしたい、この機能を少し直したいなどお困り...
フロントエンド

Vueの実装時につまずいたこと、気づいたことをまとめて紹介します

うまく動かんやん...こうした悩みと解決方法を示します。ラジオボタンを2回押さないと反映されないラジオボタンのイベント発生にはv-on:clickではなく、v-on:changeを用いる。clickイベントは押した瞬間に実行するので、変数が...
フロントエンド

Vueを初めて学習したので使い方とサンプルをまとめて紹介します

Vueができないと今の時代はフロントエンドの仕事ないっぽい...ある会社からスカウトきて、フロントエンドできると言ったものの、Vueできますか、の質問に答えられず。またエージェントとの面談でもVueできますか、と尋ねられ、どうも2021年末...
ブログ

Progateやるなら一緒にWordPress始めると効果的なので紹介します

Progateどこまでやるべき?終わったらどうすればいい?こうした悩みを解決します。はじめに結論Progateだけやっていてもアウトプットすることがないので学習効率が悪いです。Progateの学習に並行してWordPressでサイトやブログ...
ブログ

Progateが終わったら次にやるべきことを紹介します

Progateの後は何すればいい?こうした悩みを解決します。*,*::after,*::before { box-sizing: border-box;}.accordion { width: 700px; max-width: 10...
ブログ

Progateやっても意味ないと言われる理由と身につく使い方を解説します

理解して進めていかないと、ふとしたときに「Progate意味ない!」となります。本記事ではどのようにProgate学習を進めていけばよいか解説します。