ブログBLOG

CSSの便利な新セレクタ :has() / :is() / :where() の使い方解説

CSSは常に進化を続けていて、開発者にとってより便利な新しいセレクタも登場してきています。 その中でも特に便利なセレクタが、:has()、:is()、、:where()の3つです。 この3つの新しいセレクタは、「子要素を持つかどうかの判定」や「詳細度を上げない」といった待望の仕様を備えており、CS ...

【簡単比較！】Premiere Pro と Premiere Rush どちらがおすすめ？

Adobeには動画編集ができるソフトがAfter EffectやPremiere Pro、Premiere Rushなど複数あります。 その中でも、撮影した動画を編集するのに長けているソフトはPremiere ProとPremiere Rushの二つになります。 しかしこの二つは使用感が似ている ...

24年新卒採用＆台湾COMPUTEXについて（社長日記 2023年6月）

新卒採用の事を考えると「もう6月になってしまった。」という気持ちになります。 そう思う学生さんも多いのではないでしょうか。 弊社も同じ気持ちです。 今年は募集のハードルを上げた事もあり 応募が少なめです。厳しい事を伝えすぎたかなぁ。 と少し反省もありつつ。少し弱気になる所もありますが後悔はしてい ...

タイポグラフィを考える。伝わるデザインのための文字組みやカーニングの話

みなさんは、デザインにおける文字の見せかたをどのくらい意識していますか？ 文字の見せかた、つまり文字のデザインを構成する要素を挙げると、フォント・文字組み・行間・字間・カーニング・文字の太さ・文字サイズなどさまざま。これらをコントロールして、目的に沿った見せかたを検討していくことは、デザイ ...

【EC-CUBE 4系】管理画面をカスタマイズする方法

EC-CUBEの管理画面に機能を追加したいけれど、要件に合うプラグインが見当たらない…ということはありませんか？ 実はEC-CUBEではフロント画面だけではなく、管理画面もカスタマイズできるようになっています。 そのため、jQueryライブラリなどと組み合わせればかなり自由に機能を追加をすること ...

リダイレクト設定におけるステータスコードの選び方と意味

Webサイトのリニューアルや移転など、さまざまな理由でリダイレクト設定が必要になることがあります。 本記事では、サーバーサイドでのリダイレクト設定方法、301と302リダイレクトの適切な使い方やSEOへの影響にも紹介していきます。 リダイレクトとは リダイレクトとは、Webサイトや特定のペ ...

【目指せお問い合わせ増加！】コンバージョンに優れたデザインとは？

皆さんがWEBサイトを持つ理由は様々ですが、「お問い合わせを増やしたい！」「資料ダウンロードから契約につなげたい！」という理由が多いと思います。 ですが、ただサイトを作ったところでいきなりお問い合わせが増えるわけではありません。 そこで、ユーザーにお問い合わせや契約などのアクションを起こ ...

【Premiere Pro】動画を分かりやすく！テキストテロップの入れ方12選【おすすめフォントもご紹介！】

テロップとは、動画の画面上に映し出された文字情報のことを言います。 インタビュー動画などで、映像よりも話している内容のほうが重要な場合に使われます。 しかし、「テロップをどう入れるのか分からない」「どんなフォントを使えば、より視聴者に見てもらえるのか…」と悩む方もいるでしょう。 今回は、そんな方 ...

5月はやはり小ネタです（社長日記 2023年5月）

最近人に会う事を意識しています。 今まではコロナであったり業務が忙しかったりで なかなか時間を取る事ができなかったのですが コロナも収まりつつ、メンバーの成長もあり実務から少しずつ解放され時間が取れるようになりました。 人と会って話をし、経験すると少しアップデートされた気持ちになります！ 今まで ...

シンプルで使いやすい吹き出しデザイン案まとめ【Webデザイン・バナーデザイン・DTPデザイン】

吹き出しはWebデザインやバナーデザイン、紙のデザインでもよく使いますよね。 要素の強調やあしらいとして吹き出しはとても便利です。そこで、今回は使いやすい吹き出しデザイン案として18個まとめてみました。 また、綺麗に見える吹き出しを作るポイントや、逆にかっこわるく見えてしまう吹き出しにつ ...

新卒BLOG5期目突入！～新メンバー紹介と研修の感想～（新卒BLOG5期目　2023年第一回）

4期目の新卒BLOGも無事に終了！今月からまた新たなメンバーが3名加わり、新卒BLOG5期目に突入です！ 今期は不定期での更新となりますのでお楽しみに！ 今回はまずメンバー紹介と、入社してからの研修の感想を書いていただきました！ 3名ともエンジニアさんなので皆さん研修でコードの書き方などとても勉 ...

WordPressプラグイン「Amelia」で予約システムを実装しよう

「予約システム」と聞くと複雑な実装が必要なイメージがありますが、プラグイン「Amelia」を使用するとそんな悩みが解決されます。 基本的に内部的なシステム構築は必要なく、フロント上でどのように表示させるかのカスタマイズをすれば良いので実装のハードルが下がります。 今回はAmeliaの実装方法とシ ...

PHPでよく使用する記述の処理速度比較と高速化

少し前にプログラムを書く上での時間と労力を削減する方法についての記事を書きました。 プログラムにおける命名規則や記法に則り、時間と労力を削減！ 社内で「為になる」というお言葉をいただけたというのと、先月新卒が入社したこともあり良いタイミングということで、今回はPHPでよく使用する記述の処理速 ...

男性向け・女性向けデザインの特徴～制作時のポイント解説～

皆さんはデザインを作成する際に男性っぽい・女性っぽい等を意識して作成していますか？ また、そう聞いてどんなイメージを思い浮かべますか？ 男性向けは青とか黒っぽい感じ…女性はピンクとかレース、リボンとか…？ 実際問われてみるとぼんやりとしたイメージの人もいるかと思います。 今回は男性っぽい、女 ...

アパレルで言うハイブランドになる事（社長日記 2023年4月）

12期目がスタートしました。 今年は4月より3名の新卒メンバーに入社頂き 先輩エンジニアの研修がスタートしています。 私は今年から新卒研修は一切見なくなったので 4月にバタつくという事が個人的には無くなりました。 研修をしてくれているメンバーに感謝です。 少し前から社内で一部メンバーに言って ...

【aspect-ratio】CSSでiframe・videoや画像のアスペクト比(縦横比)を設定しよう【padding-top】

コーディング中に、「ウィンドウ幅を変えると画像のアスペクト比が変わってしまう」と指摘を受けたことはありますか？ 大事な画像や動画が、変なふうに見切れたりしていたら格好付かないですよね。 今回はコーディング初心者さんに向けて、画像のアスペクト比の設定をする方法を、サンプルコードとデモ付きで ...

position: sticky;の使い方と注意点【パララックス、追従ヘッダー・固定サイドバー】

position: sticky;はIE非対応のプロパティのため、以前まではポリフィルを利用するか、fixedで代用するか、のどちらかで対応していました。 ですが、現在はIEのサポート終了によって利用する機会が多くなりました。 今回は、そんなposition: sticky;の便利な使い方と注意 ...

12期目に向けて。（社長日記 2023年3月）

侍JAPANのWBC優勝を見届け午後から出社しています(笑) これを書いているのが3月22日(水曜日)です。良い感じで１日がスタートしました。 「感染」という漢字より、「観戦」という漢字を多く見る2023年にしたいですね。 今年の花粉は手ごわいです。 久しぶりに喉を傷めてしまいました。 コロナの ...

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

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

24年新卒採用に向け変化の時です。（社長日記 2023年2月）

今年はめずらしく2月から忙しく現時点で3月も忙しい事が確定しています。 大変うれしい事ですが、新しい案件相談のスケジュールを調整させて頂いており大変申し訳なく思っています。 ４月にはリソース回復予定です！ ４月以降の案件お待ちしています！ そんな中、22年卒の新卒メンバーは退職が続き 次の新卒採 ...