SUGIYAMA DAIGO

現在はフリーランスのWEBデザイナーとして活動しています。 エンジニアとしての経験もあ…

SUGIYAMA DAIGO

現在はフリーランスのWEBデザイナーとして活動しています。 エンジニアとしての経験もあり、WEBアプリケーション・スマートフォンアプリなどの開発を行っていました。 【URL】 https://decent-works.net/webdesign/

記事一覧

2024年のご挨拶

新年あけましておめでとうございます。 今年は4年ぶりに初詣に行くことができました。 「その年に取り組むこと」の準備が1月からスタートしますが、今年も取り組みたいこ…

SUGIYAMA DAIGO
6か月前
2

2023年の振り返り

2023年はさまざまな出来事がありました。 「新しい取り組み」もスタートし、個人的には「充実した年」になりました。 「WEBデザイン・WEBサイト構築」の取り組み 新…

SUGIYAMA DAIGO
6か月前
1

「WEB 3D コンテンツ」を公開しました。

「WEB 3Dコンテンツ」の製作先日公開しました「BLEAIN ONE ポートフォリオサイト」を「テーマ」に「新しい3Dコンテンツ」の製作を行いました。 「VR」機能を組み込んだ「W…

SUGIYAMA DAIGO
9か月前
3

ポートフォリオサイトの「新サイト」を公開しました。

WEBデザインがちょっと前の時代WEBデザイナーの友人と話をしていた時に、「●●のポートフォリオサイトなんだけど、コーポレートサイトのデザインがちょっと前の時代の感じ…

SUGIYAMA DAIGO
9か月前
5

「blurMotion.js」を公開しました。

「blur」を利用した「アニメーションライブラリ」の開発「WEBサイト制作」で利用できる「blur」を利用したアニメーションを作成できる「blurMotion.js」を公開しました。 …

デザインカンプ制作(ペットサイト)

「ペットサイト」をテーマにデザインカンプを制作しました。 ※文章はデザインカンプ作成用の仮の文章ですので、誤りがある可能性があります。 PCサイト MOBILEサイト …

5

デザインカンプ制作(カフェサイト)

「カフェサイト」のデザインカンプ「カフェサイト」をテーマにデザインカンプを制作しました。 ※文章はデザインカンプ作成用の仮の文章ですので、誤りがある可能性があり…

デザインカンプ制作(ヨガスクールサイト)

「ヨガスクールサイト」のデザインカンプ「ヨガスクールサイト」をテーマにデザインカンプを制作しました。 ※文章はデザインカンプ作成用の仮の文章ですので、誤りがある…

デザインカンプ制作(フルーツ情報サイト)

「フルーツ情報サイト」のデザインカンプ 「フルーツに関する情報」を発信している「フルーツ情報サイト」をテーマにデザインカンプを制作しました。 ※文章はデザインカ…

デザインカンプ制作(トラベルサイト制作)

デザインカンプの公開について「デザインカンプ」は「ホームページ」を作成する際に必要な「完成見本」ですが、デザイナーさんによって、「得意・不得意」や「デザインテイ…

2

「STUDIO」で制作したサイトを公開しました

「ノーコード制作ツール」でのWEBサイト制作近年は「HTML・CSSコードを書かなくてもWEBサイトを構築できるプラットフォーム」が増えてきていて、常々「WEBサイトを制作して…

1

開発した「アニメーションライブラリ」を公開しました

WEBサイト制作で利用できる「アニメーションライブラリ開発」1~2年ほど前に開発した「アニメーションライブラリ」を「MITライセンス」で公開しました。 WEBサイト制作…

1

海外の「街角デザイン」の学び方

「海外に行ってたっぷりとデザインを堪能したい!!」と思ってはみても、現実は海外旅行すら行ったことが無いので、今回は日本でも学べる「海外の街角デザイン」についてお…

2

WEBデザイナーへの「一路」と「原体験」

はじめての「ECサイト」の運営私が「WEBデザイナー」になると決めた理由はある「原体験」にあります。 ホームページ作成に取り組み始めたころ、「既存のECプラットフォー…

4

外出時の「デザインの楽しみ方」

朝もだいぶ寒さを感じる季節になってきました。 その寒さを感じながら外出をする時の「楽しみ」の1つが「街の中のデザインを見て回ること」だったりします。 ビル看板 …

パララックスコレクション制作

「パララックス(視差効果)」を12パターンほど作りました。 ホームページに「立体感」が生まれるので、現代のサイトではよく利用されていますね。 マウスでスクロール…

1
2024年のご挨拶

2024年のご挨拶

新年あけましておめでとうございます。

今年は4年ぶりに初詣に行くことができました。
「その年に取り組むこと」の準備が1月からスタートしますが、今年も取り組みたいことがたくさんあります。

特に今年は「WEBデザイン情報サイト」や「WEBデザインコミュニティ」の運営に携わる割合が増えそうです

「WEBデザイン・WEBサイト制作」も引き続き取り組んでいきたいと思います。

本年もどうぞよろしくお願

もっとみる
2023年の振り返り

2023年の振り返り

2023年はさまざまな出来事がありました。
「新しい取り組み」もスタートし、個人的には「充実した年」になりました。

「WEBデザイン・WEBサイト構築」の取り組み

新しいWEB制作会社様との出会いもあり「大・中規模サイト」の「リプレース・リニューアル」に携わらせていただき、「制作効率を向上させる新たなプログラムの開発」を行うなど、よりいっそうWEBサイト制作の「制作効率」を向上させることができ

もっとみる
「WEB 3D コンテンツ」を公開しました。

「WEB 3D コンテンツ」を公開しました。

「WEB 3Dコンテンツ」の製作先日公開しました「BLEAIN ONE ポートフォリオサイト」を「テーマ」に「新しい3Dコンテンツ」の製作を行いました。
「VR」機能を組み込んだ「WEB 3Dアプリケーション」の製作経験はありましたが、「WEBサイト」をテーマにした3Dコンテンツ製作は、マウスの「ダウンスクロール」による「3Dコンテンツとの連動」など、「新しい技術の習得」も必要となり、良い学習の機

もっとみる
ポートフォリオサイトの「新サイト」を公開しました。

ポートフォリオサイトの「新サイト」を公開しました。

WEBデザインがちょっと前の時代WEBデザイナーの友人と話をしていた時に、「●●のポートフォリオサイトなんだけど、コーポレートサイトのデザインがちょっと前の時代の感じがする。」と言われて、「そろそろ更新したら?」という意味なんだと受け取りました。
とは言っても日常の業務の中で「ポートフォリオサイトを更新する時間」を作るのは大変です。

「時間がかかってもいいからやっていこう」と思い直し、「業務後」

もっとみる
「blurMotion.js」を公開しました。

「blurMotion.js」を公開しました。

「blur」を利用した「アニメーションライブラリ」の開発「WEBサイト制作」で利用できる「blur」を利用したアニメーションを作成できる「blurMotion.js」を公開しました。
詳細は下記リンクからご覧いただくことができます。
「DecentWorks - 「blurMotion.js」 の開発について-」

デザインカンプ制作(ペットサイト)

デザインカンプ制作(ペットサイト)

「ペットサイト」をテーマにデザインカンプを制作しました。

※文章はデザインカンプ作成用の仮の文章ですので、誤りがある可能性があります。

PCサイト

MOBILEサイト

WEBサイト制作のご相談は、
→「DecentWorks お問い合わせページ」
で承っておりますので、気軽にご相談ください。

デザインカンプ制作(カフェサイト)

デザインカンプ制作(カフェサイト)

「カフェサイト」のデザインカンプ「カフェサイト」をテーマにデザインカンプを制作しました。

※文章はデザインカンプ作成用の仮の文章ですので、誤りがある可能性があります。

PCサイト

MOBILEサイト

WEBサイト制作のご相談は、
→「DecentWorks お問い合わせページ」
で承っておりますので、気軽にご相談ください。

デザインカンプ制作(ヨガスクールサイト)

デザインカンプ制作(ヨガスクールサイト)

「ヨガスクールサイト」のデザインカンプ「ヨガスクールサイト」をテーマにデザインカンプを制作しました。

※文章はデザインカンプ作成用の仮の文章ですので、誤りがある可能性があります。

PCサイト

MOBILEサイト

WEBサイト制作のご相談は、
→「DecentWorks お問い合わせページ」
で承っておりますので、気軽にご相談ください。

デザインカンプ制作(フルーツ情報サイト)

デザインカンプ制作(フルーツ情報サイト)

「フルーツ情報サイト」のデザインカンプ

「フルーツに関する情報」を発信している「フルーツ情報サイト」をテーマにデザインカンプを制作しました。

※文章はデザインカンプ作成用の仮の文章ですので、誤りがある可能性があります。

PCサイト

MOBILEサイト

WEBサイト制作のご相談は、
→「DecentWorks お問い合わせページ」
で承っておりますので、気軽にご相談ください。

デザインカンプ制作(トラベルサイト制作)

デザインカンプ制作(トラベルサイト制作)

デザインカンプの公開について「デザインカンプ」は「ホームページ」を作成する際に必要な「完成見本」ですが、デザイナーさんによって、「得意・不得意」や「デザインテイストの違い」などもあり、自分のデザインが「どのようなデザインなのか?」を知る参考にしていただければ幸いです。

旅行事業用のデザインカンプ

「旅行に関する情報の提供」を行っている会社様を想定したデザインカンプを制作しました。

PCサイト

もっとみる
「STUDIO」で制作したサイトを公開しました

「STUDIO」で制作したサイトを公開しました

「ノーコード制作ツール」でのWEBサイト制作近年は「HTML・CSSコードを書かなくてもWEBサイトを構築できるプラットフォーム」が増えてきていて、常々「WEBサイトを制作してみたい」と思っていました。

実際に「ノーコード制作ツールを利用した感想」や「メリット・デメリット」について書いていきたいと思います。

今回は「STUDIO」を利用した「WEBサイト制作」に取り組みました。

「STUDI

もっとみる
開発した「アニメーションライブラリ」を公開しました

開発した「アニメーションライブラリ」を公開しました

WEBサイト制作で利用できる「アニメーションライブラリ開発」1~2年ほど前に開発した「アニメーションライブラリ」を「MITライセンス」で公開しました。

WEBサイト制作に携わる中で「アニメーション設定をより効率的に行いたい」という動機で始まった「アニメーションライブラリ開発」ですが、誰かのお役に立てる可能性もあるかと思い「無償公開」することにしました。

「作業効率」を上げるために開発したプログ

もっとみる
海外の「街角デザイン」の学び方

海外の「街角デザイン」の学び方

「海外に行ってたっぷりとデザインを堪能したい!!」と思ってはみても、現実は海外旅行すら行ったことが無いので、今回は日本でも学べる「海外の街角デザイン」についてお話をしていきたいと思います。

「Google Street View」で世界中の街を散策「Google Map」で「自分が見たい海外の街」を散策しながら、「この地域は海と山に囲まれているからどんな街なのか見てみたい」と思ったら、「Goog

もっとみる
WEBデザイナーへの「一路」と「原体験」

WEBデザイナーへの「一路」と「原体験」

はじめての「ECサイト」の運営私が「WEBデザイナー」になると決めた理由はある「原体験」にあります。

ホームページ作成に取り組み始めたころ、「既存のECプラットフォーム」を活用して「ECサイトの運営」を始めました。

といっても、初めから上手くいくわけも無く、さまざまな「バナー・LP」を作っては試してという「手探りの状態」からスタートしました。

「デザインの本」を買って、読み進めながら「新しい

もっとみる
外出時の「デザインの楽しみ方」

外出時の「デザインの楽しみ方」

朝もだいぶ寒さを感じる季節になってきました。

その寒さを感じながら外出をする時の「楽しみ」の1つが「街の中のデザインを見て回ること」だったりします。

ビル看板

お店の看板

本・雑誌の表紙

電車の中吊り広告

など街の中には「さまざまなデザイン」があります。

WEBデザインを始めてからは「身の回りにあるデザイン」に自然と意識が向くようになりました。

特に一番楽しいスポットは「商店街」。

もっとみる
パララックスコレクション制作

パララックスコレクション制作

「パララックス(視差効果)」を12パターンほど作りました。

ホームページに「立体感」が生まれるので、現代のサイトではよく利用されていますね。

マウスでスクロールすると、少しずつ背景画像が移動していくパターンを見かけることが多いのですが、CSSでは「移動」以外にも

skew(歪み)

rotate(回転)

scale(拡大、縮小)

blur(ブラー)

を組み合わせることで、さまざまな視差

もっとみる