ブログBLOG

カスタムフィールドでブログにコメント機能を実装しよう

WordPressには備え付きのコメント機能があります。 ですが、実装したい内容やカスタマイズ性を考えると備え付きの機能では実現できないことがあります。 そんな時に利用したいのがカスタムフィールドです！ 様々な機能を実装するのにとても便利なカスタムフィールドですが、なんとコメント機能まで実装でき ...

先輩にお悩み相談をしよう！（新卒エンジニアBLOG4期目　2022年10月）

空気が完全に入れ替わり、季節が秋へと切り替わりましたね。 季節の代わり目の空気感を楽しみつつ、風邪をひかないようにしっかり体調管理をしましょう！ 今月は、「新卒エンジニアのお二人のお悩みを先輩に相談する」というようなテーマになっています。 先輩の方もかなり真摯に質問に答えていただいたので、有意 ...

【10/31はハロウィン！】新卒デザイナーがアイキャッチ作成してみた！（新卒デザイナーBLOG4期目　2022年10月）

10月になってぐっと冷え込んできましたね...！ 今年も残すところあと2ヶ月と少し。 年末に向けて走り抜けていきましょう！ 今月の新卒デザイナーブログは、31日がハロウィンということで、新卒デザイナーのお二人にアイキャッチを作成していただきました。 先輩にもチェックしていただきフィードバックも ...

脆弱性だらけ！？WordPressのセキュリティを高める方法

みなさんWordPressでのセキュリティ対策は講じていますか？ WordPressは拡張性が高く、情報が豊富なことから多くの人に利用されています。 しかし、初期状態のWordPressは脆弱性がいくつも存在し、その脆弱性をついた攻撃が多く発生しています。 セキュリティ対策をしっかりと講じて ...

社長ブログって意味あるの？10年目続けた振り返り。（社長日記 2022年10月）

2012年4月に会社を作り、社長ブログは2012年11月からスタートしました。 毎月書き続け今月で10年経ちました。 10年を一区切りと考えた事もありましたが、たいした負荷でもないので続けようと思います(笑) 毎月１回投稿している社長ブログですが実は2013年1月のみブログを書いていません。 な ...

【WEBデザインツール】Figmaのメリット・デメリット！使用感や料金プランについて解説

デザインツールはPhotoshop・Adobe XD・Figmaと様々なものがあります。 筆者は普段WEBデザインを作るときもPhotoshopを使用しているのですが、8月に行われたBRISKの夏季デザイン課題で初めてFigmaを使用したので、この記事ではFigmaを使用してみて感じた ...

【画像を軽量化！】WebP（ウェッピー）とは？導入方法もご紹介！

「Webサイト内の画像の表示が遅い...」と困った経験のある方はいらっしゃいませんか？ 誰もが一度は通っている道だと思います。 そこで今、注目を集めているのが、圧縮率の高い画像フォーマット「WebP（ウェッピー）」です。 「WebPなんて聞いたことない！」「JPGとの違いは何なの？」 今回のブ ...

文字を強調するWebデザイン12選＋バナー応用例

『このバナーのココの文字、強調して』 ディレクターやクライアントからこう指示されたら、 Webデザイナーの皆さんならどうデザインしますか？ 動画以外では、基本的に画像＋テキストで情報を伝えるWebサイト。 魅力的な情報でないと、読んではもらえません。 文字を強調して大切な文節だけ目立たせて読み ...

JavaScriptでランダム出題の4択クイズを作ろう【配列から質問と回答を取得】

昨今のウェブサイトではさまざまなクイズが公開されていますよね。そんなクイズですが、JavaScriptを使うと簡単に作ることができます。 質問文と回答の選択肢を用意しておき、画面を切り替える、といった方法もありますが、今回は配列の中にある質問文と回答を取得し、HTMLの中身を動的に切り替えるとい ...

プログラムにおける命名規則や記法に則り、時間と労力を削減！

最近、自分自身が2年ほど前に書いたコードを書き直すタイミングがありました。 その頃は複数人でコードを書くことや、自分自身が読み返す際のことも一切考慮せず、 とにかく楽して書くということをしていたので、コードは本当にひどいものでした。 コード自体はそれほど難しい内容ではなかったのですが、 書き直 ...

【入社から半年】新卒デザイナー同士で話し合ってみた！（新卒デザイナーBLOG4期目　2022年9月）

やっと暑い日々から解放されて過ごしやすい気候になってきましたね。 しかし毎日の洋服選びが難しい気温でもあるので早く冬になってほしいなと思ってしまいます（笑） 今回のデザイナーブログでは、入社半年を迎えた新卒デザイナーのお二人にテーマに沿って話し合っていただきました！ 来年の新卒さんが気になる仕 ...

入社から半年、エンジニア週末課題に挑戦！（新卒エンジニアBLOG4期目　2022年9月）

ここ数日で一気に秋の空気になった感じがします。 個人的に秋が一番好きな季節なので、嬉しいです。 公園で紅葉をみながら読書をするのを楽しみに、日々過ごしております！ 今回はエンジニア週末課題について、詳しくお話を伺いました。 また、来年の新卒さんが今の時期に気になりそうなことも数点お聞きしました ...

pictureタグ・srcset属性の使い方を分かりやすく解説！【検証用デモページあり】

Webサイトのコーディングで、画面幅によって表示させる画像を変更したいとき、どのように対応していますか？ 今までは .pc-only / .sp-only といった表示切替用のクラス名を用いて対応するのが一般的でした。 しかし、この方法では画面幅関係なくどちらの画像も読み込まれてしまうた ...

アフィリエイトって難しい。（社長日記 2022年9月）

少し前から、アフィリエイトによって収益を生むことができるか！ という事にチャレンジしています。 テーマに沿ったサイトを作成し商品を紹介。 そちらに広告から流入を増やして、広告費とアフィリエイト収益との差分で 利益が生まれるか、否か。というものです。 現時点での結論は非常に難しいという結果になっ ...

新卒エンジニアI.Yさんのとある1日を紹介！（新卒エンジニアBLOG4期目　2022年8月）

暑すぎて溶けそうになるような日が続いていますね…。 日差しが強すぎて、もはや痛いと感じます…。 いい天気の日が多いので「今日こそは外出しよう！！」と思うのですが、暑すぎて毎回断念します。 室内と室外の温度差が激しいので、体調にだけは気を付けましょう…！ 今回は「新卒エンジニアI.Yさんのとある ...

【Webデザイン】100サイトのOGP画像を調査し傾向をまとめました

SNSでWebサイトを共有するときに、より注目してもらうために重要なのが「OGP画像」です。 サイトに合わせた適切なOGP画像を設定することで、SNS上でのキャッチーさや、サイトに対するイメージを視覚的にアピールすることができます。 今回は100のウェブサイトの画像を調査し、コーポレートサイト ...

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

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

よくあるレイアウト崩れとその対策（Safari、CSS、margin、flexなど）

静的コーディングが終わり、実機で確認をしてみるとSafariでスタイルが崩れていることが多いです。 逆に、MacOSのSafari14.1以降とiPhoneのiOSのSafari14.5以降には対応しているというスタイルもあります。 ですので、今回は「Safariで崩れるプロパティ」「全ブラウザ ...

先輩に気になる質問をしてみよう！（新卒デザイナーBLOG4期目　2022年8月）

まだまだ暑い日が続きますね。 なんと、今年の秋は、例年より暑くなるそうです... 今回のデザイナーブログはいつもと違った形式です！ 新卒の方が先輩へ気になる質問をぶつけてみました！ それでは、新卒デザイナーブログです！ 紹介 まずは今回のデザイナーブログに出てくる先輩・新卒メンバーの紹介 ...

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

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