Tsutomu Takanashi

[Site] ポートフォリオサイト-2017年版

• html5
• css3
• Sass
• JavaScript
• JSON
• Node.js
• Gulp
• SublimeText3
• GitHub
• Photoshop

◆ 2017.09.25.mon ◆ 約5-7日

本ポートフォリオサイトです。スマホ（レスポンシブ）対応。SassやGulp等を用いた環境で制作しました。

[Site] これを読めば思い出す

• html5
• css3
• WordPress
• JavaScript
• PHP
• GitHub
• Photoshop
• Illustrator
• xampp

◆ 2013.06.27.thu ◆ 約5日

個人的なWeb技術系がメインの備忘録ブログです。WordPressテーマをオリジナルで作成し、html5を用いて文章構造/SEOを意識したコーディングを心掛けました。

更新は不定期ですが、技術の理解を深めるためになるべく記事を書くようにしています。

http://www.koreyome.com/

[SublimeText] UrlOpenAtBrowser

• SublimeText2-3
• Python

◆ 2014.09.18.thu ◆ 約3時間

SublimeText3 でアクティブドキュメント内のURLを抽出してデフォルトブラウザで開く plugin です。実行ショートカットキーは「WINKEY + Ctrl + Shift + O」を設定しています。

記事： http://www.koreyome.com/technique/sublimetext3-urlopenatbrowser/

[Photoshop] SwitchImageMapAndImgGenerator

• Photoshop
• Photoshop JSX
• JavaScript
• GitHub

◆ 2017.07.03.mon ◆ 約2日

特定のルールに基づいて作成されたドキュメントからプロトタイピング用の画像とイメージマップを生成するスクリプトです。仕様をざっくり説明すると、テンプレートとして用意しているhtml内にPhotoshop上から必要な画像とイメージマップ位置・リンク情報を一気に出力するイメージです。

記事： http://www.koreyome.com/web/photoshop-jsx-switchimagemapandimggenerator/

[Photoshop] ConvertPNGtoAnimation

• Photoshop
• Photoshop JSX
• JavaScript
• GitHub

◆ 2017.01.09.mon ◆ 約5時間

png画像をまとめて一つのPSD / GIFアニメーション化するスクリプトです。

記事： http://www.koreyome.com/web/photoshop-jsx-convertpngtoanimation/

[Web App] 外国為替取引管理

• html5
• css3
• JavaScript
• PHP
• JSON
• SublimeText3

◆ 2017.08.24.thu ◆ 約5日

5種類の外国為替取引状況を確認・保存が可能なWeb Appです。

特定サイトから為替レートを取得・保存して設定している取引金額と通貨から一目で利益が分かるよう算出結果を出力しています。

取引数は任意で増減が可能です。

[Web App] OWN STORAGE

• html5
• css3
• JavaScript
• PHP

◆ 2011.06.21.Tue ◆ 約5-7日

サーバーに設置できる簡易 WEB STORAGE です。PHPが動作する環境であれば設置後すぐに使うことができます。

機能は　・ファイルアップロード　・メモ帳　・ダウンローダー の３つです。

作成当初から改善を行っており、記述を html / xhtml から html5化、ドラッグアンドドロップ・複数ファイルアップロード対応などを可能にしました。

[Site] ポートフォリオサイト-2011年版

• html / xhtml
• css
• flash as2
• JavaScript
• php
• WordPress

◆ 2011.07.14.Thu ◆ 約5日

過去のポートフォリオサイトです。スマホ未対応。一部Flash使用。青を基調にシングルページで仕上げました。
コンテンツ表示部分ではjQueryを利用した可変リキッドレイアウトを採用しています。

記事の投稿は簡単に行えるよう、wordpressを使っていますが、内容もシンプルに見せたかったので、ページ遷移をせずlightbox風にポップアップするように工夫しました。

http://www.t-nashi.com/portfolio/

[Illust] vanvan200

• Illustrator

◆ 2010.10.06.Wed ◆ 約一カ月

Adobe Illustrator の練習用に描いた作品です。

[Illust] 地デジカ

• Photoshop

◆ 2011.05.18.Wed ◆ 約2時間

家のテレビを地デジ対応にしたときに描きました。

[Illust] Giraffe

• Photoshop

◆ 2011.04.08.Fri ◆ 約3日

シュールなキリンを描きたくなって描いた作品です。日常生活の一部をキリンに置き換えました。今後、背景も描く予定です。

[Android] SearchGetFlickr

• Java
• Eclipce

◆ 2011.03.03.Thu ◆ 約3日

初めて作成したアンドロイドアプリです。写真ストレージサービス「flickr」上からキーワードに合った画像を探してきてSDカードへ保存できるというアプリです。
動画では保存した画像を壁紙に設定するまでの操作をしたときのシミュレーターの画面を映しています。

[Site] Selfish

• html / xhtml
• css
• flash as2
• JavaScript

◆ 2011.03.01.Tue ◆ 約5日

立命館大学映像学部 Selfish制作委員会様からのご依頼で作成した映画のプロモーションサイトです。

以下のURLで公開していましたが、現在はサイト自体閉鎖しているようです。

[Flash] FlvPlayer

• flash as2
• Photoshop
• html / xhtml
• css
• JavaScript

◆ 2011.03.05.Sat ◆ 約4日

Flash as2 で作成した Flv Player です。
機能は
・複数設置可 ・フルスクリーン対応 ・ストリーミング再生
・サイズストレッチ（320×240以上推奨） ・サムネイル画像設置可
・シークバー、ボタン色変更可
です。

サンプルで再生している映像はマザー牧場へ行ったときのものです。

[Flash] theBattle

• Flash
• Photoshop

◆ 2003.03.01.Sat ◆ 約5日

専門学校の卒業制作として作ったアニメーション作品です。当時流行っていた 「Xiao Xiao」 さんの 「棒人間」 という作品に感銘を受けて作った作品です。尺があまり長すぎず、飽きさせない場面展開をするよう心がけました。

作中で使用しているBGMは以下の著作権フリーのものを使わせていただいています。
BGM： 音楽素材/魔王魂 http://maoudamashii.jokersounds.com

[Flash] BANANA on TATAMI

• Flash
• Photoshop

◆ 2008.05.23.Fri ◆ 約6時間

タタミの上のバナナを無限に転がせます。一度転がったあと、クリックすれば何度でも転がして遊べます。「無限プチプチ」 にも似たリラックス効果が期待できるかもしれません。