BLOG

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

【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 ...