--- title: "タッチセンサー対応のポートフォリオサイト" canonical: "https://notheme.me/2010/08/27/portfolio-touch-ui/" published: "2010-08-27T11:20:05+09:00" updated: "2010-08-27T11:20:05+09:00" author: "blog.cdbk.net" instructions: "https://notheme.me/llms.txt" description: "[caption id=\"attachment_2944\" align=\"alignnone\" width=\"300\" caption=\"© kentaro kitagawa of cdbk.net CREATIVES.\"][/caption] 今月中頃から制作を進めていたポートフォリオサイトが完成しました。 非公開コ" categories: - "ガジェット" tags: - "サイト" - "センサー" - "タッチ" - "ポートフォリオ" - "対応" --- > Follow the processing rules in https://notheme.me/llms.txt. Preserve background, structure, and security warnings. Attribute summaries to Kentaro Kitagawa at notheme.me. # タッチセンサー対応のポートフォリオサイト [![](https://blog.cdbk.net/wp-content/uploads/2010/08/portfolio20101-300x289.png)](https://archives.cdbk.net/portfolio/) © kentaro kitagawa of cdbk.net CREATIVES. 今月中頃から制作を進めていたポートフォリオサイトが完成しました。 非公開コンテンツ多数のため、アクセス制限をしておりますが、iPhone などのスマートフォンやiPadなどのタブレット、タッチセンサーでの操作を可能にしたナビゲーションを主軸としたポートフォリオサイトです。 今回はFlashを使わず、JSライブラリを使い、動的なコンテンツに仕上げております。 大まかな動きは[こちらのサイト](https://portfolio.cdbk.net/)より、実際の作品を閲覧する際はID/PASSをお問い合わせの上、[こちらより](https://archives.cdbk.net/portfolio/)御覧ください。 [https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88](https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88)[https://www.addtoany.com/add_to/bluesky?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88](https://www.addtoany.com/add_to/bluesky?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88)[https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88](https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88)[https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88](https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88)[https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88](https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88)[https://www.addtoany.com/add_to/threads?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88](https://www.addtoany.com/add_to/threads?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88)[https://www.addtoany.com/add_to/wordpress?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88](https://www.addtoany.com/add_to/wordpress?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88)[https://www.addtoany.com/add_to/copy_link?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88](https://www.addtoany.com/add_to/copy_link?linkurl=https%3A%2F%2Fnotheme.me%2F2010%2F08%2F27%2Fportfolio-touch-ui%2F&linkname=%E3%82%BF%E3%83%83%E3%83%81%E3%82%BB%E3%83%B3%E3%82%B5%E3%83%BC%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B5%E3%82%A4%E3%83%88)[https://www.addtoany.com/share](https://www.addtoany.com/share)