ブログBLOG

[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説

Webデザイナーにとって、自分のデザインがコーディングしやすいのかどうかは意外と気になるもの。 コーダー側は受け取ったデザインを粛々とコーディングするだけなので、あまり「こうしてほしい」と声を上げることはありませんが、デザイナーの観点だけでは気付きにくい問題が埋もれてしまっているか ...

APIを使ったり、GIFを作ったり…手こずりながら新しいことに挑戦しています（新卒ブログ2019年12月）

あっというまに2019年が終わりますね。 2019年度BRISK新卒入社のおふたりに、12月の感想を伺ってみましたのでご覧ください。 新卒Yさん 今月の業務 便利サイトの紹介 新卒Mさん 今月の業務 便利サイト紹介 近況・楽しみなこと 新卒Yさん Yさん2019年新卒 ...

【Nuxt.js】SPA（シングルページアプリケーション）で作るお洒落なページ遷移

Web技術の発展に伴い、近年のWeb制作はより複雑で面白いものになってきました。 そこで、今回はSPA（シングルページアプリケーション）で作るページ遷移のデモを制作しましたので、ご紹介しようと思います。 [toc heading_levels="2"] Nuxt.jsについて ...

【AdobeXD】グループの上からでもアウトライン化（パスに変換）できるプラグインを作った話

Webデザインといえば、今まで「Photoshop」「Illustrator」「Sketch」といった感じでしたが、昨今の「AdobeXD」の普及により、弊社でもXDで作成されたデザインを扱う機会が増えてきました。しかし、まだまだ発展途上のXDでは痒いところに手が届かない部分が多いのも事実で ...

【WordPress】Smart Custom Fields の日付ピッカーの使用方法

WordPressでカスタムフィールドを追加するためのプラグイン「Smart Custom Fields」。 その中でも日付ピッカーの使い方についてまとめました！ 基本の使い方と、応用編として登録した日付の期間中・期間外を判定して表示内容を出し分ける方法をご紹介します。 [toc he ...

WEB制作「提案資料」の考え方・作り方～抑えておきたい基本のポイント～

「WEB制作」という言葉を聞いたときに皆さんが思い浮かべる仕事はどのようなものでしょうか。 デザインを考えたり、コーディングしたり、システムを構築するなど、現場では様々な作業工程が存在します。 当たり前のことですが、そういった業務を行うためには、まずはクライアントから案件として制作の ...

HTMLで背景に斜め線を引く様々な方法（CSS、SVG、canvas）

近年、背景に斜め線を使用しているサイトがしばしば見受けられますよね？ 弊社の制作実績でも斜め線を使用したサイトをいくつか掲載しています。 株式会社オーカム：https://www.ocam.co.jp/ こういったコーディングを過去に経験している人なら分かると思いますが、ちょっとてこず ...

【チーム作業のデザイナー向け！】PhotoshopでAdobe Creative Cloudライブラリを使いこなそう！

皆さんはAdobe Creative Cloudライブラリ、通称『CCライブラリ』は活用していますか？ AdobeCCを利用されている方、特にコンプリートプランなどであれば様々なソフトを自由に使う事が出来ます。 WEBデザイナーさんであれば、Adobe製品はPhotoshopやXD、Il ...

【WordPress】クライアント目線で使いやすく！管理画面カスタマイズのポイント8つと対応方法まとめ

WordPressのカスタマイズをしていくと、機能が多くなればなるほど管理画面がごちゃごちゃしてきます。 制作する側は慣れたものですが、実際に更新・投稿をするクライアントの視点で見ると、実は不親切設計になっているかも知れません。 そこで、今回はクライアントが使いやすい・ミスしにくい管理画面に ...

急にオウンドメディアの担当者になっちゃった！ 初心者のための簡単SEO対策

HTMLもSEOも全然わからないけどメディアサイトを運営することになった方向けに、誰でもすぐ実践できる10このポイントをご紹介したいと思います。 Web制作に携わる者にとっては常識でも、普通の人は「SEO」という言葉さえ聞いたことがないかも知れませんね。 とりあえず記事をたくさん書けばよいの ...

案件を任されました！ドキドキしながら仕切っています。（新卒ブログ2019年11月）

急に寒くなってきて、冬が近いことを感じるようになりましたね！ 2019年度BRISK新卒入社のおふたりに、11月の感想を伺ってみましたのでご覧ください。 新卒Yさん 今月の業務 便利サイトの紹介 新卒Mさん 今月の業務 今月の出来事・反省 楽しかったこと 新卒Yさん Y ...

難しかったチーム制（社長日記 2019年11月）

8月からチームで数字を追うチームインセンティブ制をスタートしましたが 11月11日に終了としました。 終了した理由としては、会社の数字が思いの外作る事ができずに このまま12月に突入するとえらい事になりそうだったので急遽終了となりました。 チームインセンティブ制での難しかった点 チーム制をスタ ...

PHPによる Facebook Graph APIからの記事データの取得方法について

Facebook の情報をPHPで取得したい、というときには、Facebook Graph APIを利用すれば自由にデータを取得できます。 取得したデータで、自社サイトの中にfacebookと連携したコンテンツを作ることもできますし、「いいね」数によるランキング表示なども可能です。 他のAPIで ...

CSSでフォームをレスポンシブ【カンタン！サンプルソース有】

いまやスマートホンを持っていない人はいないくらい、携帯端末が普及しました。 とは言いつつも、ホームページのフォームはまだパソコンの画面幅にしか対応していないサイトもちらほらと見かけます。 モバイル表示に対応するのはハードルが高いように感じるかもしれませんが、意外にも簡単です。 今回 ...

【最新版＊2020年度にむけて】Webデザイン参考サイトまとめ【WEBサイト/レスポンシブ/LP/バナー】

もうすぐオリンピック開催年の2020年！最新のWebデザイン参考サイトをサイト、レスポンシブ、ランディングページ、バナー別にまとめてみました。 参考サイト自体が最新デザインであったり、使いやすい・見やすいサイトを厳選しました。 これからのデザイントレンドをチェックするのに是非ご活用くださ ...

WordPressにデザインコンペ…新しいことに挑戦した秋（新卒ブログ2019年10月）

2019年度BRISK新卒入社のお2人に、入社7か月目の感想を聞いてみました。 新卒Yさん 業務内容 初めてのWordPress 今月のランチ 新卒Mさん 業務内容 デザインコンペ パンフレット制作 今月の出来事 新卒Yさん Yさん2019年新卒としてBRISKに入社。 ...

景気どうなるの！？（社長日記 2019年10月）

10月から消費税が10%になりましたね。 その影響か、景気が「下げ止まり」から、「悪化」に変わりました。 参照）日本の景気後退が｢すでに始まっている可能性が高い｣十分な根拠 セブン＆アイ・ホールディングスの「3000人を削減する大規模なリストラ」や店舗の閉鎖もあるようです。 参照）セブン＆アイ ...

ワイヤーフレーム(画面設計)の作り方～Webディレクター必見～

ワイヤーフレームとは別称「画面設計」と呼ばれるもので、Webサイト制作の工程の中で一番初めに作成されるものです。ビジュアル的には簡素ですが、非常に重要な工程です。 ワイヤーフレームを作成せずそのままデザインを起こしていく場合もありますが、その際もデザイナーの頭の中ではワイヤーの設計レベルの ...

ホームページリニューアルに失敗しないためのポイントや進め方について解説！

新しいデバイスの開発や通信の発達、急速なスマートフォンの普及で５年前に作ったサイトでも古く感じてしまうホームページ。今や会社の情報発信源、顔として必須のホームページも物理的な看板のようにリニューアルをする必要がありますよね。 「そろそろ自社のホームページをリニューアルしたいなぁ」と思った理由はな ...

【WP】自前のCSVインポート処理の決定版。大量データや多数のカスタムフィールドにも対応。

WordPressにCSVデータをインポートするために様々なプラグインがありますが、要件に応じた柔軟な対応は難しいものがあります。 例えば、「社内で管理している商品番号をキーにしたい」や「基幹システムから出力したCSVを毎日自動で取り込みたい」や「管理画面から『上書き禁止』設定をしたものはCS ...