ブログBLOG

リーダー業務を担う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は、使い方次第でさまざまな装飾をほどこすことができます。例えば蛍光ペンで引いたようなデザインから、下線、アイコン、インデント、カーニングなどなどをソース付きで紹介していますので、初心者の方 ...

動的ブロックとは？作り方を解説【EC-CUBE4カスタマイズ】

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

入社4ヶ月、新卒は見た！先輩の凄い技！（新卒デザイナーBLOG3期目　2021年7月）

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

動画付き！新卒エンジニアの1日～I.Kさんの場合～（新卒エンジニアBLOG3期目　2021年7月）

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

面談から見えた事。（社長日記 2021年7月）

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

【WordPressカレンダープラグイン】XO Event Calendarの使い方

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

新人Webデザイナーの皆さんへ！人物写真のトリミングで失敗しないコツ

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

Vueとは？Vue.jsの基本的な構文を紹介【JavaScriptフレームワーク】

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

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

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

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

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

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

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