ブログBLOG

【画像大量保存＆リネーム】ImageDownloaderとFlexibleRenamerの合わせ技【ページ量産案件に便利！】

一時期、大型案件のページの量産ばかりしていました！需要がどれほどあるかわかりませんが、今回は画像が豊富なページの量産時にとっても便利だったツールをご紹介したいと思います。 ↑こんな時。 最初は自らをロボット化し大量に画像を保存する簡単なお仕事をしていたのですが、その際の量産対象ページはうん ...

もっと簡単にアクセス解析したい！Googleアナリティクス「マイレポート」の使用方法

Googleアナリティクスは無料で使用でき、アクセス解析機能も豊富なため、今やWEB制作には欠かせないツールになっています。弊社でもWEB制作を行うときは必ずと言ってよいほど、Googleアナリティクスの設定をさせていただきます。 ですが、便利がゆえに機能が豊富すぎ、初心者にはどこをどう見ればよ ...

何となくターゲットを決めていませんか？WEB制作においてのペルソナマーケティングの重要性

マーケティングに関りのある方ならよく耳にすることがある「ペルソナ」。 「何となく理解はできるけど、それってホントに必要なの？」と思ったことはないでしょうか？ ここでは、ペルソナについての基礎知識から重要性、設計方法についてご紹介いたします。 ペルソナとは？ ペルソナとは、ラテン語で《人。人格 ...

コスパ最強のプラン、はじまります。

今回、東京の中小企業様限定で『コスパ最強のプラン』を新しく作りました。 このプランでは、Webサイト制作とそれに使用する写真素材の撮影も行うという内容でかなりコスパが良いものになっております。 BRISKでは「レスポンシブプラン」というものがあります。パソコン、スマートフォンに対応したレスポンシ ...

【コンバージョンアップ！】見積もりシミュレーションでお問合せアップ！

ホームページのお問合せを獲得する方法として 最近では良いコンテンツを作るというのが重視されています。 コンテンツマーケティングという言葉が独り歩きをしSEO対策で 質の低いコンテンツやコピーコンテンツを量産した事で検索エンジンも質の低いコンテンツの精査を始めています。 BRISKでは良質なコンテ ...

SVGの書き出し方【よくある失敗例】+ IllustratorからPhotoshopにシェイプをコピー

SVGは拡縮可能なベクター画像です。 PhotoshopでもIllustratorでも、jpgやpngと同じようにアセット機能で書き出しができます。 ですが、「中身がパスではなく画像になっている」という問題がよく起きるので、本記事ではよくある失敗例をまとめてみました。 上手くいかないあるある 「 ...

SVGを動かす [cssアニメーション/クリッピングマスク/波/線を描く]

最近SVGを使用してコーディングすることが多くなりました。 SVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス）、つまり伸縮自在のベクター情報で作られた画像のことです。 一つのSVGファイルで、どのサイズでも綺麗に表示させることができます。 ...

自社ホームページで、スピード評価「PageSpeed Insights」の点数を上げた話

ウェブサイトの表示スピードを評価してくれるWebツールの一つに、PageSpeed Insightsというものがあります。 Googleが提供しているサービスですので、このツールでの評価はけっこう重要になってきます。 「PageSpeed Insights」での点数を何点以上にしてください、とい ...

CSSだけで作る！かっこいいホバーアクション10個

今どきのホームページでは、ホバーアクションがあるのが当たり前のように感じます。 また、1つ1つのホバーアクションが作り込まれていて、作りを見させてもらうと「なるほど！？」と思うような作りをしていて、参考にさせてもらっています。 そんな今どきのホームページに組み込まれているかっこいいホバーアク ...

デザインツールから、HTMLコーディングのスピードアップを考える [Photoshop] [Illustrator] [Creative Cloud Extract]

最近Photoshopの「CSSをコピー」が結構使えるなということに気づき、他にも知らなかった便利な機能があるかもと調べていたところ、Adobeのびっくりサービスを発見。 「CSSの生成」と「スライス」について、コーディングがスピードアップしそうなデザインツールの機能をまとめました。 ※本記事内 ...