上昇ブログ

people for the living

5/26(日)にサービスを公開する

今回の目的

  • アジャイル開発手法を体験する
  • プログラム言語やシステム開発で使うツールを覚える
    • Python
    • TwitterApi
    • Git
    • Heroku ( AWSやAzureのようなホスティングサービス)
    • trello ( タスク管理ツール )
  • 5/26までにインターネットからつぶやきシローサービスを利用できるようにする!

5/26サービス公開までの流れ

  • ~5/25(土):
    • trelloに書かれているタスクをこなすだけでいいように準備する
    • 環境準備などは5/25までにやっておく
    • 5/25までにやること・やったことはhackmdに書く
    • 5/26にやることはtrelloに書く ※優先度低
  • 5/26(日)
    • trelloに書かれているタスクをひたすらこなす

5/25(土)までのTODOリスト

状況:未着手、作業中、保留(XXXのため)、完了

内田

No 作業内容 状況
1 herokuのアカウント作成 5/20完了
2 作ることになったサービスのシステム構成・使用する言語を考える 5/23完了
3 trello(タスク管理ツール)のアカウント作成 5/20完了
4 python3.7をインストール
環境変数にpathを通す
5/21完了
5 pycharmをインストール・プロジェクト作成・python実行など試して使えるようにしておく 5/23完了
6 pycharmでbottleというframeworkを使えるようにしておく
pip install bottleではなくbottle.pyをdownload+配置すること
未着手
おぎさん作業のため優先度低
7 pycharmでtwitter apiを使えるようにしておく 未着手
おぎさん作業のため優先度低
8 herokuを使ってみる
pipelineとCIの設定方法などを調査
5/25完了
当日使用するであろうheroku commandは下方に記載した
9 つぶやきシロー画面の画面イメージを作って載せる 5/23完了

荻野 No|作業内容|状況 :-|:-|:- 1|herokuのアカウント作成|5/20完了 2|どういうサービスを作りたいか考える|5/24保留 3|trello(タスク管理ツール)のアカウント作成|5/20完了 4|python3.7をインストール
環境変数にpathを通す|5/25完了 5|pycharmをインストール・プロジェクト作成・python実行など試して使えるようにしておく|5/25完了 6|pycharmでbottleというframeworkを使えるようにしておく
pip install bottleではなくbottle.pyをdownload+配置すること|5/25完了 7|pycharmでtwitter apiを使えるようにしておく|5/25着手中※参照 8|テザリング同時接続可能台数確認|5/24完了 9|Gitをインストール|5/26完了

  • 荻野コメント ※TwitterAPIについて 定型API処理はなさそうでした。TwitterのDeveloperToolにて「呟く」機能をAppとして開発する必要がありそうです。。。一旦、私のTwitterでDeveloper向けのアカウント作成は終了 また、OAuthによる認証処理も必要みたいです。検証に時間がかかるかもしれません。 詳細は確認して再度共有します

  • 内田コメント 最初は難しそうですよね笑

    • つぶやく機能を実装するにはPythonプログラムからどのようにAPIを呼ばべ動くのか
    • OAuthによる認証処理もPython内でどう実装すれば動くのか

を調査・実装・動作確認が必要かなと思ってます。ただいきなり一人では厳しいと思ってるので、つまずいた時点で連絡頂きたいです。あくまでも大まかな役割分担をしただけで、目的は二人で全部のTODOをクリアすることなので。 理解は完成してからでも良いと思ってるので、「わかりやすいサイトが見つかって書いてある通りにやったら出来たっぽい」でも全然ありだと思ってます(^^)

- 5/26 荻野コメント 調べたところ、TwitterApp上でアプリを登録できればよさそうです。今回アップするサービスのURLを入力し登録することでKeyが発行され、それらをPython側のパラメータで持たせればAPIとして叩けるそう。。。 Python側には、tweepyを入れることで何とかなりそうです。

  • 5/28 内田コメント 最後のサービス公開=heroku環境にデプロイ、をしたときにエラーになってしまって、うまくいってません。 herokuにはbuildpackというのがあり、「依存関係ファイルの取得」「生成されたアセットの出力」「コンパイル済みコードの出力」などのタクスを実行するスクリプトで構成されているらしい。このbuildpackはアプリの言語によって変える必要があるらしく、installしてた種類が良くなかったのかも。。。pythonならコレという記事通りやってみたりはしたのですが、まだうまくいってないです。 もしかしたら別の理由でデプロイできてないのかもしれませんが。

今回つくるモノ(システム構成)

接続先URLにアクセスすると「つぶやきシロー画面」が表示されて、つぶやき入力欄に入力およびつぶやきボタンを押すと、設定したログイン情報のTwitterにつぶやかれる。

画面構成と

  • つぶやきシロー画面
    • ログイン情報
      • userid、passwordを入力してログインする
    • つぶやき入力欄
      • つぶやく内容を入力する
    • つぶやきボタン
      • ボタンを押すとつぶやき入力欄の内容がTwitterに送信される
    • つぶやき一覧
      • つぶやき一覧が表示される

※ つぶやく際に画像は添付できない仕様にします

※ 画面イメージは、slackに貼り付けました

アプリ開発言語

Python(versionは3.7) bottle frameworkを使用

DB

今回は使用しない

その他

今回のサービスを作る上で参考になるサイトURLを貼ろう!

参考ポイント URL
Python,Herokuを使ったTwitterサービスの作り方 https://qiita.com/Tood/items/408cb4267a9a9770dfc9
HerokuCLIのインストール https://devcenter.heroku.com/articles/heroku-cli
当日見るであろうherokuサイト https://www.djangobrothers.com/blogs/heroku_python_deploy/
Python初心者がBottleを使ってみたら案外簡単に動いてくれた https://qiita.com/masaibar/items/e3b6911aee6741037549
「PATHを通す」の意味をできるだけわかりやすく説明する試み https://qiita.com/sta/items/63e1048025d1830d12fd
PythonでTwitter API を利用していろいろ遊んでみる https://qiita.com/bakira/items/00743d10ec42993f85eb
Python+BottleでToDoアプリを作ってみた https://qiita.com/shogo0525/items/cb4939c0a91f549d8b77
  • 5/26(日)の予定

    • レンタル会議室の場所:ただのカフェにいきます!
    • 集合時間:11:30
    • 集合場所:浦和駅
  • 相談事項

    • OSはwindows10で問題ないですか?問題ないです、自分もwindowsPC使ってます
    • 事前にインストールが必要なライブラリはありますか?TODOに書かれてることがクリアされていればひと通り必要なものは揃うかなと思ってます。Gitまで覚えるのは大変かなと思ったのもあってTODOには書きませんでしたが、Gitインストールはやってもらって良いと思います!

内田メモ

5/26(日)のTODOメモ ※最大5時間(300分)を目安に設定します ※ここで書いて内容がまとまったらtrelloに清書します

画面

  • htmlで画面を作る(作る必要があれば) 30分
  • herokuに登録後のインターネットブラウザからの動作確認 30分

heroku

  • アプリ公開用のpipeline作る 30分
  • pipelineにアプリを登録する 30分
5/26(日)に使うであろうheroku commandメモ
プロジェクトがあるフォルダに移動
git clone 'git repository url' ※ripositoryにない場合のみ
heroku create
heroku buildpacks:set heroku/python
git push heroku master
heroku ps:scale web=1
heroku logs --tail

https://calm-beyond-37871.herokuapp.com/

Git

  • 今回サービス用のリポジトリを作る 30分
  • リポジトリにアプリのソースを登録してherokuと連携させる 30分
5/26(日)に使うであろうgit commandメモ
プロジェクトがあるフォルダに移動
git init
git add .
git commit -m "commit comment"
git remote add origin 'git repository url'
git push -u origin master

https://github.com/nanacy7741/heroku-test3.git

荻野作業メモ

pycharm

  • プロジェクトファイル上でhtmlを記述(ログイン画面、呟き画面、ボタン)
  • ボタン押下をトリガーとしたTwitter APIを叩くプログラムの作成
  • PyrhonからTwitter APIを実行(OAuth認証)→tweepyライブラリを使用?

Twitter App

  • Twitter Appの情報を取得、荻野個人のアカウントを使用 (サービス用URLがわかってから、TwitterAPI上で登録)
    • Consumer Key(API Key)
    • Consumer Secret(API Secret)
    • Owner
    • Owner ID

あとで確認・復習

  • python,pycharmでinstallコマンドとpackage installのちがい

5/26(日)の成果物

ソース管理

ソースはgitで管理する(gitとherokuを連携する)

Git情報 内容
GitレポジトリURL https://github.com/nanacy7741/tweet-siro.git

ビルド/デプロイ

作成したアプリはherokuにビルド/デプロイする

Heroku情報 内容
herokuの接続先URL https://peaceful-earth-25868.herokuapp.com/

謎のエラー

To https://git.heroku.com/obscure-headland-18021.git ! [remote rejected] master -> master (pre-receive hook declined) error: failed to push some refs to 'https://git.heroku.com/obscure-headland-18021.git'

エラーを解決できそうな参考サイト https://qiita.com/riocampos/items/a372294bdcaed8b02711

https://qiita.com/wktk/items/1453157e958108ff0939

https://teratail.com/questions/71358

heroku https://git.heroku.com/tweet-siro.git (fetch) heroku https://git.heroku.com/tweet-siro.git (push) origin https://github.com/nanacy7741/tweet-siro.git (fetch) origin https://github.com/nanacy7741/tweet-siro.git (push) tweet-siro https://git.heroku.com/tweet-siro.git (fetch) tweet-siro https://git.heroku.com/tweet-siro.git (push)

apiとはの記事 https://qiita.com/NagaokaKenichi/items/df4c8455ab527aeacf02

5/29荻野コメント

herokuデプロイ時に必要なファイルをインストールしないといけないっぽいです。 * 依存ライブラリ一覧 * アプリケーションタイプとエントリポイント指定 参考サイト https://qiita.com/ohbarye/items/55ec574f10685a012baf

eclipseメモ

<eclipseのリビルド指定でソースを戻す方法>
ファイル右クリック->ヒストリーの表示->戻したいリビルド右クリック->現在を1XXXXと比較
比較状態で開かれるので、左側をソース修正して保存する。
修正した保存したソースファイルをコミットする。

日本社会人ゴルフ選手権への道

「スコア100オーバーの素人が日本社会人ゴルフ選手権参戦を目指す!」
という企画を2017年08月12日に開始することにしました。

ことの経緯は、普段いってる練習場にチラシが置いてあって「内閣総理大臣杯」などという大それた名前のアマチュア参加可能なトーナメントの存在をはじめて知って、こんなのあったんだ!とビツクリしたのです。予選は80がカットラインとのこと・・・。よし、まだ100切ったことすらないけどいつか一度は参戦しよう、と決めたのです。

<2017.08.12(土)現在のわたしのスペック>
最高スコア:103
2016年秋からずっとコースにいってない。
打ちっぱなしは行くときは毎週いくし、仕事でアップアップのときは平気で2ヶ月とか休んでる。
こんなど素人のわたしが、トーナメント参戦までの記録をゆるーく付けていくことにしました。


<わたしの厳選リンク集>
内藤雄士の「必ず上達する、これが最新スイング」:中日スポーツ(CHUNICHI Web)
http://www.chunichi.co.jp/chuspo/article/column/naitou/index.html




2017.08.12(土)

打ちっぱなし

出玉が安定しない。グリップが良くなさそうなのが気になってる。あと久しぶりにレッスン受けないとなと思いました。たまには受けてプロからアドバイスもらわないとね。

体力作り

千駄ヶ谷の600円でジムとプールを両方利用できるという素晴らしい施設にいって久しぶりの体力トレーニングをした。更に帰り道にはタンパク質のステーキを食らって、糖質はほとんど取らないようにしてみた。(今日だけね笑)

2017.08.13(日)

グリップ

今まで6年間グリップを「オーバーラッピンググリップ」でやってきましたが、フォローのときのフェースの向きが安定しないなぁとずっと思っていてグリップが原因だろうと思っていながらもどうして良いかわからずやっていました。今一度ネットでグリップについて調べると、以外とアマチュアにも「インターロックグリップ」を勧めてるサイトがあって次練習にいったときに試してみようかなと思いました。
<参考URL>
http://goruhukurabu.jugem.jp/?eid=20

飛距離

今日から近所で素振りをできるだけ毎日やろうと思う。さっそく今日やってきたところ、ダウンスウィング~インパクトの間に「指・手・腕」と進行方向にチカラを入れて返す・押し込むと、それをやらないよりヘッドが早く通過できるんだったよなぁ。というとても大事なことを思い出した。そういえば最近打つときこれを意識していなかった。帰ってきてさっそくネットで調べるとそれがリストターンのことのようだ。下記サイトを見ると、ダウンスウィングでチカラを入れてインパクト時はまたチカラを抜かないとヘッドが起くれてきてしまうらしい(笑 これはとても難しそうだけどプロも必ず行っていることだから効果がありそうだ。
<参考URL>
http://goruhukurabu.jugem.jp/?eid=23


2017.08.14(月)



明日へつづく・・・

恋人に喜ばれた東京でのデートコース紹介します(六本木・虎ノ門・隅田川花火)

東京でデート行くことになったけど、
何しよう!どこ行こう!わからない!

という方に少しでも参考になればと思います。実際に私が行ったコースですので、かかった時間も参考になると思います。

13:00 六本木ヒルズで待ち合わせ

f:id:nanacy7741:20160323173745j:plain

13:30 森美術館で美術鑑賞

事前に、今何の展示をやっているのか調べておくといいと思います。 でも、あまり興味ない内容でも、新鮮さがあって意外と記憶に残るものなので、 行こうと思った時にやってるのを見るのもありだと思いますよ。

14:30 六本木でランチ

あえて書きません。 お好みの店を検索してみてくださいね。

15:30 虎ノ門ヒルズに移動

f:id:nanacy7741:20160325144325j:plain

ヒルズのハシゴとは贅沢ですね! 虎ノ門ヒルズは行った事ない人が割りといるかもしれませんが、 とても眺めがいいし、ゆっくりした時間を過ごせるのでオススメです。 表参道ヒルズみたいに、「お店しかないじゃん」「買い物しない人には用ないじゃん」 という感じにはならないのでいいですよ。

16:30 虎ノ門ヒルズのカフェでお茶

虎ノ門ヒルズ内のカフェは特別高くない上に、 どこにでもあるチェーン店ではないお店が入っているので、良いと思います。

18:00 蔵前に移動

自分は、はじまる前までは遊んで花火がはじまる時間に行くタイプなので、 人が既に多い中、いかに時間をかけずに、ちゃんと見えるところに行けるかがポイント! 浅草駅に行ってしまうと電車のホームから地上に行くのがまず時間かかってしまうので、 ひとつ手前の蔵前で充分だと思います。見える度も大差ないしね。

19:00 隅田川の花火

この日は、隅田川の花火の日でした! 虎ノ門から行くと距離的にも近いし、時間調整できて良かったですよ。 蔵前駅から地上に出ると、歩行者天国になっていて、地面に座って飲み食いしながら見ました。 隅田川の花火は、頑張って近づいたからと行って見えるわけじゃないのが難しいね!



今日のデートはいかがだったでしょうか? その地域なら、こんなオススメのお店もあるよ!などあったら教えてくださいね。

以上です。

すべてはモテるためである (文庫ぎんが堂)

恋人に喜ばれた東京でのデートコース紹介します(渋谷・代官山)

東京でデート行くことになったけど、
何しよう!どこ行こう!わからない!

という方に少しでも参考になればと思います。実際に私が行ったコースですので、かかった時間も参考になると思います。






11:30 渋谷のハチ公前で待ち合わせ

12:00 代官山までお散歩

渋谷から代官山に電車で行こうとすると、乗り換えが大変で結構時間かかるんです。

そういう意味でも、歩いて行くのはオススメですよ。

12:30 代官山でランチ

代官山でランチ

13:30 代官山散策

14:30 奥渋谷に移動

f:id:nanacy7741:20160328213232j:plain 代官山を散策しながら奥渋谷まで散歩 奥渋谷は、渋谷から見るとセンター街を通って、渋谷ドンキの奥の方にあります。 30店舗ほどの飲食店が並んでます。

15:00 アクアリウム体験

f:id:nanacy7741:20160324123052g:plain SENSUOUS(センシュアス) 紹介されているページ:http://hebinuma.com/2014/11/13/post-6621/

電話予約が必要で、予算は1人約3000円です。

2人でゆっくりとした時間を過ごしたい方にはオススメです。 簡単に言うと、小さい水槽を作って持って帰る感じです。 時間制限はないようですが、自分の時は普通にゆっくりやって1時間半くらいで終わりました。

ちなみに・・・ここで飼っているオレンジの魚たち(名前忘れた)がすごいんです! 人が移動するとついてくるんですよ!あんなに人懐っこい魚は見たことない! 魚に興味ないカップルでも、盛り上がると思いますよ☆

17:00 渋谷でウィンドウショッピング

もう知ってる方は多いと思いますが、 渋谷にも「裏原宿」的な、 オシャレな服屋さん・カフェがある待っているゾーンがあります。

あと個人的には、東急百貨店も結構おもしろいです。

19:00 解散



今日のデートはいかがだったでしょうか? その地域なら、こんなオススメのお店もあるよ!などあったら教えてくださいね。

以上です。

誰からも「気がきく」と言われる45の習慣

恋人に喜ばれた東京デートコース紹介します(渋谷・表参道・赤坂・新橋)

東京でデート行くことになったけど、
何しよう!どこ行こう!わからない!

という方に少しでも参考になればと思います。実際に私が行ったコースですので、かかった時間も参考になると思います。






11:30 渋谷のハチ公前で待ち合わせ

たまにはベタにハチ公前で待ち合わせも新鮮かも!? ハチ公の喫煙所の所で「クリーンキャンペーンのたすきをかけたおじさん」に話しかけると今日のデートを応援してくれます。 この人は毎日11時から25時までいます。

渋谷の番人です。最近深夜番組に出て、少しずつ有名になってきてます。

12:00 表参道までお手てつないでお散歩

渋谷から表参道なら歩いても15分程度で着くし、 お店も並んでいるので二人で新しい発見をしながら楽しくお散歩できると思います。

東京で1駅だけの移動なら、電車使わずに歩くのが東京の楽しみ方の1つだと思うんですよね。 知らなかったお店を知れるし、道覚えられるし、健康的だし、電車賃浮くし。

12:30 表参道(青山)の、ファーマーズマーケットでぶらり&お土産購入

毎週土日やってます! 各地方の産物を売っているので、見るだけでも楽しいし、試食もたくさんさせてくれます。 特別高く売ってるわけじゃないから、お土産を買うにもとても良いと思いますよ。

子ヤギもいます!

青山ファーマーズマーケットのサイト farmersmarkets.jp

13:30 表参道でランチ

あえてお好きなところを見つけてください。 検索すれば1000円ランチもたくさんあります。

平日しかやっていないランチですが、「鳥政」の焼き鳥丼&ラーメンセットは、最高です。 夜は高めの焼き鳥屋に戻ります。

14:30 赤坂に地下鉄で移動

15:00 おやつに赤坂の「フルフル」でフルーツパフェ

f:id:nanacy7741:20160324125310j:plain

有吉の正直散歩などでも紹介された人気店。 自分は土曜日の夕方にいったら、20分外で並びました。

フルーツサラダを注文するとカットフルーツの盛り合わせが出てくるのですが、一つ一つが完熟でベストな状態で出てきます。 普段食べられないフルーツなども入っていて、一つ一つ味わって食べるとめちゃくちゃ美味しいです。 ボリュームはないので、晩ご飯の心配をせずに食べられます。

あと、銅板で焼いているパンケーキもオススメです。 自分はここ数年流行っているパンケーキが、あまり特別美味しいと思わなかったのですが、 ここのはサッパリしているしとても美味しかったです。甘いものが苦手な人・お年寄りも苦なく食べられると思います。 無駄にクリームがたくさんのっていないし、ボリュームもないので味わって最後まで美味しく食べられます。

あと、何と言っても値段が安いんです!自分が行ったときは、 * パンケーキのフルーツクリーム付き(900円)+ドリンクセット(+300円)で1200円 * フルーツサラダ(1300円)+ドリンクセット(+300円)で1600円 二人で3000円以内でした。

この値段で充分な満足感でした。親など年上の人に美味しいものをご馳走したい場合などにも、とてもオススメです。

16:00 新橋に地下鉄で移動

16:30 新橋の歌広場でカラオケ

やっぱりカラオケ館って高いですよね!? 土曜日の夕方でしたが、歌広場で「ソフトドリンク飲み放題込みで、1人1時間1000円」でした。 新橋の駅前に、コロッケ倶楽部という安そうなカラオケ屋さんもありましたよ。

19:00 新橋の龍馬で立ち飲み

f:id:nanacy7741:20160324152107j:plain

好きなお店に行けばいいと思いますが、この立ち飲み屋「龍馬」はメニューが少ないものの、 一つ一つのクオリティーが高くて美味しいので何回行っても飽きません。

混みますが2~3人なら大体入れます。分かりづらい場所にあることもあって、いわゆる「新橋の穴場」です。

21:30 帰りが遅くならないように、解散

今日のデートはいかがだったでしょうか? その地域なら、こんなオススメのお店もあるよ!などあったら教えてくださいね。

以上です。



なぜあなたは「愛してくれない人」を好きになるのか (文庫ぎんが堂)

100%好かれる1%の習慣

hrefリンクを押したときに長い処理をしたい場合のテクニック

<script type="text/javascript">
$(".photo_dialog_link").click(function(){
    // 
    // クリックされた時の処理
    // 2枚目がクリックされたら、2枚目に対して色々な処理を行う
    // 
});
</script>

<body>
<a href="javascript:void(0);" class="picture_link" />
    <img src="" alt="画像がない場合に表示する文字列をここに書く" class="picture_img" />
    <input type="hidden" class="pic1" value="1枚目" />
</a>
<a href="javascript:void(0);" class="picture_link" />
    <img src="" alt="画像がない場合に表示する文字列をここに書く" class="picture_img" />
    <input type="hidden" class="pic2" value="2枚目" />
</a>
<a href="javascript:void(0);" class="picture_link" />
    <img src="" alt="画像がない場合に表示する文字列をここに書く" class="picture_img" />
    <input type="hidden" class="pic3" value="3枚目" />
</a>
</body>

まず、javascript:void(0);はリンクを書きたいけどタグの中に遷移先を書きたくない場合に使います。

<a href="javascript:void(0);"></a>

上記のように書いてあると、例えば2枚目の画像をクリックすると、2枚目に対しての処理(click内に実装)が行われますね。