PROTOTYPE DESIGNS » work http://www.prototypedesigns.org/wordpress デザインのアイデアアーカイブ Thu, 31 Oct 2013 02:10:04 +0000 ja hourly 1 http://wordpress.org/?v=3.7.1 Git関連リンク http://www.prototypedesigns.org/wordpress/archives/1068 http://www.prototypedesigns.org/wordpress/archives/1068#comments Thu, 31 Oct 2013 02:09:42 +0000 http://www.prototypedesigns.org/wordpress/?p=1068 もっと早く知りたかった！ Gitが鬼のようにわかるスライド厳選7選
サルでもわかるGit入門
Git入門
デザイナのためのGit入門

]]> http://www.prototypedesigns.org/wordpress/archives/1068/feed 0 fb, twitter http://www.prototypedesigns.org/wordpress/archives/1065 http://www.prototypedesigns.org/wordpress/archives/1065#comments Wed, 23 Oct 2013 04:48:36 +0000 http://www.prototypedesigns.org/wordpress/?p=1065 facebookを埋め込む
like box

twitterのタイムラインを埋め込む
埋め込みタイムライン

]]> http://www.prototypedesigns.org/wordpress/archives/1065/feed 0 Googleマップのカスタマイズ http://www.prototypedesigns.org/wordpress/archives/1042 http://www.prototypedesigns.org/wordpress/archives/1042#comments Wed, 09 Oct 2013 10:07:55 +0000 http://www.prototypedesigns.org/wordpress/?p=1042 Googleマップをイラストマップみたいにしたい。

Google Maps API Styled Map Wizard
safariだと「How to use the Styled Maps Wizard」が消せない。

日本語版Google Maps API Styled Map Wizard

Google Maps API Styled Map Wizardを使ってみた

オリジナルアイコンの配置
map = new google.maps.Map(document.getElementById(“map”), myOptions);
new google.maps.Marker({
position: new google.maps.LatLng(00.00000, 000.00000), //アイコンの中心座標
map: map,
icon: “アイコン画像のパス.png” //アイコン画像
});

 

経路を入れる（線を描く）
ポリライン

座標を取得
http://www5.ocn.ne.jp/~botan/map_g.html

]]> http://www.prototypedesigns.org/wordpress/archives/1042/feed 0 Adobe Museでサイト作成 http://www.prototypedesigns.org/wordpress/archives/1036 http://www.prototypedesigns.org/wordpress/archives/1036#comments Wed, 09 Oct 2013 06:32:06 +0000 http://www.prototypedesigns.org/wordpress/?p=1036 Pd_site_ss

サイトを更新しました。
今回はAdobe Museを使って作成してみました。

http://www.prototypedesigns.org

コンタクトフォームが簡単にできて便利。
ソースはあまりきれいでない。スピード重視のときなどは良いかもしれない。
スクロールにいろいろ効果をつけるのが楽。ヘッダ、フッタとか。
一枚ものの長いページを作るときなどは使いやすそう。

]]> http://www.prototypedesigns.org/wordpress/archives/1036/feed 0 WPでカスタム投稿を使って店舗情報を表示させる http://www.prototypedesigns.org/wordpress/archives/1032 http://www.prototypedesigns.org/wordpress/archives/1032#comments Tue, 08 Oct 2013 04:13:58 +0000 http://www.prototypedesigns.org/wordpress/?p=1032 WPで作成した店舗情報をリストで表示する。

参考URL

WordPressのカスタム投稿タイプで独立コンテンツを作る方法まとめ

カスタムフィールドの使い方

投稿タイプ

WordPress:カスタムフィールドを上手に使いこなす方法

カスタムフィールドの順序を変える

店舗情報へアンカーリンクを張る
<a id=”<?php the_title() ?>”></a>

]]> http://www.prototypedesigns.org/wordpress/archives/1032/feed 0 カレンダー設置 http://www.prototypedesigns.org/wordpress/archives/1022 http://www.prototypedesigns.org/wordpress/archives/1022#comments Thu, 03 Oct 2013 09:03:01 +0000 http://www.prototypedesigns.org/wordpress/?p=1022 メニューの入れ替わりをカレンダーで表示するためにWPにMyCalenderを設置。
とりあえず設置後にCSSを変更、不要なナビなどを削除。年月の表示を日本式に変更。

WP設置後の初期設定だCSS編集ができなかったのでここを参考に。と

My Calendar をPHPに埋め込む方法

My Calendar – スケジュール表を作る

.htaccessで、拡張子.htmlのままPHPを実行する方法

phpをhtml上で扱えるように.htaccessに
AddHandler php5.3-script .html
などを記述。

htmlの先頭に
<?php require(‘phpの置き場所’); ?>
を記述。

該当部分でphpを読み込む。
<?php echo do_shortcode(‘[ショートコード]‘); ?>
など。

</body>の前に<?php wp_footer(); ?>を忘れず入れる。

]]> http://www.prototypedesigns.org/wordpress/archives/1022/feed 0 Bouldering Recorder http://www.prototypedesigns.org/wordpress/archives/928 http://www.prototypedesigns.org/wordpress/archives/928#comments Tue, 16 Apr 2013 03:32:46 +0000 http://www.prototypedesigns.org/wordpress/?p=928 RecYourProblems

いつも行っているクライミングジムの仲間がiPhone用アプリを作ったので、宣伝用のビジュアル制作を担当させてもらいました。

Bouldering Recorder（ボルレコ）というボルダリング／クライミングの課題記録アプリ。
課題の記録に加えてトライ中／完登やグレード、メモなども記録しておけます。
ジムでの課題作成や、トライ中の課題の手順の記録などに活躍してくれそうです。日付も入れられるので、過去の履歴がわかって自分の成長を確認できるのも良いですね。

詳しくはClimbing-netでも紹介されています。

Bouldering Recorder
価格：350円
対応OS：iOS6.1以降
販売元：株式会社フロント・ワークス

]]> http://www.prototypedesigns.org/wordpress/archives/928/feed 0 最近の仕事状況 http://www.prototypedesigns.org/wordpress/archives/687 http://www.prototypedesigns.org/wordpress/archives/687#comments Thu, 10 Nov 2011 04:16:31 +0000 http://www.prototypedesigns.org/wordpress/?p=687 最近関わった仕事内容です。

  • 飲食店webサイト制作（コーディング）
    Wordpressを利用してメニューの更新を簡単に。メニューの入れ替えの多い飲食店や商品の入れ替えが多い販売店などに良いのではないでしょうか。また携帯から写真付のメールを送るだけで今日の一押しがトップページに掲載される機能などを搭載。
  • webアプリケーションのインターフェースデザイン
    先行の競合サービスを超えるものを、ということでユーザーの使いやすさを考えたものを制作。サービスの構造・概念の部分から参加。
  • 飲食店のチラシなどの印刷物
    店頭POPやイベント時に来店客に配布する資料などの制作。
  • 企業サイトの日本語ローカライズ
    元々あった英語サイトを元に日本語化。基本的には流用しつつも細かなところで日本向けに最適化しました。
  • 音楽レーベルの新規リリースのプロモーション用web、印刷物など
    プレス用のHTMLメール・音源と併せて送るアーティストの資料などを制作。リリース後は一般向けに試聴できるwebページを用意。
  • 商品のプロモーション用webサイト制作
    商品の概要を伝えるトップページと特徴を伝えるオーソドックスなもの。
  • iPhone、iPad、Android向けアプリケーションのインターフェースデザイン
    電子書籍系のものや販売店のみで使用するアプリケーションのデザインなど。納品期限もあり機能と開発スピードのバランスを重視。
  • カタログのフォーマットデザイン
    カセット状になったカタログのフォーマットデザイン。
  • 地方紙のフォーマットデザインリニューアル案（表紙のみ）
  • 会社案内パンフレットの更新（見開きを追加）

ほか、現在進行中／進行待ち案件が数件といった感じです。スケジュールなどはお問い合わせください。

]]> http://www.prototypedesigns.org/wordpress/archives/687/feed 0 skream http://www.prototypedesigns.org/wordpress/archives/578 http://www.prototypedesigns.org/wordpress/archives/578#comments Tue, 09 Nov 2010 12:29:43 +0000 http://www.prototypedesigns.org/wordpress/?p=578 skream

最近やった仕事など。

HYDRA INC

]]> http://www.prototypedesigns.org/wordpress/archives/578/feed 0 音楽系のプロモーション http://www.prototypedesigns.org/wordpress/archives/569 http://www.prototypedesigns.org/wordpress/archives/569#comments Thu, 16 Sep 2010 14:55:10 +0000 http://www.prototypedesigns.org/wordpress/?p=569 man_reco_banner

最近プロモーションを手伝っているHYDRA RECORDSの「VALEU  Celebrating 5 years of Man Recordings」が発売になってるので告知。

今までの音楽業界の流通や広告にとらわれないプロモーション展開をしていこうと思っています。代表のNickも理解があるので面白いことができそう。どうやっていくかはまだまだ試行錯誤中ですが、いろいろやってみようと思ってます。

]]> http://www.prototypedesigns.org/wordpress/archives/569/feed 0