アイコンの作り方とgithubにアップする方法のお尋ね。

[人材育成]

こんにちは。

「税金はどこへ行った？」の加古川市版を制作している沖野です。

今回加古川市版を作るにあたって

加古川市独自のアイコンを作りたいのですが

作り方とgithubにアップする方法がわかりません。

お教え願えないでしょうか？

[Yoshihide Jimbo]

こんにちは。神保と申します。

アイコンですが、SVG で用意する必要があります。

SVG ファイルの作成には、Adobe Illustrator や  Inkscape などのアプリケーションが必要です。

具体的な作り方はあまり明るくないので、他の方に譲ります。

新しいアイコンができたら、まず icons ディレクトリに入れて、

js/setting.js でファイルを指定すればOKです。

http://qiita.com/hal_sk/items/d1cfa971fbbc09777d20

も参考になるかと思いますので確認してみてください。

--
このグループへの投稿はグループメンバー以外からも閲覧可能となっております。
---
このメールは Google グループのグループ「Spending.jp (Where Does My Money Go? 日本語版) ユーザーグループ」に登録しているユーザーに送られています。
このグループから退会し、グループからのメールの配信を停止するには spendingjp-de...@googlegroups.com にメールを送信してください。
このグループに投稿するには spendin...@googlegroups.com にメールを送信してください。
http://groups.google.com/group/spendingjp-dev からこのグループにアクセスしてください。
このディスカッションをウェブ上で閲覧するには https://groups.google.com/d/msgid/spendingjp-dev/c2712a1c-5ace-4ed7-bb34-26cfff3033e4%40googlegroups.com にアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

[Takuya Oikawa]

及川と言います。

以前、自分のサポートした自治体でもアイコンをデザイナーさんに作っていただき、それを採用しました。

IllustratorでSVGに吐き出してもらったのですが、何故かWDMMGで使っているRaphaelというライブラリ（http://raphaeljs.com/）で処理できなくて、SVGを手作業で修正した覚えがあります。具体的にどこをどう直したのか覚えていないのですが、SVGのPolygonがダメでPathで置き換えたとか（例です）、何かそういう作業を試行錯誤で行ったように記憶しています。もしかしたら、たまたまそのSVGがそうだっただけかもしれず、お作りになるアイコンは大丈夫かもしれませんが、もしうまくいかなったらマニュアルでSVGファイルをいじって見てください。

2015年4月14日 21:39 Yoshihide Jimbo <yji...@gmail.com>:

このディスカッションをウェブ上で閲覧するには https://groups.google.com/d/msgid/spendingjp-dev/CAMcbebNsjcNOouR6yRWKV5mKcRSFa%3DNXRxR0%3DfECxyb2201jrw%40mail.gmail.com にアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

[人材育成]

神保様　及川様ありがとうございます。

「税金はどこへ行った？」の加古川市版を制作している沖野です。

ご助言いただいた通り作業をいたしましたところ

できました。

しかしgithubのiconsのディレクトリにSVGを入れるためには

どのボタンを置いたらよいのですか？

2015年4月14日 21:50 Takuya Oikawa <takuya...@gmail.com>:

--
このグループへの投稿はグループメンバー以外からも閲覧可能となっております。
---
このメールは Google グループのグループ「Spending.jp (Where Does My Money Go? 日本語版) ユーザーグループ」のトピックを登録しているユーザーに送られています。
このトピックの登録を解除するには https://groups.google.com/d/topic/spendingjp-dev/mUkp1uzi5Ac/unsubscribe にアクセスしてください。
このグループを退会し、グループのすべてのトピックの登録を解除するには spendingjp-de...@googlegroups.com にメールを送信してください。

このグループに投稿するには spendin...@googlegroups.com にメールを送信してください。
http://groups.google.com/group/spendingjp-dev からこのグループにアクセスしてください。

このディスカッションをウェブ上で閲覧するには https://groups.google.com/d/msgid/spendingjp-dev/CADUjiHyq2xGEPOTDApKKpi8%2BfU%3Dm87uXQw2OjuTKgUHdoVgotQ%40mail.gmail.com にアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

[Yoshihide Jimbo]

沖野様

神保です。

メールからだと、どこまで出来ていて、どこで躓いているのかがよくわかりませんでした。

もう少し詳細を教えてもらえますか？

http://qiita.com/hal_sk/items/d1cfa971fbbc09777d20

この手順書の 0 〜 4 のうちどこまで進んでいる状態でしょうか？

このディスカッションをウェブ上で閲覧するには https://groups.google.com/d/msgid/spendingjp-dev/CAAS60GgJfAynfPQ74FmhodOsvnVEq2GkECVhLY3G2wO_gNN1Qw%40mail.gmail.com にアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

[人材育成]

神保様

加古川市版を作成している沖野です。

4番まで終了しており、独自にアイコンを作り

iconsのディレクトリに独自のアイコンを入れたいのですが

一度SVGファイルをプログラム化させた方がよろしいのでしょうか？

2015年4月15日水曜日 19時13分54秒 UTC+9 Yoshihide Jimbo:

[Yoshihide Jimbo]

なるほど。

ご自身のPC（ローカル環境）にはアイコンが追加されていて、

あとは GitHub にアップすれば OK という状態ですね。

次のようにコマンドを打てば大丈夫かと思います。

$ git status

追加及び変更したファイルの一覧が表示されれば、続けて

$ git add .

$ git commit -m 'Add original icons'

$ git push

これで GitHub にアップされ、
数分後には http://{SUBDOMAIN}.spending.jp/ で反映されていることが確認できるかと思います。

お試しください。

このディスカッションをウェブ上で閲覧するには https://groups.google.com/d/msgid/spendingjp-dev/3206220f-c98a-4d62-9e4f-a58ce603e2ef%40googlegroups.com にアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

[人材育成]

神保様

加古川市版を製作している沖野です。

ご助言いただいたとおりに

行うとiconsに入れることができました。

ありがとうございます。

2015年4月16日 22:17 Yoshihide Jimbo <yji...@gmail.com>:

このディスカッションをウェブ上で閲覧するには https://groups.google.com/d/msgid/spendingjp-dev/CAMcbebMUL4Xjv9ZrFu%2Br3GfsR3yjaj5tmt%2B9_ePT_3VQNOJqAg%40mail.gmail.com にアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。