SUGIYAMA DAIGO

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

SUGIYAMA DAIGO

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

２０２４年のご挨拶

新年あけましておめでとうございます。 今年は4年ぶりに初詣に行くことができました。 「その年に取り組むこと」の準備が１月からスタートしますが、今年も取り組みたいことがたくさんあります。 特に今年は「WEBデザイン情報サイト」や「WEBデザインコミュニティ」の運営に携わる割合が増えそうです 「WEBデザイン・WEBサイト制作」も引き続き取り組んでいきたいと思います。 本年もどうぞよろしくお願いいたします。

SUGIYAMA DA…

    • ２０２３年の振り返り

      ２０２３年はさまざまな出来事がありました。 「新しい取り組み」もスタートし、個人的には「充実した年」になりました。 「WEBデザイン・WEBサイト構築」の取り組み 新しいWEB制作会社様との出会いもあり「大・中規模サイト」の「リプレース・リニューアル」に携わらせていただき、「制作効率を向上させる新たなプログラムの開発」を行うなど、よりいっそうWEBサイト制作の「制作効率」を向上させることができました。 「３Dコンテンツのデザイン」など、「新たなWEBコンテンツの制作」に

      SUGIYAMA DA…

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

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

        SUGIYAMA DA…

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

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

          SUGIYAMA DA…

        ２０２４年のご挨拶

        SUGIYAMA DAIGO

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

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

          SUGIYAMA DA…

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

          SUGIYAMA DAIGO

          デザインカンプ制作（ペットサイト）

          「ペットサイト」をテーマにデザインカンプを制作しました。 ※文章はデザインカンプ作成用の仮の文章ですので、誤りがある可能性があります。 PCサイト MOBILEサイト WEBサイト制作のご相談は、 →「DecentWorks　お問い合わせページ」 で承っておりますので、気軽にご相談ください。

          SUGIYAMA DA…

          デザインカンプ制作（ペットサイト）

          SUGIYAMA DAIGO

          デザインカンプ制作（カフェサイト）

          「カフェサイト」のデザインカンプ「カフェサイト」をテーマにデザインカンプを制作しました。 ※文章はデザインカンプ作成用の仮の文章ですので、誤りがある可能性があります。 PCサイト MOBILEサイト WEBサイト制作のご相談は、 →「DecentWorks　お問い合わせページ」 で承っておりますので、気軽にご相談ください。

          SUGIYAMA DA…

          デザインカンプ制作（カフェサイト）

          SUGIYAMA DAIGO

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

          「ヨガスクールサイト」のデザインカンプ「ヨガスクールサイト」をテーマにデザインカンプを制作しました。 ※文章はデザインカンプ作成用の仮の文章ですので、誤りがある可能性があります。 PCサイト MOBILEサイト WEBサイト制作のご相談は、 →「DecentWorks　お問い合わせページ」 で承っておりますので、気軽にご相談ください。

          SUGIYAMA DA…

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

          SUGIYAMA DAIGO

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

          「フルーツ情報サイト」のデザインカンプ 「フルーツに関する情報」を発信している「フルーツ情報サイト」をテーマにデザインカンプを制作しました。 ※文章はデザインカンプ作成用の仮の文章ですので、誤りがある可能性があります。 PCサイト MOBILEサイト WEBサイト制作のご相談は、 →「DecentWorks　お問い合わせページ」 で承っておりますので、気軽にご相談ください。

          SUGIYAMA DA…

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

          SUGIYAMA DAIGO

          デザインカンプ制作（トラベルサイト制作）

          デザインカンプの公開について「デザインカンプ」は「ホームページ」を作成する際に必要な「完成見本」ですが、デザイナーさんによって、「得意・不得意」や「デザインテイストの違い」などもあり、自分のデザインが「どのようなデザインなのか？」を知る参考にしていただければ幸いです。 旅行事業用のデザインカンプ 「旅行に関する情報の提供」を行っている会社様を想定したデザインカンプを制作しました。 PCサイト MOBILEサイト WEBサイト制作のご相談は、 →「DecentWork

          SUGIYAMA DA…

          デザインカンプ制作（トラベルサイト制作）

          SUGIYAMA DAIGO

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

          「ノーコード制作ツール」でのWEBサイト制作近年は「HTML・CSSコードを書かなくてもWEBサイトを構築できるプラットフォーム」が増えてきていて、常々「WEBサイトを制作してみたい」と思っていました。 実際に「ノーコード制作ツールを利用した感想」や「メリット・デメリット」について書いていきたいと思います。 今回は「STUDIO」を利用した「WEBサイト制作」に取り組みました。 「STUDIO」を選んだ理由は、周囲で利用している人が多かったことと、「日本語のドキュメント

          SUGIYAMA DA…

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

          SUGIYAMA DAIGO

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

          WEBサイト制作で利用できる「アニメーションライブラリ開発」１～２年ほど前に開発した「アニメーションライブラリ」を「MITライセンス」で公開しました。 WEBサイト制作に携わる中で「アニメーション設定をより効率的に行いたい」という動機で始まった「アニメーションライブラリ開発」ですが、誰かのお役に立てる可能性もあるかと思い「無償公開」することにしました。 「作業効率」を上げるために開発したプログラムですが「数多くのアニメーションを設定する必要があるプロジェクト」ではお役に立

          SUGIYAMA DA…

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

          SUGIYAMA DAIGO

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

          「海外に行ってたっぷりとデザインを堪能したい！！」と思ってはみても、現実は海外旅行すら行ったことが無いので、今回は日本でも学べる「海外の街角デザイン」についてお話をしていきたいと思います。 「Google Street View」で世界中の街を散策「Google Map」で「自分が見たい海外の街」を散策しながら、「この地域は海と山に囲まれているからどんな街なのか見てみたい」と思ったら、「Google Street View」に切り替えて、その「街の中のデザイン」を見るなど、

          SUGIYAMA DA…

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

          SUGIYAMA DAIGO

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

          はじめての「ECサイト」の運営私が「WEBデザイナー」になると決めた理由はある「原体験」にあります。 ホームページ作成に取り組み始めたころ、「既存のECプラットフォーム」を活用して「ECサイトの運営」を始めました。 といっても、初めから上手くいくわけも無く、さまざまな「バナー・LP」を作っては試してという「手探りの状態」からスタートしました。 「デザインの本」を買って、読み進めながら「新しい知識」を得て試してみる。 「マーケティングの本」を買って、本から得た知識を「ホ

          SUGIYAMA DA…

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

          SUGIYAMA DAIGO

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

          朝もだいぶ寒さを感じる季節になってきました。 その寒さを感じながら外出をする時の「楽しみ」の１つが「街の中のデザインを見て回ること」だったりします。 ビル看板 お店の看板 本・雑誌の表紙 電車の中吊り広告 など街の中には「さまざまなデザイン」があります。 WEBデザインを始めてからは「身の回りにあるデザイン」に自然と意識が向くようになりました。 特に一番楽しいスポットは「商店街」。 「和菓子店」では「和のデザイン」がたくさんあり、また、「洋菓子店」では「洋の

          SUGIYAMA DA…

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

          SUGIYAMA DAIGO

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

          「パララックス（視差効果）」を１２パターンほど作りました。 ホームページに「立体感」が生まれるので、現代のサイトではよく利用されていますね。 マウスでスクロールすると、少しずつ背景画像が移動していくパターンを見かけることが多いのですが、CSSでは「移動」以外にも skew(歪み) rotate(回転) scale(拡大、縮小) blur(ブラー) を組み合わせることで、さまざまな視差効果を作ることができます。 今回作成したパララックスは下記のリンクからご覧いた

          SUGIYAMA DA…

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

          SUGIYAMA DAIGO