ブログBLOG

【PHP】セキュリティを考慮したお問い合わせフォームを作ろう！

みなさん、お問い合わせフォームはどうやって作っていますか？ 恐らくCMSのプラグインを使って作成することがほとんどかと思います。 ただ、ときにはスクラッチでお問い合わせフォームを作成しなければならないことがあると思います。 そこで今回はPHPを使用して、セキュリティを考慮したお問い合わせフォー ...

SEOにも影響あり！？アクセシビリティを考慮したコーディング

みなさんコーディングをするときにアクセシビリティを考慮してコーディングをしていますか？ 私は今までアクセシビリティというものを一切考慮せずにコーディングをしてきました。 しかし、実務を経ていくうちに利用者には色々な方がいて、 どんな人でもサイトを利用できるように制作することが重要だと実感しま ...

WEB制作依頼時に決めておくと良い項目14選

これからWEB制作を依頼しようとしている方で、「知識がないし、制作会社に依頼する前に決めておいたほうがいいことが何かわからない…」そう思っている人は多いのではないでしょうか？ そう困っているあなたに依頼前に決めておいた方がスムーズに制作が進む情報が何かをご紹介します！ これさえ知って ...

コーポレートサイト・ECサイト・ランディングページ、デザインの違いをまとめてみた

BRISKに入社する以前のお話ですが… 筆者がWeb制作会社に入社して1週間、突きつけられた専門用語。 「人材派遣サイトのLPのワイヤーフレーム作って」 未経験で入社した新人Webデザイナーだった筆者は右も左もわからず 「え・・エルピーってなんですか？」と聞き返しました…。 コーポレート、 ...

【GDPR対応】Cookie使用同意についての2022年4月以降の日本での対応は？（WordPress・jQueryでの対応について）

最近、いろんなサイトで「クッキーの使用に同意しますか」という表示を見かけることが増えたと思います。 これはヨーロッパ（EU）でのデータ保護に関連した法律（GDPR）に基づく表示です。 GDPRとは具体的にどういうものなのでしょうか 日本の ...

Webエンジニア制作独学ロードマップ（開発環境、HTML、Sass、JS、Git、PHP、WordPress）【2022年版】

Web制作会社のエンジニアになりたいが、 何を勉強すればいいのだろう どの教材をどれだけやればいいのだろう と悩んでいる方も多いではないのでしょうか。 そこで実際に働いているエンジニアが、「今だったらこうするな」といった学習方法を紹介します。 ...

新卒でWebエンジニアになる為のポートフォリオ

これから新卒でWebエンジニアを目指すみなさん、どんなポートフォリオを作ればいいかお悩みではないでしょうか？ この記事ではそんな悩めるあなたに向けて、ポートフォリオ作成のポイントをご紹介します！ ポイントを正しくおさえて採用者に刺さるポートフォリオを作成しましょう！ ポートフォリオを作る前 ...

【WordPress】MW WP Formでお問い合わせフォームを作ろう！

Webサイトには必ずと言っていいほど「お問い合わせフォーム」が設置されています。 WordPressでお問い合わせフォームを作成するプラグインは色々ありますが、弊社では「MW WP Form」を利用することが多いです。 そこで今回は、HTMLで静的に作成したお問い合わせフォームを「MW WP F ...

WordPress化を考慮したコーディングをしよう！

デザイン通りにコーディングできて、完成！と思っても、その後WordPress化する場合は注意が必要です。 記事のタイトルが長文になっても崩れないか？ 記事のサムネイル画像のサイズが変わった時の見た目はおかしくないか？ パンくずリストが長くなった時にどんな見た目にな ...

【コピペでOK】CSSのホバーアニメーションまとめ（デモ・サンプルコード付き）

ナビゲーションやボタンは、サイトを閲覧するときに必ず操作する要素ですよね。 ちょっとした要素に素敵なホバーアニメーションがついていると、細部へのこだわりが見えて、サイトの印象もよくなります。 また、ナビやボタンのホバー時のデザインはなく、コーダーにおまかせということもあります。 コ ...