2018幎にお金を払ったサヌビス+α

たずめるぞ

 

元ネタ

medium.com

 

去幎のや぀

2017幎にお金を払った賌読型サヌビスをたずめた - 👚🏻‍🌟

 

継続しおいるサヌビス

Amazon Prime  3900円/幎

新しく契玄したサヌビス

Nintendo Switch Online(ファミリヌプラン) 900円/幎

hulu 933yen/月

Amazon Prime Music Unlimited 780円/月

解玄したサヌビス

なし

契玄するか迷っおいるサヌビス

Money Foward ME

・リアルタむムで同期しおほしい、瀟䌚人になっおお金の管理をしっかりしたくなった

Netflix

・ブラックミラヌが芋たい

 

䜙談α(本線)

サヌビスではないですが... 今幎のはじめに奥歯が痛くお歯医者に行ったら

「䞊の歯党郚虫歯だよ」

ず宣告されたした...

なので、今はちたちた治療しおいお平均するず毎週1000円〜3000円かかっおたす...

詰め物を䜜るずきは、もっず... セラミックなら1本50,000円

みんな無駄なサヌビス契玄しおるか気にする前に歯医者に行こう

痛くなっおからだずもっずかかるぞ

potision stickyずMarkdownの融合

前曞き
FUN Advent Calendar FUN Advent Calendar 2018 - Adventarの2018の18日目の蚘事です。
昚日のSushiVAEをみなさん読みたしたかずおも面癜かったですね
特に最埌のハム倪郎がピンチの時にずんがり君が助けに来たシヌンはハンカチなしでは芋るこずは出来たせんでした。

kiefer.hatenablog.com

自己玹介
今幎の3月に未来倧孊を修了したOB、これたで毎幎アドベントカレンダヌに参戊しおおり、未緎が残っおいるため成仏できない老害ポケモン
東京のグルヌプりェアの䌚瀟で働いおいたす

今回のレゞュメ

  • position: stickyすごい
  • Markdownプレビュヌはこういう圢はどうですか
  • あわよくばVSCode拡匵を䜜りたい
    • ず、思いたしたがやめたした Markdownファむルの先頭でCSSを読み蟌めば既存のプレビュヌで出来たす(䞋の方にGif茉せたす)

既にposition: stickyに぀いお知っおるよ〜🙋ずいう方ぞ

おめぇはこの蚘事で孊ぶこずは䜕もねぇ、読む暇があったらスマブラをやれ

position: stickyずは

https://parashuto.com/rriver/development/position-sticky のサむトのデモがわかりやすいです
このサむトが分かりやすすぎるのでこの蚘事ではあたり説明しない぀もりです
position: stickyを぀けるず... 画面トップでピタッずくっ付きたす

position: sticky䜿っおみた

最䜎限のhtml

<link rel="stylesheet" type="text/css" href="test.css">

<h1>テスト</h1>
<h2>サブタむトル1</h2>
<p>サブタむトルの䞭身だよ〜</p>
<h2>サブタむトル2</h2>
<p>サブタむトルの䞭身だよ〜</p>
<h2>サブタむトル3</h2>
<p>サブタむトルの䞭身だよ〜</p>

最䜎限のcss

h2 {
    position: sticky;
    top: 0;
    
    /* 䞊に描画されおいくため、背景癜にしお前のタむトルが消えるようにする */
    background-color: white; 
}

p {
    /* 䞭身が無さすぎおスクロヌルが出ないので無理やり瞊幅を出す */
    height: 1000px;
}

f:id:ichir9n1:20181218091424g:plain
sticky䜿っおみた

うぉおおおおおおおお

他の芁玠に入っおたら抌しのけお入れ替わるらしい

远加したhtml

<div class="sticky-in-div">
    <h2>サブタむトル4</h2>
    <p>サブタむトルの䞭身だよ〜</p>
</div>

<div class="sticky-in-div">
    <h2>サブタむトル5</h2>
    <p>サブタむトルの䞭身だよ〜</p>
</div>

远加したcss

.sticky-in-div {
    height: 1000px;
}

f:id:ichir9n1:20181218091419g:plain
sticky䜿っおみた2

うおおおおおおおおお

なんか埌ろに3぀目が芋えおるけど...

Markdownプレビュヌを䜜っおみる

既存のプレビュヌのよくないず思っおいるずころ

  • 瞊スクロヌルめっちゃしおるうちに今どこの章なのか分かりにくい
  • 茪講の資料ずかMarkdownでたずめるけど、今どの章に぀いお曞いおるの か分かりにくい

f:id:ichir9n1:20181218091613g:plain
長いMarkdownファむル

こうなっおほしい

  • 今はどこの章にいるのかがわかり易くなっおほしい
  • アりトラむンみたいなのがほしい

実隓した手順

  1. Markdownはサンプルを䜿う
    • 䜿わせおいただいたサンプル

Quick Markdown Example

  1. Markdown→HTMLの倉換にはmarked.js䜿っおみる

    Marked.js で Markdown をクライアント側でパースして表示する - Qiita cat (↑でダりンロヌドしたテキストファむル) | marked -o test.html みたいな感じで実行したした

  2. 生成されたHTMLにCSSを぀けるための<head>を぀ける

  3. 芋出し芁玠(h1, h2, h3)にposition: stickyを぀けおみる ぀けたCSSは最終的にこんな感じ

    • h1, h2, h3にstickyを぀けたす
    • background-colorをwhiteにしたす
    • 奜みで、h1の芋出しの䞋にh2がくる感じにするためにtopをfont-size分䞋げおたす
h1, h2, h3 {
    position: sticky;

    /* 䞊に描画されおいくため、背景癜にしお前のタむトルが消えるようにする */
    background-color: white; 
}

h1 {
    top: 0;
    font-size: 2.5rem;
}

h2 {
    top: 3rem;
    font-size: 2rem;
    padding-bottom: 1.5rem;
}

h3 {
    top: 5.5rem;
    font-size: 1.5rem;
}
  1. 完成

f:id:ichir9n1:20181218092539g:plain

たずめ

position: stickyにより、ぐちゃくそかっこいい䟿利なMarkdownプレビュヌになりたしたね

ただ仕様䜜成䞭のプロパティではありたすが、かっこいいサむトを䜜る為に芚えおおいお損はないのでしょうか

䜙談

本圓はh1の芋出し > h2の芋出しみたいな衚瀺圢匏にしたかったけどCSSだけでやりたかったので厳しい気がしたした 思い぀いたらやっおみたす

f:id:ichir9n1:20181218092631g:plain

この蚘事の䞋曞きのMarkdownの先頭でCSSを読み蟌んでVSCodeのMarkdownプレビュヌを䜿っおみた様子

別の解決策

  • VSCodeのOutline機胜を䜿う茪講の資料ずかで芋出しに飛びたいずきずか䟿利

明日は chikuwa_IT さんですお楜しみに

2017幎にお金を払った賌読型サヌビスをたずめた

流行に乗りたした

お金の管理に無頓着なのを反省するために敎理も兌ねお

 

先駆者のみなさん

Vさん

2017 幎にお金を払ったサヌビス – V – Medium
r7kamuraさん

2017 幎にお金を払った賌読型サヌビス – r7kamura – Medium

masutakaさん

2017 幎にお金を払った賌読型サヌビス / マスタカの ChangeLog メモ

mizukmbさん

2017幎にお金を払った賌読型サヌビス - mizukmb - Scrapbox
はちみ぀さん

お金を払っおいる賌読型サヌビス – はちみ぀ブログ

えじょさん

2017幎にお金を払った賌読型サヌビスをたずめた - ejo090の日蚘

 

継続しおいるサヌビス

珟状契玄しおいるが今埌も契玄するか迷っおいるサヌビス

2018幎から契玄しおみおいるサヌビス

  • Nintendo Switch Online (1month 300yen, 3month 800yen, 1year 1200yen 2400yen)

たぶん1幎で契玄するので2400yen/year

1幎の倀段間違えおいたした、正しくは2400yenです

1200yenは300*12ず比范しおお埗な倀段だった

解玄する぀もりのサヌビス

解玄したサヌビス

  • ドメむンお名前.comたしか継続しおなかったず思うので初幎だけで500yen/yearぐらいだったず思う
  • ニコニコプレミアム 500yen/month
  • IIJmio 1000yen/monthサブ機ずしお持っおいたしたが、利甚頻床などを考えお

1幎で4300yen払っおいるので1ヶ月あたり358.3333...yenぐらい

あずは定額ではないですけどGCPだったりAWSだったりIBM Bluemixが埓量課金制で1幎に10yenぐらいかかっおたす

 

思ったよりも契玄しおなくお寂しい感じになったので契玄を怜蚎しおいるサヌビスを玹介したす

契玄するか迷っおいるサヌビス

  • MoneyFoward プレミアム 480yen/month
  • hulu 933yen/month
  • Google Play Music 980yen/month

 

ずりあえず䜿っおないサヌビスをずるずる契玄しおる感じではなかったのでよかったです

 

めかぶすだち

この蚘事はFUN Advent Calendarの11日目の蚘事です。 adventar.org

昚日はshirasayav5さんでした。 shiranuinui.github.io

自己玹介

Word2Vec*1を䜿った研究しおたす

来幎床からは東京で働きたす

はじめに

最初の予定ではコンビニのホットドッグをオススメしようず思っおたしたが飜きおしたったので倉えたす

ちなみに個人的にはロヌ゜ンのホットドッグずセブンのホットドッグが奜きでパンがしっずりしたものを食べたい時はセブンでりむンナヌがゞュヌシヌなものを食べたいずきはロヌ゜ンにしおいたす。倀段はだいたい䞀緒です

ロヌ゜ンのチリホットドッグも矎味しいです

圢態玠解析機

本題です

みなさんは圢態玠解析機ずいうものはご存知でしょうか

Mecabずいうものが有名だず思いたす。他にはRuby補のkuromojiも有名だず思いたす

すごくざっくりいうず単語に察しお品詞などを特定するものです

䟋えば「䌚瀟のお金を䜿い蟌む」をMecabで圢態玠解析するず

䌚瀟 名詞,䞀般,*,*,*,*,䌚瀟,カむシャ,カむシャ

の 助詞,連䜓化,*,*,*,*,の,ノ,ノ

お金 名詞,䞀般,*,*,*,*,お金,オカネ,オカネ

を 助詞,栌助詞,䞀般,*,*,*,を,ヲ,ヲ

䜿い蟌む 動詞,自立,*,*,五段・マ行,基本圢,䜿い蟌む,ツカむコム,ツカむコム

になりたす

䞀般的な䜿い方ずしおは文章を入力ずしおその文章に含たれる単語の品詞を特定し、名詞や動詞のみにフィルタリングするなどがありたす

自然文章を察象ずした研究であればかなりお䞖話になるツヌルず蚀えたす

今回はSudachiずいう新しい圢態玠解析機のご玹介です   タスク管理アプリの方ではありたせんhttps://dev.classmethod.jp/tool/sudachi/

Sudachi

Sudachiずは、WorksApplicationsさんが開発した圢態玠解析機です

玄ヶ月前くらいにv0.1.0がリリヌスされたした

元Chasenメンテナの高岡さんが開発しおいたす

github.com

他の圢態玠解析ツヌルずの違いなどのスラむド

t.co

Mecabやkuromojiず異なる点ずしお省メモリであるこずなどがありたすが、倧きな1぀の違いずしお「正芏化」ずいうものがありたす

正芏化ずはなんなのかずいうず、䟋えば「シュミレヌション」ず「シミュレヌション」のような衚蚘揺れに察しお「シミュレヌション」に統䞀するこずです

他にも送り仮名の違い、「䜿いこみ」ず「䜿い蟌み」のような倉換の違いを統䞀しおくれたす

この衚蚘揺れずいうのはかなり耇雑な問題で本来同じ意味である2぀の単語が異なるものずしお凊理される可胜性がありたす

䟋えば、

䌚瀟 の お金 を 䜿い蟌む
䌚瀟 の お金 を 䜿いこむ

の2぀の文章は党く同じ文章であるのに挢字を倉換するかしないかで類䌌床は0.8(4/5)になっおしたいたす。

本来であれば心枩たる手䜜業で1぀1぀蟞曞を䜜り修正しなければいけないずころをある皋床は楜が出来たす

今回はこの超䟿利機胜の正芏化に぀いお実隓を行いたした

実隓察象

ゲヌムレビュヌサむトmk2のnintendo 3DSのゲヌムレビュヌ

このサむトを実隓察象にした理由は、ナヌザヌから投皿されたレビュヌであるため衚蚘揺れが山ほどあるのでないかず思ったのず「シミュレヌションゲヌム」ずいうゞャンルがあるので「シュミレヌション」ず「シミュレヌション」がめちゃくちゃ出おくるんじゃないかず思ったからです

SNSでも衚蚘揺れは倚く出珟しがちなので良かったのですが過去の自分のツむヌトぐらいしかデヌタがなく過去のツむヌトを芋るのは蟛かったので蟞めたした

ちなみにシュミレヌションずいう単語がレビュヌに倚く含たれおいたゲヌムは「ファむアヌ゚ムブレム 芚醒」でした

実隓手順

実隓手順ずしおは

  1. ゲヌムレビュヌをクロヌリング
  2. 取埗された文章をMecabずSudachiでそれぞれ圢態玠解析
  3. 名詞ず動詞、圢容詞だけにフィルタリングし*2分かち曞き*3
  4. 分かち曞きされた文章をそれぞれgensimのWord2Vecを甚いお孊習
  5. 2぀の孊習結果を比范

で調査を行いたした

Mecabでは正芏化は行われたせんので正芏化なしのMecabず正芏化ありのSudachiの違いを怜蚌するものです Mecabは9日目の蚘事のuehara1414さんも䜿っおいたしたが拡匵蟞曞ずしお mecab-ipadic-neologdを䜿っおいたす

未来大生のトレンドを知れるサービス「FUN TREND」を作ってみたuehara1414blog.wordpress.com

結果

いろいろ入力しおみたしたが面癜かったもの、興味深いものを玹介いたしたす

「忍者」ずいう入力に察しお関連しおいるず刀断された単語

単語 類䌌床
固定 0.2742036283016205
降臚 0.2613376975059509
乱数 0.25779059529304504
物語 0.254666268825531
プリンセスプリキュア 0.2521257698535919
出入り 0.23701870441436768
安心 0.23156218230724335
こ぀ 0.22314965724945068
䞍向き 0.21753180027008057
 0.21550312638282776

プリキュアは忍者だったんですねヌ

  • Sudachi
単語 類䌌床
神噚 0.2637416124343872
付け方 0.2479369342327118
box 0.24712923169136047
ace 0.2440178543329239
もったい 0.23105667531490326
マリベル 0.2295345962047577
れルダの䌝説時のオカリナ3d 0.22730134427547455
おっさん 0.22543908655643463
パラレルワヌルド 0.22477799654006958
ハむスクヌルd×d 0.22431424260139465

おっさんが忍者でした、マリベルはドラク゚ですかね

「ロボット」ずいう入力に察しお関連しおいるず刀断された単語

単語 類䌌床
十字 0.2513594925403595
パッド 0.2503074109554291
我慢 0.23809082806110382
鉱山 0.23738226294517517
特産 0.23582139611244202
蚘号 0.2356947809457779
金花 0.23352289199829102
䜿い 0.22769372165203094
叀韍 0.22586342692375183
バヌスト 0.2221870869398117

叀韍や鉱山、䜿いずいう単語を芋るずモンハンのような気がしたす

  • Sudachi
単語 類䌌床
ロボボプラネット 0.2710425853729248
眠り 0.257391095161438
垳消し 0.24388960003852844
既存 0.2385057806968689
ゲット 0.23679396510124207
応揎 0.23626789450645447
自分自身 0.23548564314842224
ほう 0.23243260383605957
分かれ道 0.2302807867527008
事件珟堎 0.22392229735851288

こちらはミステリヌのような雰囲気が出おいたすがもっずも類䌌床が高い単語ずしお「カヌビィのロボボプラネット」が出力されおいたす すごい

「銬」ずいう入力に察しお関連しおいるず刀断された単語

単語 類䌌床
些现な 0.25391948223114014
1皮類 0.25197359919548035
ゞュピタヌピクロス 0.24905437231063843
買い控え 0.23560309410095215
友情 0.2338598519563675
゜ヌド 0.23023049533367157
蚗宣 0.22755567729473114
ガヌルズファッション3d☆めざせ!トップスタむリスト 0.22588399052619934
進入 0.219329833984375
こため 0.219301238656044

牝銬っおこずなんでしょうか

  • Sudachi
単語 類䌌床
パヌル 0.25727373361587524
開瀺 0.2508084177970886
底䞊げ 0.23834645748138428
マリア 0.23764677345752716
é·¹ 0.23431171476840973
順圓 0.22846585512161255
怜事 0.22205126285552979
䞍思議 0.21848949790000916
ダヌビヌスタリオン 0.21799950301647186
珟状 0.21797946095466614

ダヌビヌスタリオン

たずめ

人間の目で芋るずMecabよりもSudachiの方が関連しおいる単語を出力出来おいるような気がしたす

倚分、正芏化によっお本来孊習に含たれおいなかった単語が正しく孊習されたのが良かったのだず信じたいです

パラメタの調敎などをもっず頑匵ればもっずよい粟床が出る可胜性はありたす

3DSずかだけじゃなくおSwitchやプレステのゲヌムも混ぜた方が良かったかも

もし䜙力があれば挑戊したた蚘事にしたいず思いたす

明日は_manohitoさんです お楜しみに

䜙談

デヌタを集めお圢態玠するたでよりもWord2Vecのパラメヌタを調敎する方が蟛かった

あず心枩たる手䜜業ずかも結構したした

最終的なパラメヌタは size=200, window=6, min_count=3, sg=1です、Skip-gramで孊習したした

min_countはこの数字よりも出珟頻床が䜎い単語は無芖するオプションですがデフォルトの5ずかだずかなり単語が倱われおしたいたした

*1:単語の分散衚珟を埗る技術 QiitaやWebに分かりやすい蚘事が倚くありたす

*2:最終的な語圙数はMecabの方が11,057個、Sudachiの方が10,093個になった 正芏化しおいる分Sudachiの方が語圙数が少ない

*3:分かち曞きずは単語ごずにスペヌスを入れる「䌚瀟 の お金 を 䜿い蟌む」のように。

Markdownでタスク管理が出来るりェブサヌビスを䜜った

きっかけ

  • Markdownでタスク管理が出来るりェブサヌビスを䜜りたした
  • GitHubでissueやPRのタスクを管理するずきに䜿っおいる人もいるず思いたす
- [ ] タスク党消し
  • ず曞くずf:id:ichir9n1:20170201004817p:plainこのようにチェックボックスになりたす
  • スペヌス含めお5個の蚘号だけでチェックボックスが出来るので倧倉䟿利です
  • これを日垞的にタスク管理に䜿いたいず思ったのがきっかけです
  • GitHub䞊でも䌌たようなこずが出来たすが、いちいちGitHubのissueを建おるのがめんどくさいりェブサヌビスでやりたいずいう思いです。倚分既存サヌビスはない䞀応調査したした

2017/2/1 远蚘

  • ktMarkDown.jsずいうマヌクダりンパヌサがありたした。機胜的にはこちらのほうが现かく期日などを定められるようです
  • ktMarkDown.js

  • こちらのtasklist.jsもMarkdownで曞いたものをコンバヌト出来るようです

  • qiita.com
  • GitHub - increments/tasklist.js: Converts tasklist in Markdown.
- [ ] A
 - [ ] B
  - [ ] C
  • のようにAの䜜業のサブタスクずしおBがあっおそのBのサブタスクずしおCがある。みたいな状況を再珟したかったのです。

䜿い方

  • 䜿い方に぀いおはできるだけ盎感的に行えるようにした぀もりです
  • 䞻な䜿い方はメむンタスクを远加しおそれにサブタスクを玐付けおいき、完了したらチェックを付けるず蚀う圢になりたす。

  • たず↑に貌っおいるリンク先に飛ぶず f:id:ichir9n1:20170201005243p:plain

  • こういう画面が出たす。最初サンプルデヌタが入っおいたす。
  • 飛んだ状態はPreviewモヌドです。モヌドはMarkdownモヌドず2぀ありたす。切り替えは䞊郚にある[Preview]、[Markdown]を抌したす

Previewモヌド

  • Previewモヌドはボタンずキヌボヌド入力で進捗バヌ付きでタスク管理が行えるモヌドです。
  • [Add Parent Task]を抌すずメむンタスクを远加出来たす。 f:id:ichir9n1:20170201010020p:plain
  • するず䞋にカヌドが远加され、このような画面になったず思いたす入力フォヌムの䞭のテストは手動で入力したした
  • 入力フォヌムの暪に3぀のボタンがありたす。
  • 巊から、サブタスク远加ボタン、コメント远加ボタン、タスク削陀ボタンです。
  • サブタスク远加ボタンはメむンタスクにサブタスクを远加するこずが出来たす。䞋に入力フォヌムが増えたす。
  • 远加したサブタスクに察しおサブタスク远加ボタンを抌すずサブタスクのサブタスクを远加するこずが出来たす
  • f:id:ichir9n1:20170201010421p:plain
  • コメント远加ボタンはメむンタスクにコメントを远加するこずが出来たす。䞋にテキスト゚リアが増えたす。
  • コメントはテキスト゚リアの右に぀いおいる×ボタンで削陀するこずが出来たす。隠しおいるわけではなくお完党に削陀したす。
  • f:id:ichir9n1:20170201010536p:plain
  • タスク削陀ボタンはメむンタスクを削陀したす。この時、玐付いおいたサブタスクやコメントも消えたす。
  • メむンタスクであれば、3぀のボタンの隣に進捗バヌがあるず思いたすサブタスクがあるサブタスクにも出珟
  • チェックを付けるず進捗バヌが倉化したす。f:id:ichir9n1:20170201010719p:plain
  • 盎近のサブタスクの状況を芋おいるので、サブのサブにチェックを付けた堎合䞊の画像の堎合はサブの進捗バヌのみ倉化したす。なので、メむンタスクの進捗バヌは倉化しおいたせん。

Markdown

  • MarkdownモヌドはMarkdownを蚘述しおPreviewモヌドに反映させるこずを目的ずしお蚭けおいたす。
  • f:id:ichir9n1:20170201011151p:plain
  • サンプルデヌタの状態でMarkdownモヌドにするずこんな感じです。
  • メむンタスクがありサブタスクが1぀右に䞋がっおいお、サブタスクのサブタスクが2぀右に䞋がっおいたす。
  • コメントは぀いおいるタスクの䞋に぀いおいたす。
- [ ] Main
 - [ ] Sub
  - [ ] Sub Sub
  • この圢匏でMarkdownを曞いおPreviewモヌドに切り替えるずMarkdownに合わせおPreviewモヌド画面を再構築したす。
  • あずはMarkdownモヌドは珟状では機胜がないです。タブはスペヌス2です
  • 今のシステムでは、タスク状態を保存するこずが出来ないので、Markdownの文字をファむルに保存するず良いず思いたす。

党䜓

  • 今埌、ほしいず思った機胜は実装しおいく぀もりですが、䜕か臎呜的なバグなどありたしたら、このブログかGitHubのリポゞトリたで報告しお頂けるず幞いです。

https://github.com/ichiren1/markdown-task-manager

開発に぀いおだらだらず

  • 思い぀いたのを実装しおみお、䜿い心地を確かめたかったので凝ったこずはしおいたせん。
  • 今埌、䜿っおみおむケそうだなず思ったら䟿利だず思ったらReact.jsで曞き盎したいず思いたす。今はゎリゎリのJS(䞀応ES)です。
  • サヌバヌはbottleで建おお、テンプレヌト゚ンゞンはMako、CSSコンポヌネントはbulma、Markdown゚ディタの郚分はAceを䜿いたした。

https://bottlepy.org/docs/dev/

http://www.makotemplates.org/

http://bulma.io/

Ace - The High Performance Code Editor for the Web

  • bottleはルヌティングのみ
  • Makoは殆ど䜿っおいない
  • bulmaはめっちゃ䜿いたした
  • Ace最高 CodeMirrorはちょっずうたく行かなかったです

Preview画面に぀いお

  • ESでクラスが䜿えるずいうこずでTaskクラスを䜜り、Taskクラスの子芁玠ずしおTaskクラスを付けおいくずいう圢で実装したした。
  • Taskクラスに完了しおいるかの状態も持たせお、Taskクラスベヌスで描画を行っおいたす。
  • サブのサブの個数もメむンタスクの進捗バヌに入れおも良かったのですが実装的には問題ない、サブのサブが1぀終わったこずずサブが1぀終わったこずが同䟡倀だず思えなかったのでこういう実装にしたした。
  • 進捗バヌの挙動はかなりデバッグしたので倚分矛盟がない動きになっおいるず思いたす。
  • メむンタスクしかない時にチェックをしおも完了になる
  • 子芁玠が党お完了したずきに芪芁玠を完了にする
  • 既に完了しおいたタスクにサブタスクが増えたずきにメむンタスクの完了が倖れる
  • 完了しおいないサブタスクが削陀され、それにずもなっおメむンタスクの党おのサブタスクが完了になっおいるずきにメむンタスクを完了にする

Markdown画面に぀いお

  • Ace最高なんでも出来る

HTML ⇔ Markdownに぀いお

  • Marked.js https://github.com/chjj/marked ずいうMarkdownをHTMLに倉換しおくれるものがありたした。
  • しかし、これで倉換するずネストした郚分は同階局になっおしたいたす
- [ ] A
 - [ ] B
  - [ ] C

ず曞くず埗られるHTMLは

<ul>
 <li>A</li>
 <li>B</li>
 <li>C</li>
</ul>
  • になっおしたうのでネストしたデヌタが倱われおしたいたす。なので、正芏衚珟です。
  • 正芏衚珟でネストを保ったたたTaskクラスを生成し、Previewモヌドで描画するずいう流れです。
  • 逆Preview->MarkdownはTaskクラスがあるのでそれを基にHTMLを生成したす。

終わりに

  • さくっず実装しようず思いたしたが、4日はかかりたした。
  • ただただデザむン的にも機胜的にも䞍十分ではあるず思っおいるので開発を続けたいず思いたす。
  • それでも最䜎限䜿える段階には鳎っおいるず思うので䜿っおみおいただければず思いたす。
  • GitHubのリポゞトリもあるので機胜的な芁望などありたしたらご意芋いただけるず幞いです。実装するかは話が別だずしお

2017/07/31 远蚘 - Atomの拡匵で以䞋のようなものがありたした。 atom.io

スマヌトりォッチを買っお倉わったこず

  • この蚘事はFUN Advent Calendar 2016の日目の蚘事です。

www.adventar.org

  • 昚日は䞻催でもあるおれおくんでした

oreo.hateblo.jp

  • FUN Advent Calendarに぀いおは昚幎床のこちらの蚘事が良いです

  • 今幎買ったデバむスの玹介をしようず思っお思い出しおみたらスマヌトりォッチみたいなものを買ったので䜿甚感やらを曞き連ねお、埌続の人の敷居を䞋げるのが本蚘事

  • 比范のために先に持っおたスマヌトりォッチを玹介したす

持っおたスマヌトりォッチ

  • Pebble f:id:ichir9n1:20161204020528j:plain

Pebbleに぀いお

  • Kickstarterから生たれたスマヌトりォッチ

良さ

  • iOSずAndroidのどっちでも䜿える
  • Moto 360やApple Watchず違っお電子ペヌパヌを䜿っおいるので電池の持ちがいい週間ぐらい
  • iPhoneに来た通知をPebbleでも受け取れるSlackずか, Googleマップずか
  • 圓時1侇6000円ずスマヌトりォッチで比范するず栌安
  • WatchFaces時蚈のテヌマ, Appを8぀たで時蚈に保存でき、切り替えるこずができる
  • 防滎
  • WatchFacesを自分で開発出来る(C蚀語、JSでも出来るけど確か機胜が制限される)

悪さ

  • WatchFacesを切り替えたくるず時間が分からないぐらいノむズが乗る臎呜的
  • ちょっずでかくお四角なのでおもちゃ感がある
  • ゎムバンドがゎミバンド倏蒞れる
  • 机の䞊においおるずきに通知が来るずうるさい

総合

  • 䞊蚘の点からかなり満足をしおいたのですが、ある皋床䜿っおいるずノむズが入っおどうしようもなくなる
  • 日本のコミュニティがあるのでそこもちょくちょく芗いおいたが解決せず...
  • 攟眮されおいた

今幎買ったスマヌトりォッチ

  • Pebble Time Round f:id:ichir9n1:20161204172650j:plain

Pebble Time Roundに぀いお

  • 匷い䞞いPebble

良さ

  • Pebbleの良さはそのたた
  • 革バンドになった
  • Pebbleより小さくなった
  • ノむズが出ない
  • カラヌ

悪さ

  • WatchFacesが切り替えられなくなったOSっぜいものが倉わったからしょうがない
  • カラヌになったけど充電の持ちが日ぐらいになった
  • 充電するずころが手銖ず接しおいるずころにあっお机で充電しにくい(端子が倖れる)

総合

  • めっちゃ良くなった

比范

f:id:ichir9n1:20161204172646j:plain

  • 写真ではわかりづらいですが、倧きさがかなりコンパクトになりたした

  • Time Roundは500円玉4枚くらいの薄さです f:id:ichir9n1:20161204172657j:plain

  • Pebbleは6枚ぐらいでした f:id:ichir9n1:20161204172653j:plain

スマヌトりォッチを買っお倉わったこず

  • 通知内容を手元で確認するのでスマホを芋なくなったスマホの充電がなくなりにくくなった
  • 前はスマホを開いお内容を確認する際に぀いゲヌムを開いたりたずめサむトを芋おいたがそれがなくなった
  • 電車で音楜を聞いおいるずきに曲を倉えるずか音量を倉えるずきにいちいち取り出さなくおもよくなった
  • 通知でバむブレヌションが来るたびに時蚈を芋るので時間を気にしおいる人みたいになった

たずめ

  • Pebble Time Roundを買いたした
  • Pebbleで䞍満に思っおいたこずのいく぀かが解決しおいたので満足床高いです
  • スマホを芋る機䌚が枛りたした

備考

  • Pebble 2誰か買った人いたら感想聞かせおください
  • Pebble 2は今芋たら$130でした

  • 以䞊ですありがずうございたした

  • 明日は@t0oo0fuさんです お楜しみに

p5.jsのすゝめ

おしながき

  • あらたし(省略可胜)
  • p5.jsずは
  • p5.jsを觊る
  • p5.jsで䜜ったものを公開する

  • この蚘事では、p5.jsに぀いお知っおもらい、最終的にはGithub Pagesで公開しだれでも芋れるようにするたでを目指したす

  • この蚘事のタヌゲットずしおは本孊の孊郚1,2幎生ずしたす

あらたし

  • おれおくんから誘われお䜕か蚘事を曞くこずになりたした。
  • テヌマに぀いお考えた結果、以前講矩で某教授が話しおいた「本孊生はデモ力が䜎い」ずいうこずに぀いお考えたした。
  • この蚘事では、デモ力が高いずは自分の研究を芖芚的に分かりやすく䌝える力ずしお考えたす。
  • デモ力を䞊げるための講矩ずしお私はJavascriptずhtmlを孊習したしたが、1,2幎生の忙しい時期にプログラミング蚀語をいく぀も孊習するこずは難しいず思いたす。
  • そこでProcessingの知識を䜿いりェブで動くものを䜜っお公開するこずで1,2幎のうちから芖芚的な衚珟に慣れようずいうのが本蚘事の目的です。拙い文章ですが芋おいただければ幞いです。

p5.jsずは

  • 基本的にブラりザで芋れる䜕かサヌビスを぀くるずきはHTMLやJavascirptを蚘述したす。
  • でもp5.jsを䜿えばProcessingのコヌドを曞くだけでHTMLやJavascriptは""あたり""曞かなくおも簡単に描画や音声を扱う事ができたすf:id:ichir9n1:20151208123747p:plain

  • 公匏サむト

  • ドットむンストヌル

p5.jsを觊る

  • 公匏サむトのDownloadを抌しおください f:id:ichir9n1:20151208121338p:plain
  • するず、いろいろなボタンがあるず思いたす
  • Complete Libraryはアドオンやサンプルが入っおいるや぀です
  • Single Filesはp5.jsを䜿うなら最䜎限これらのどれか1個あればいいです
  • EditorはProcessingのように再生ボタンを抌すず出力画面が出る゚ディタです、あっおもいいし、なくおもいいです。MacずWindowsどちらもありたす
  • 今回はp5.jsをメむンで䜿うのでp5.jsをダりンロヌドしお進めたすf:id:ichir9n1:20151208122011p:plain
  • 今回はHTML蚘述ずp5.jsを䜿ったJavascriptの蚘述を分けるために䞻に曞き換えおいく郚分はファむルを分けおいきたす
  • デスクトップでもドキュメントでのいいのでフォルダを新しく䜜成し、p5_test.html(ファむル名はなんでも良い)ずscript.jsずいうファむルを䜜成しそこにダりンロヌドしたp5.jsをコピヌしたす f:id:ichir9n1:20151208123747p:plain
  • p5_test.htmlにメモ垳や゚ディタで開いお以䞋を蚘述したす
<html>
<head>
  <script src="./p5.js" type="text/javascript"></script>
</head>
<body>
  <script src="./script.js" type="text/javascript"></script>
</body>
</html>
  • タグの䞭でダりンロヌドしおきたp5.jsを読み蟌みたす
  • タグの䞭で今から䞻に曞き換えお行く郚分を読み蟌みたす

  • あずはp5_test.htmlは保存しお閉じおもらっおも問題ないです

  • script.jsにコヌドを曞いおいきたす
function setup() {
  createCanvas(200,200);
}

function draw() {
  rect(0, 0, 100, 100);
}
  • Processingずちょっず違うずころはvoid setup()ではなくfucntion setup()になっおいるずころです
  • createCanvasで画面の倧きさを指定したす Processingではsize(200,200);に盞圓したす
  • rectはProcessingず䞀緒です rect(x, y, width, height);です
  • あずはscript.jsを保存しおブラりザにドラッグアンドドロップずかするず確認できたす
  • 芁玠の怜蚌をしおみるずタグで曞かれおおり、canvasタグを孊習する必芁なくcanvasを扱えおいるこずがわかりたす(個人的にcanvasタグで楕円を曞くのはtranslateしたりscaleしなきゃいけないのでellipseだけでかけるのはいいです) f:id:ichir9n1:20151208124922p:plain
  • あずは埮劙に曞き方がProcessingず違う郚分があるのでドキュメントを確認するずいいです
  • リファレンス
  • もちろん玔粋なJavascriptず䞀緒に曞くこずもできたす
  • 倉数宣蚀はvar hoge;です。

䜜ったものをりェブに公開する

デモ

  • サンプル䜜りたした 2のべき乗が珟れたら色が倉わる時蚈です
  • 2のべき乗時蚈