ゆるふわ技術日誌

ゆるくふわっと広く浅く。

Semantic UI React使ってみた #72

今日やったこと

相変わらずテスト期間前あるあるの課題の山と戦っております。

しばらくこんな感じの軽めの記事が上がり続けますがご了承ください。(誰に向けていってるんだ?)

Semantic UI React使ってみた

普段はMaterial-UIなんかを使ってるのですが、個人的にはこちらの方が好みだったりするので使ってみた感じです。

本当に使ってみただけでなにか作ったわけではない。

一応手順だけ簡単に書くけど、公式のUsageと同じことなのでそちらを読んだほうがいい。

https://react.semantic-ui.com/usage

ちなみにこれ。

手順としては、

  1. Reactを書ける環境を用意(僕はcreate-react-app使ってます。これマジ便利。)
  2. npm i -S semantic-ui-react semantic-ui-css(--saveとかinstallとか書くより省略形使ってるとデキる人っぽくて好き)
  3. index.jsとか、とにかく一番上のコンポーネントimport 'semantic-ui-css/semantic.min.css'
  4. あとはドキュメント読みながら書くだけ

CSSもさくっとimportするだけで片付けられるの本当にいいですね。

今度、Semantic UI+React+Redux+Electeronなデスクトップアプリを作ることになりそうなのでちょくちょく触っていきたい。

f:id:uutarou:20170725233207g:plain

こんなうねうねする(使いみちの全くわからない)ボタンも作れます。

雑談

タスクを崩し終わったら趣味プログラミングしたい…。

オライリーのはじめてのJavaScriptをはじめた #71

今日やったこと

はじめてのJavaScript

買ったやつ。

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

まだ最初の方しか読んでないので、JSの基本文法が出てきたりしてるあたりです。

ES2015の文法で最初から書いているのはポイント高いです。

雰囲気だけでJavaScript書いてたのでちゃんと文法総ざらいしたいです。

Javaを書いてる

課題です。

Android書いてます。(現在進行系)

ListViewをタップしたらブラウザ開くみたいな処理を作りたいんだけれども、どうやって実装するのが普通なのかとかそういうことがよくわからないですね。

今日はこれくらいは完成させてから寝たいです。

雑談

試験期間が目前に…。

やらなきゃならいないレポート課題をリマインダーに入れたら6個位ありました。

イカやってる場合じゃねえし、飲み会行ってる場合でもねぇ。

(でも行く)

テストについての本を読んだ #70

今日やったこと

コードを書く方じゃない方のバイトでした。

コード書けなかった代わりに昨日のテストの本を空き時間とか移動時間にちまちま読みました。

(それでもまだ50ページくらい)

テストわけわかめ

わからん。

そもそもそういう本なのですが、概念的な話がたくさんでてきて…。暗記系は苦手なのでなんとも。

これは実際に開発しながらテストコードをバリバリ書いた方が身につきそう、なんて思いました。

ただ、概念的な話が不要かといえばそうではないと信じて最後までちゃんと読みたいと思います。

今日は短いですがこんな感じ。

明日からはまたバリバリコード書くぞ。(期末テスト😱)

雑談

散財したい………


それはそうと、もう70日も書いてるんですね…。しゅごい。

ReduxとかReactとかとか、recomposeが便利とか #69

今日やったこと

コード書く方のバイトでした。

何やったかは触れちゃいけないお約束、ただ今日はちょこちょこと進捗を生むことができてよかった。

7時間真面目にモニターとにらめっこするのにも少しは慣れてきました。

recompose

そんな中で使ってるのがrecomposeというライブラリ。

github.com

教えていただいたのですが、いろいろ面白い感じで良い。

ステートレスなコンポーネントでcomponentWillMountとかを扱うのが主な目的で使っているんですが、そのほかにも諸々便利なAPIがありそう。

ドキュメント読みたい。

lodash

lodash.com

だんだんクセになる。好き。

書籍を買ったり借りたりした

借りた

知識ゼロから学ぶソフトウェアテスト 【改訂版】

知識ゼロから学ぶソフトウェアテスト 【改訂版】

買った

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

やるぞ。

雑談

スプラ2買ったんですけどやる時間全くないのでSwitchホコリ被ってますけど、だれかフレンドコード的なやつ教えてください。

続Androidとの戦い #68

今日やったこと

再びAndroidのListViewと戦っていた

戦ってました。

昨日のRSSリーダーにタップしたら記事がブラウザで開く機能をつけようと試行錯誤。

ListViewのインスタンスsetOnItemClickListenerにリスナーをセットしてあげればいいことまでは理解したのですが、どうやってURLを取ってこようかと試行錯誤。

ちなみにまだわかってないので今日のブログはこんな感じでおわり。

雑談

わからんなぁ

ちょっと、講義で失敗したりとかで割とら辛い一日を送ったのですが、暗い気持ちは置いておいて明日はエンジニアバイトに行ってきます。

Androidと戦った一日でした。 #67

今日やったこと

RSSを取ってきてParseする

講義の課題で製作中のAndroidアプリに関して。

超イケイケアイドルグループことでんぱ組.incの公式サイトのRSSを引っ張ってきてListViewに表示する、みたいなまるでチュートリアルかのようなゴミアプリを制作しています。

でんぱ組の公式サイト(http://dempagumi.dearstage.com/)は実はTumblrでできてて、コレまた知らなかったのですが、TumblrのサイトはサイトURLの末尾に/rssをつけるとRSSが取得できるらしい。(独自ドメインでも同様)

でまぁ、RSSから情報を取ってこようとしたのですが、Androidはメインスレッド上でネット通信をすると、例外が発生してアプリが強制終了してしまうので、非同期的に処理してやる必要があります。(そりゃあそうなんですが、こんなことになろうとは。)

Threadクラスとか使うのかと思いきやAndroidにはAsyncTaskとかいうクラスがあるのでコレを使って非同期でデータ取得を行いParseしてViewに反映みたいなことをしました。

AsyncTaskについては公式がわかりやすいかな

AsyncTask | Android Developers


サクッとParseしたような書き方をしましたが、ここもまぁ面倒(難しい、ではない)でした。

コードはまとめておいておくのでココでは省きますが(書くのが面倒すぎる)、結論を言うとXMLPullParserというAndroid標準のクラスを使ってやるとParse処理できます。

ただし、異様に面倒なので、きっとその辺をうまいことやってくれるライブラリが存在するんだろうなぁと思いました。

AndroidのListViewと戦った。

戦いました。

結果↓

f:id:uutarou:20170720232553p:plain

最初こんな感じだったのが

f:id:uutarou:20170720232602p:plain

こうなった。まぁなんともよくある感じの仕上がり。

なんか、ネイティブアプリ制作の知見がなくて結構手こずった。

雑談

やっと少し気分がマシになってきた。

鬱になったらすぐ回復できるようになりたい。


Splatoon 2 (スプラトゥーン2)

Splatoon 2 (スプラトゥーン2)

欲しくね?(秒で飽きる気がするけど多分買うので、誰か一緒にやりましょう)

Reduxを書きました。書けませんでした。 #66

今日やったこと

Reduxを書いた

バイトです。相変わらず中身には触れられないので雑感を。


やっとデータフローも分かるようになってきてウキウキでした。

実際、午前は進捗バリバリ(自分比)でとても楽しかったです。

それがどうした、午後になった途端(というかタスクが変わった瞬間)何もわからなくなってしまい、パニックに…。

ひたすら悪いことばかり考えて、積み上げてた自信が消える感覚が…。自信って積むのは大変でもカンタンに崩れるなぁなんて思ったり。

とにかくまぁこうならないためにも謙虚に、できるようになったとか思わず勉強することだなと思いました。

将来エンジニアになれるのか僕…という感じ。つらい。

楽しくJSを書いてた午前の自分、帰ってきてほしい。切に願う。

雑談

タダの日記になってますが、お許し下さい。

これでもちゃんと手は動かしてるつもり。

自分に甘く他人に厳しいゴミis僕です。