BLOG

【WordPressカレンダープラグイン】XO Event Calendarの使い方
2021年7月27日

「複数の休日設定を行いたい!」「イベントの開催スケジュールをカレンダーに表示させたい!」 そんな時に便利なのが国産プラグインの「XO Event Calendar」です。 こちらのプラグインの使い方を説明していきます。 [toc] XO Event Calendarのインストール Wo ...

新人Webデザイナーの皆さんへ!人物写真のトリミングで失敗しないコツ
2021年7月27日

BRISKに入社する前のことですが、 十数年前、新人Webデザイナーとして最初に戴いたお仕事は 百数十枚もの人物の写真をトリミングする、というものでした……。 構図も人物もバラバラで苦労した反面、とても勉強になりました。 人物の写真をトリミングをする上でただ規定のサイズに切り抜く ...

Vueとは?Vue.jsの基本的な構文を紹介【JavaScriptフレームワーク】
2021年7月26日

フロントエンド開発と言えばJavaScriptのフレームワークが熱い! React・Vue・Angularが有名で、聞いたことがある人もいるのではないでしょうか。 BRISKではまれにVueを使う案件に遭遇します。 筆者も触ったことがあるのですが、理解が曖昧でしたので復習がてらまと ...

【初心者でも簡単】sessionStorageでブラウザにデータを保存してみよう【JavaScript】
2021年7月21日

複数ページのサイトのシステム構築をしていると、あるページでユーザーが入力した文字列などを別のページで取得して表示させたい、という場面が度々ありますよね。 (例えば、簡単な診断コンテンツのように、設問ページでユーザーに名前や回答を入力してもらい、それを結果ページで表示させる、など) そ ...

【コーディング初心者向け】Photoshop・Illustrator・XDから余白やフォントサイズを取得する方法まとめ
2021年7月21日

HTMLコーディングをする際、デザインデータのほとんどは Photoshop・Illustrator・XD のどれかで頂くと思います。勉強をしてコードの書き方はわかっていても、そういったデザインツールから情報を得る方法がわからなければコーディングはできません。 弊社の新卒研修でも、アプリの ...

【カスタマイズしたい人向け】コマースクリエイター(commerce creator)の使い方【完全ガイド】
2021年7月16日

昨年からコロナが猛威を揮い、緊急事態宣言やまん延防止等重点措置で買い物などに満足に行けない日々が続いているかと思います。 そういった背景もあり、近年では通販・ネットショッピングの需要が高まりつつあります。 通販サイトを立ち上げる構築サービス・ツールといえば、MakeShopやEC-C ...

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

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

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

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

WAI-ARIA(ウェイ エリア)とは?初めて制作する方向けに解説!
2021年7月7日

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

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

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

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

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

入社から3ヶ月!先輩としてのアドバイス(新卒デザイナーBLOG3期目 2021年6月)
2021年6月25日

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

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

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

Emmet(エメット)でHTMLとCSSを効率的にコーディングする
2021年6月17日

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

脱!初心者デザイン~色・配色編~
2021年6月17日

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

【WordPressの自動整形対策】Gutenberg(グーテンベルク)での固定ページ作成
2021年6月11日

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

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

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

脱!初心者デザイン~文字・フォント編~
2021年6月8日

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

WordPressとは?制作会社がメリット・デメリットを解説!
2021年6月4日

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

SEOに強いホームページを作ろう!HTMLコーディング時に意識すること8つ
2021年6月4日

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