ブログBLOG

仕事にも慣れ始めた新卒デザイナーの忙しい！と感じる日は？（新卒デザイナーBLOG3期目　2021年10月）

10月に入ってやっと涼しい心地よい気候でしばらく過ごせるかと思いきや、 日によって暑かったり寒かったり気温に振り回された後、急に寒くなりました。 BRISKでも案件に振り回されるような忙しい、10月でした…というのが今月の感想ですね… 忙しいことはありがたい事ですが、来月は少し余裕が生まれるとい ...

新卒エンジニアの忙しい日のスケジュール（新卒エンジニアBLOG3期目　2021年10月）

今年は秋を感じないほどあっという間に寒くなりましたね。 10月は社内全体が忙しく、新卒も仕事が多く回ってきて大変な日が多かったと思います。 そこで忙しい日にどんなスケジュールで仕事を進めて行くのかを聞いてみました！ それでは、10月の新卒エンジニアブログです！ 新卒I.Kさん I.Kさん ...

JPG,PNG,SVG,GIFを使い分けて画像をきれいに表示しよう

Webサイトを制作する際、アイコン、メインビジュアル、投稿のサムネイルなど、大小様々な画像を扱うことになります。 画像にはJPG、PNG、SVG、GIFなどのファイル形式がありますが、なんとなくで使い分けてしまっていませんか？ Web制作において、画像はできるだけ綺麗で、かつ軽くすることが重要 ...

最近流行しているWEBデザインに使用されているイラストを分析！

最近のWEBサイトではコンテンツのあしらい仕様のほかに、 MVや、キービジュアルにイラストを使用しているサイトも多くみられますよね。 一口にイラストといっても種類は様々で、サイトにあうイラストを作成したいけど、どんなデザインがいいかな？ 作るサイトにあうイラストを探すなら、どんなものがあるだろう ...

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

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

【CSS】positionの基本とよく使う使用方法まとめ

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

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

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

【3系】Chart.jsでレーダーチャートを描画してみよう

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

入社から半年！案件の振り返りとこの先の目標（新卒デザイナーBLOG3期目　2021年9月）

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

入社6ヶ月目、夏季エンジニア課題に取り組む！（新卒エンジニアBLOG3期目　2021年9月）

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

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

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

【VS Code】Sassで生成されるcssにも対応！自動アップロードの設定方法

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

【CSS】擬似クラスを使いこなそう！:not()や:nth-child()の使い方

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

入社5ヶ月目、夏季デザイン課題に取り組む！（新卒デザイナーBLOG3期目　2021年8月）

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

Webサイトに動画を埋め込む方法【YouTube,Vimeo,mp4】

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

【デザイナー志望必見】WEBデザインとグラフィックデザイン比較してみた！

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

2022年新卒採用と来年に向けて（社長日記 2021年8月）

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

ブラウザキャッシュクリア方法＆制作会社側でのキャッシュ対策

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

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

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

html CSSで文字の強調・飾りつけデザイン8選【コピペでOK】

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