ブログBLOG

【WordPress5.5以降】ブロックパターン・再利用ブロックを活用してみよう

WordPressで複雑なレイアウトを含む投稿では 1. Smart Custom Fieldなどで入力した値をデザイン通りに出力する 2. コードの塊ごとコピーし、内容を適宜変更してもらう のような方法で内容を表示させていました。 1のやり方だと投稿のエディターに入力されていないのでサイ ...

【どこよりも詳しい】実務で使えるAll in One SEOの設定方法と使い方

2020年末にAll in One SEO Packがメジャーアップデートされ、UIや機能面が大きく変わりました 新しいバージョンになったことで管理画面がガラッと変わり、どこで何を設定すればいいか戸惑っている方も多いのではないでしょうか 筆者もその一人で、慣れていないこともありいつもより工数を ...

WAI-ARIA(ウェイ アリア)とは？初めて制作する方向けに解説！

アクセシビリティとは可能な限りの多くの人々が利用できるようにする状態のことを指します。 ウェブサイトで言えばスクリーンリーダーを利用している人や、モバイルデバイスで見る人、キーボード操作のみ行う方などすべての人が利用できるような状態です。 例えば、ハンバーガーメニューで「≡」のアイコ ...

自由な形でリンク範囲を作る方法2つ クリッカブルマップ・SVGリンク【実装サンプル付き】

コーディングする中で、「都道府県の形に沿ってリンクを設定したい」「リンク範囲をひし形にしたい」など、複雑な形のリンクが出てきて困ったことはありませんか？ aタグで普通にリンクを付けるだけだと、リンク範囲が長方形になるので意図しないエリアまでクリックできてしまい、思うようにいかないことも多いですよ ...

【21年新卒エンジニア座談会】動画付き！先輩・後輩インタビュー（新卒エンジニアBLOG3期目　2021年6月）

今年はなかなか梅雨が来ないと思っていたら一気に雨の日が続きましたね。 その分早く梅雨が明けてくれそうな気もするので、早く天気の良い日が戻ってきてほしいですね！ 前回の新卒エンジニアブログでは新卒エンジニア3人での座談会だったのですが、今回はなんと先輩との座談会になっています！ 去年 ...

入社から3ヶ月！先輩としてのアドバイス（新卒デザイナーBLOG3期目　2021年6月）

今年の6月は雨が毎日ふっているというよりも曇りがちで局地的に単発的に雨が降ってくるような感じですね… 外出時に晴れてる！と思って目的地まで向かう際に最寄り駅をでたら土砂降り…なんてこともあったりこの時期は天気に振り回されますね。 新卒デザイナーBLOG第三回目になります！早いものでもう入社から ...

BRISKで働く魅力について（給与編）（社長日記 2021年6月）

今月にある程度まとまった金額のインセンティブを メンバーに支給する事になりました。 折角なのでアピールしてこなかった給与面でのBRISKの魅力について書きたいと思います。 はじめに まず、BRISKは裁量労働制なので残業代はありません。 頑張るメンバーは個人的には大好きですが 「長時間労働 ...

Emmet（エメット）でHTMLとCSSを効率的にコーディングする

HTMLやCSSを用いたコーディングに慣れてくると、毎回ソースコードをすべて手打ちするのが手間になってくる瞬間が訪れるかと思います。例えば、テーブルのHTMLを書きたいとき、見出しまで到達するのに[crayon-6730a9c577613143717957/]という記述をしないといけません。ひと ...

脱！初心者デザイン～色・配色編～

皆さんはデザインで色を選ぶとき、どんな風に選んでいますか？ 好きな色を選ぶ、なんとなくイメージに浮かんだように…でもそれで選んだらなんだかうまくまとまらない！色選びってやっぱりセンスがないとダメなのか…と思っていませんか？ 配色に自信がないという人でも安心してください。 配色はセンスが無くても色 ...

【WordPressの自動整形対策】Gutenberg（グーテンベルク）での固定ページ作成

BRISKではWordPressを構築する案件が多いです。 これまでは安定性をとってWordPress4.x系で構築していたのですが、5系で構築する機運が高まっています。 WordPress5.x系といえば、新しいエディターGutenberg（グーテンベルク）ですね。 Gutenbergにつ ...

【動画で解説！】WordPress(ワードプレス)のブロックエディター Gutenberg(グーテンベルク)の使い方

本記事は、WordPress5.0に標準搭載されたブロックエディター：Gutenberg(グーテンベルク)の使い方についてざっくりと解説しています Gutenberg(グーテンベルク)は大変便利なのですが、機能がとても多いため全てについては触れず、ブログ記事作成時によく使う機能にフォーカスして ...

脱！初心者デザイン～文字・フォント編～

ポスターやチラシ、アイキャッチなどデザインを作ってみたけど…なんだかダサい！どうして！？ となった方はいませんか？ このブログは 「デザインを作るとき、どこに気を付けながら作ったらいいか分からない…」「デザインを上手く作れるようになりたい！」 といった非デザイナー・デザイン初心者さん向けにどうし ...

WordPressとは？制作会社がメリット・デメリットを解説！

WordPress(ワードプレス)についてどういうものなのか調べてみても「専門的な知識がなくても作ることができます！」という言葉ばかり出てきませんか？ でもそれはすでに用意されているテーマを使用する人向けのことでオリジナルのデザインで本格的にサイト制作をしたい人にとっては、知りたいのはそう ...

SEOに強いホームページを作ろう！HTMLコーディング時に意識すること８つ

本格的なSEO対策となるとWebマーケティングに強い人にお願いするのがよいですが、丁寧なコーディングを心がけることである程度対応することが可能です。 今回は初心者の方にもわかりやすく、コーディングにおける具体的ですぐに実践できるSEO対策を紹介します。 ぜひ、SEOに強いHTMLコーディング ...

初めての実務と研修の振り返り（新卒デザイナーBLOG3期目　2021年5月）

初夏の爽やかの陽気を感じていたのもつかの間、早くも梅雨入りでじめじめしてきましたね… BRISKでは新卒メンバーたちの1ヵ月の研修期間が終わり、デザイナーのお二人はそれぞれ別のチーム配属され実務を取り組んでいます。 それでは新卒BLOGです！ 新卒A.Mさん A.Mさん2021年新卒として ...

【21年新卒エンジニア座談会】4月の研修振り返り（新卒エンジニアBLOG3期目　2021年5月）

激しい気温差が終わったかと思えば、今度は梅雨入りでじめじめしていますね...。 フレッシュな新卒を見て、じめじめ気分を取り払えたら嬉しいです！ 今回の新卒エンジニアブログでは、座談会の形で研修について振り返って頂きました。 研修が終わってほっとしている新卒エンジニア3名の生の声をお届け ...

土台作りの5月（社長日記 2021年5月）

予定通り5月からリソースが空き気味となり 落ち着いた状態で新卒配属となりました。 先輩社員が教える時間が取れる良い環境で配属である意味ラッキーですね。 受託開発のWeb制作会社は波があるので、忙しい時にも耐えられるように 余裕がある時に新メンバーを育てられたと思います。 5月は大きなトピックス ...

10期目をスタートしました。（社長日記 2021年4月）

4月2日で10期目をスタートしました。 早いものですね。 3月は案件にがっつり入っていたので 4月も引き続き手持ちの案件があるという状況ですが 4月に新卒教育も終わり、5月からは社内リソースが増えるので そろそろメンバーに案件をお任せしてという状況になればと思っています。 9期を振り返る ...

新卒デザイナーBLOG3期目～新卒デザイナー1ヵ月の振り返り～（新卒ブログ2021年4月）

3期目がやってきました！今回から新卒メンバー5名の中からデザイナーとエンジニアと分かれてブログを更新していくスタイルになりました！ こちらではデザイナーさん2名で更新をしていきます～！今月は新卒エンジニア・デザイナーBLOGは同じ内容ですがエンジニアブログでは来月から色々変わっていくようです…！ ...

新卒エンジニアBLOG3期目～新卒エンジニア1ヵ月の振り返り～（新卒ブログ2021年4月）

新卒ブログ3期目です！ 今回から新卒メンバー5名の中からデザイナーとエンジニアと別れてブログを更新していくスタイルになりました！ こちらではエンジニアさん3名で更新をしていきます！今月は新卒エンジニア・デザイナーBLOGは同じ内容ですが新卒エンジニアブログでは来月から色々変わって行きますので、お ...