BLOG

ゲシュタルトの7つの法則を理解して使いやすいWebサイトを作ろう!【具体例あり】
2021年10月14日

皆さん、ゲシュタルトの法則をご存じでしょうか? ゲシュタルトの法則とは 人間が生まれながらに自然と持っているような感覚、あるいはこれまで生きてきた中でほとんど無意識に育まれてきた共通認識があります。 その感覚に名前を付けて、有効にデザインに取り入れていこうというのがゲシュタルト ...

【CSS】positionの基本とよく使う使用方法まとめ
2021年9月28日

コーディングをする時に必ずと言ってもよいほどpositionは使用されていると思います。 positionを使いこなせるとデザインを再現しやすくなります。 そのため、今回は1人でも多くの方がpositionを使いこなせるようになって頂くために、positionの基本とよく使う使用方法をまとめ ...

WordPressサイト以外から大量の記事を効率的にインポートする方法
2021年9月28日

既存のサイトをCMS化する際にHTMLで書かれた過去記事などをインポートする場面ってありますよね。 件数が二桁くらいなら気合で乗り切れるかも知れませんが、三桁、四桁になると現実的ではありません、、、 そこでPHPを使ってHTMLをWordPressにインポートする方法を紹介します。 [ ...

【3系】Chart.jsでレーダーチャートを描画してみよう
2021年9月28日

Chart.jsというJavaScriptのライブラリを使えば、簡単にサイト上にグラフを描画することができます。 Chart.jsで描画できるグラフは折れ線グラフ、棒グラフ、円グラフ、レーダーチャート、散布図など多岐に渡りますが、 今回はその中のレーダーチャートの描画の方法を紹介 ...

入社から半年!案件の振り返りとこの先の目標(新卒デザイナーBLOG3期目 2021年9月)
2021年9月28日

やっと涼しさを感じる日が増えてきましたね。BRISKは案件が重なり、どこのチームも忙しくバタバタとした9月でした。 今回は、入社から半年がたった新卒デザイナーさんに、入社してから携わった案件で印象に残ったものを2つピックアップして感想と残り半年の目標についてを書いていただきました! それでは ...

入社6ヶ月目、夏季エンジニア課題に取り組む!(新卒エンジニアBLOG3期目 2021年9月)
2021年9月28日

8月が終わっても暑い日が続いていましたが、少しずつ涼しくなってきましたね。 9月は入社して初めての夏季エンジニア課題がありました! 今回のブログでは去年から夏と冬の年2回行っているエンジニア課題について感想を書いていただきました。 BRISKに興味をお持ちの学生さんはBRISKでど ...

リーダー業務を担うBRISKの日報システムについて(社長日記 2021年9月)
2021年9月17日

6月より社内ツールとして構築を進めていた 日報システムが9月より全メンバー利用し実運用開始しました。 BRISKは他の制作会社に比べ数字を意識しています。 構築時間を集計し受注に対してかけた工数を算出しています。 そちらをさらに集計し1人あたりの成果(数字)を算出しています。 ...

【VS Code】Sassで生成されるcssにも対応!自動アップロードの設定方法
2021年8月31日

FTPクライアントを立ち上げて変更の度に手動アップロードって意外と手間ですよね。 VS Codeでは拡張機能を使って自動アップロードが可能です。 sassやwebpackのコンパイル等外部からファイルの変更が行われた時にも対応できる設定を紹介していきます。 [toc] SFTPのインスト ...

【CSS】擬似クラスを使いこなそう!:not()や:nth-child()の使い方
2021年8月31日

コーディングでは、他人から見たとき見やすいコードにすることを心がけますよね。 先輩が書いたコードを見るとなんか見やすいなって思うんです。 そこで、見やすいコードと見にくいコードの何が違うのだろうと考えたときに、不要なタグやクラスがなく、全体がすっきりしていることが見やすいコードへの近道だと感 ...

入社5ヶ月目、夏季デザイン課題に取り組む!(新卒デザイナーBLOG3期目 2021年8月)
2021年8月30日

もう夏も終わりかけですね、セミの鳴く声も減ってきました。 夜の帰り道では鈴虫が鳴いていたりと、あっという間に夏が過ぎて秋が近づいているなぁと感じます。 今回は、新卒・2年目のデザイナーも交え、去年も実施した夏季デザイン課題について書いていただいております。 それでは新卒BLOGです。 ...

【YouTube,Vimeo,mp4】Webサイトに動画を埋め込む方法まとめ
2021年8月25日

Web制作をしていると、サイトに動画を埋め込んで表示させたい場面はよくありますよね。 埋め込みのできる動画には、YouTube、Vimeo、mp4など、様々な形式があり、 これらを埋め込んで表示させる際には、それぞれ異なった設定方法や注意点があります。 そこで、今回はそれぞれの ...

【デザイナー志望必見】WEBデザインとグラフィックデザイン比較してみた!
2021年8月24日

デザイナーを目指している方はきっとWEBデザイナーとグラフィックデザイナーはどう違うのか迷ったことがあるのではないでしょうか? BRISKはWEB制作会社なので基本はWEBデザインを制作することが多いですが、印刷系のお仕事も定期的にご依頼いただいており、私も少し前に冊子やチラシのデザイ ...

2022年新卒採用と来年に向けて(社長日記 2021年8月)
2021年8月19日

今年の新卒採用もおおよそ見えてきました。 現時点で5名に内定を出しておりまして4名から承諾を頂いています。 内定者の内訳的にはデザイナー4名、エンジニア1名という感じです。 ※5名全員から無事承諾を頂きました。(8/24更新。) エンジニアが少ないのでエンジニア採用のみ若干名募集して ...

修正が反映されない!キャッシュ対策をしよう
2021年8月18日

制作会社 いただいた修正を対応致しました。ご確認よろしくお願い致します。 お客様 確認しましたが、修正前のままのようです。 ...

文系未経験でBRISKに!新卒エンジニアへ10の質問~K.Yさん編~(新卒エンジニアBLOG3期目 2021年8月)
2021年8月12日

オリンピックが無事終わりましたね。 連日のメダルラッシュで日本は3番目に金メダルが多かったそうですよ。 私も頑張らなくちゃという気持ちになりますね。 前回の新卒エンジニアブログは新卒エンジニアI.Kさんの1日を紹介したので、今回は文系で独学でシステムを勉強していたK.Yさんに10の ...

コピペで簡単に実装!CSSで文字の強調・飾りつけ8選【初心者向け】
2021年8月11日

HTMLとCSSを用いた文字の強調や装飾方法をまとめました。HTMLで作ったページのデザインを調整するCSSは、使い方次第でさまざまな装飾をほどこすことができます。例えば蛍光ペンで引いたようなデザインから、下線、アイコン、インデント、カーニングなどなどをソース付きで紹介していますので、初心者 ...

動的ブロックとは?作り方を解説【EC-CUBE4カスタマイズ】
2021年7月30日

EC-CUBEには、ブロックという便利な機能があります。 EC-CUBE4管理画面から、簡単にブロック追加ができます。しかしそれは動的なブロックではありません。 本記事では、動的ブロックの作成方法をご紹介します! この記事の対象者 ・EC-CUBE4のカスタマイズをしたい人 ...

入社4ヶ月、新卒は見た!先輩の凄い技!(新卒デザイナーBLOG3期目 2021年7月)
2021年7月29日

今年の梅雨は長引くかといわれていましたが、東京では去年よりは短かったように感じます。 そして夏のうだるような暑さがやってきましたね…出社時クーラーの効いた社内に入る瞬間が心地よい季節です。 今回は入社4ヵ月目の新卒さん達に、今回は新卒は見た!先輩のすごい技!という項目を書いていただきまし ...

動画付き!新卒エンジニアの1日~I.Kさんの場合~(新卒エンジニアBLOG3期目 2021年7月)
2021年7月29日

いよいよオリンピックが始まりましたね。 日本人選手の良いニュースを聞くので同じ日本人として誇らしくなりますね。ぜひ頑張ってほしいです! 前回の新卒エンジニアブログでは新卒と先輩で座談会をしましたが、今回は新卒のI.Kさんにスポットをあてて新卒エンジニアの1日をご紹介します。 普段の ...

面談から見えた事。(社長日記 2021年7月)
2021年7月29日

7月は落ち着いた雰囲気で業務が流れていきました。 バタバタした事と言ったらオリンピックの影響でカレンダーと違う日が休みという事ぐらいでしょうか。 新卒メンバーに新しい案件依頼している関係で少し上の先輩社員が手が空き気味になり ブログに取り組んでもらいブログの公開数も増えています。 ...