カテゴリー: 日記

日頃pocketにブクマしているリンクで気になったものを不定期でピックアップしています

-クリエイティブ系-

ユーザーデータの先にあるデザインの闇
http://www.yasuhisa.com/could/article/google-selfish-ledger/

-Tech系-

ミレニアル世代、2030年の「働き方」はどうなる？：「ポートフォリオワーカー」と、それを支えるテクノロジー
https://digiday.jp/brands/wakahara-treasure-data-plazma/

あなたが好きそうだけど、まだ聞いたことがない曲を毎週月曜にレコメンド。Spotifyの｢Discover Weekly｣が日本にやってきた
https://www.gizmodo.jp/2018/05/spotify-discover-weekly.html

-Vue/Nuxt.js-

「結局Nuxt.jsって何がいいの？」に対する回答
https://slides.com/potato4d/vuejs_meetup7#/

Vue.jsのmixinをslotで代用する
https://qiita.com/terrierscript/items/f051617522b20d57fd7b

レガシーと向き合い技術スタックを代謝する（ElasticBeanstalk / Vue.js
https://www.slideshare.net/RecruitLifestyle/elasticbeanstalk-vuejs-98446990

-ES6-

ES2015(ES6)の子クラスの constructor() では super() が必須で、super()の前には this.* や super.* が使えない話
https://qiita.com/noriaki/items/b354139006d244aac0a0

-その他のJavaScript EcmaScriptなど-

フロントエンドのレベル上げ / Level up front-end skills for Rails developer
https://speakerdeck.com/ohbarye/level-up-front-end-skills-for-rails-developer

JSサイトのための第4のレンダリング構成としてダイナミックレンダリングをGoogleが発表 #io18 #io18jp
https://www.suzukikenichi.com/blog/google-will-support-dynamic-rendering/

-コーヒー・グルメ系-

アイスコーヒーはアイスクリーム付き？ 旅行前に知っておきたい、世界各国のコーヒー事情
https://www.lifehacker.jp/2018/05/166582.html

-時事・生活系-

「深く、誠実に、そして尽きることのない音楽への愛情」を体現するJazzanovaのAlex Barckが6月に来日
https://qetic.jp/music/alex-barck-180524/286262/

まるで桃源郷の世界！一度は訪れたい近代美術館『MIHO MUSEUM』
https://shigatoco.com/toco/miho-museum/

-レース系-

ロッテラー、ベルニュの王者争いをサポート「何かできることがあれば」
https://jp.motorsport.com/formula-e/news/AndreLotterer-Techeetah-BerlinePrix-1038718/?s=1

-乗り物系-

新幹線を安く使う方法　東京～新大阪～博多～鹿児島中央【東海道・山陽・九州編】
https://trafficnews.jp/post/80427

#雑学 #ブックマーク #ニュース #tech #技術系 #JavaScript #react #vue #ES6 #コーヒー #グルメ #時事 #生活 #レース #カーレース #WEC #FE #formulae

日頃pocketにブクマしているリンクで気になったものを不定期でピックアップしています

クリエイティブ系

次世代デザインツールはどこへ向かうのか　前編
http://www.yasuhisa.com/could/article/nextgen-design-tools/

Spigen、「初代iPhone」や「iMac G3」風デザインの「iPhone X」用ケースを発表
https://taisy0.com/2018/05/15/97290.html

エンジニア↔デザイナー間のペアプロのススメ
https://note.mu/ohanamizuki/n/na9e1288d01a2

Google IO 2018のMaterial Designアップデートまとめ
https://note.mu/kenichiikeuchi/n/na9d3fc5093be

「成長するデザイン組織を作る」デザインマネージャーのお仕事
https://note.mu/osi_ire/n/nc09773f5cc1b

富士フイルムから、フィルム専用スクエア型のチェキカメラ発売。アナログもインスタ映えの時代よ
https://www.gizmodo.jp/2018/05/intstax-square.html

Tech系

Vue/Nuxt.js

Vue.jsで構築したSPAをNuxt.jsで書き直して静的に出力するときにコケたところ
https://qiita.com/noplan1989/items/d004bfb88698999bc034

React/Next.js

The Future of Meta Tag Management for Modern React Development: Introducing React-Helmet-Async
https://open.nytimes.com/the-future-of-meta-tag-management-for-modern-react-development-ec26a7dc9183

ES6

Promiseに出来てasync/awaitに出来ないこと (JavaScriptを例として)
http://foobar.hatenablog.com/entry/expressiveness-of-async-await

その他のJavaScript EcmaScriptなど

Webエンジニアが知っておくべきブラウザレンダリングの仕組み
http://student-engineer.net/blowser-rendering/

webpackについて丁寧に。
http://cidermitaina.hatenablog.com/entry/2018/05/14/235634

フロントエンドの制作者が知っておきたい、Atomic Designを使用したコンポーネントベースのUI設計が分かる良書
https://coliss.com/articles/book-review/isbn10-477419705x.html

レース系

最有力候補は横浜か？　日本でのレース開催を熱望するフォーミュラE
https://jp.motorsport.com/formula-e/news/FormulaE-nissan-Japan-ePrix-1037743/
日産やシェフラージャパン(アウディ・アプトシェフラーのサプライヤー)のある横浜は道が広く、都内と比べれば交通規制がしやすそうでコース採りも良さそう。日産とDeNAのEasy Rideもあるので行政手続きさえうまくいけば現実味ありそう

観客が捉えた、WEC開幕戦スパでのSMPレーシング戦慄のクラッシュ
https://jp.motorsport.com/wec/news/Spa-6h-SMP-racing-clash-Footage-1035383/?s=1

アロンソ、ポルシェでのル・マン参戦が幻に終わり”ずっと後悔していた”
https://jp.motorsport.com/lemans/news/Alonso-regretted-lost-Porsche-LeMans-chance+-1035294/

フォーミュラEの現CEOアガグ、780億円をかけFEの全株式取得へ
https://jp.motorsport.com/formula-e/news/FormulaE-Agag-600Meuro-1035106/

乗り物系

純正フライホイールvs軽量フライホイール！レスポンスアップと乗りやすさ、どちらを取る！？
https://cartune.me/articles/1020

空自F-2後継、YF-23はありやなしや　F-22に本当は勝っていた？　幻のステルス戦
https://trafficnews.jp/post/80415

#雑学 #ブックマーク #ニュース #tech #技術系 #JavaScript #react #vue #ES6 #コーヒー #グルメ #時事 #生活 #レース #カーレース #WEC #FE #formulae

日頃pocketにブクマしているリンクで気になったものを不定期でピックアップしています。
写真は先週の琵琶湖
(memorandum(S) 201805a)

Spotify、今聴いている曲などを「Instagram ストーリーズ」でシェア可能に
https://taisy0.com/2018/05/07/97055.html
その場でイントロ流れるともっといい感じかもと思った。

下北沢駅の完成イメージ公開 2階に商業施設、5つの改札口に
https://shimokita.keizai.biz/headline/2691/
よく行くコーヒースタンドが下北沢と世田谷代田の間にあるので便利になると嬉しい。

ベーシックパック・ベーシックシェアパック
https://www.nttdocomo.co.jp/charge/promotion/basic_pack_share/index.html
ドコモの新しいパケット通信プラン。２台持ちで通話用の端末のパケットあまり使わないので検討する。

クリエイティブ系

Tech系

[Vue/Nuxt.js]
Vue.js(Nuxt.js)でアニメーションやってみたら最高だった話。
https://qiita.com/SoichiroNitta/items/8d8ce14fc287aa233ae6
Vue/Nuxtでアニメーションを扱うときのTips。

Nuxt.js+Firebase HostingのサイトをPWA化してLighthouseで(ほぼ)100点満点を目指す
https://razokulover.hateblo.jp/entry/2018/05/02/175235
記載通りにPWA環境を作ることができれば、そこから色々開発もはかどりそう。

メンテナンスしやすいVueComponentを設計するために気をつけていること
https://aloerina01.github.io/blog/2018-05-01-1
運用を見据えたVueのcomponentを切るか・開発していくかのTips。

[React/Next.js]

React を TypeScript で使う際のツール考察 2018 春
https://blog.masuqat.net/2018/03/31/react-typescript-toolchain-2018-spring/#TL-DR
個人的には型大事(→他の言語との調和含め)と思っているので外れない。結構ボリュームある記事。

次のReact状態管理 MobXのStore考察
https://qiita.com/Takepepe/items/59d1396c25c8a699c41c
複数のStoreを取り扱わないといけないケースを調べている時に見つけた記事。

[ES6]

ESLint 設定を Glob ベースでがっつり書き直した
https://qiita.com/mysticatea/items/4e022f0cf6d5b53d9b96
eslint-config-mysticatea使っていた人には朗報な記事。

[その他のtech系など]

1人で「Webアプリ＋ iOS & Android モバイルアプリ＋サーバー処理」を実装するための知見
https://qiita.com/alclimb/items/e199a0019fb6482e7ba9
将来的にモバイルアプリ化するなどの前に見ておく、頭に入れておく。

anyenvによるPython環境構築
https://qiita.com/kazuya-s@github/items/8cb41a02175e629350ba
Pythonをnodeのように気軽にインストールできる時代になった・・・。

2018年のPythonプロジェクトのはじめかた
https://qiita.com/sl2/items/1e503952b9506a0539ea
ディープラーニングやAIやろうとする場合に使うPythonの参考になりそう

[コーヒー・グルメ系]

なし

[時事・生活系]

なし

[レース関連]

ニュルブルクリンクへの挑戦 2018
https://toyotagazooracing.com/jp/nurburgring/special/2018/live.html
日本時間 5/12 22:00〜 からレースが開始されるニュルブルクリンク24時間耐久レースへ参戦するTOYOTAガズー・レーシングのコンテンツ。

#雑学 #ブックマーク #ニュース #tech #技術系 #python #JavaScript #react #vue #ES6 #コーヒー #グルメ #時事 #生活 #レース #カーレース 

2010年4月15日サラリーマンを辞め、16日にcdbk.net CREATIVESを立ち上げ、事業届けを出し、開業して今日で9年目。

流石に当時の写真を見ないとどんなことをいつしていたか思い出せないけれど、flickrに2000〜の大体の写真を保存しているのでほぼ時系列で見ることができ、いい時代だなと思ったりする(flickrを始めたのはMay 2006)

振り返る中でやってよかったこと、やらなくていいだろうということ、もっと早く決断するべきだったことなど色々あるものの、それについてここに各云々ではなく、新しいサービスはひとまず使って、自分で判断するをなるべく早くすると、色々恩恵にあずかることができる。これに尽きる気がする。

もう少しアウトプットとして質の高いnoteをかけるようになりたい。

9年目に入る節目はとりあえずこれにて

普段はフリーランス(cdbk.net CREATIVES.という屋号)でフロントエンジニア兼デザイナーを仕事にしており、週末はカメラを持ち歩いてコーヒーと風景を探して歩いています。なのでインスタグラムは自分の行動履歴。コーヒー用のアカウントもあり。

空いた時間は音楽を聴く・SNSやFeedlyをチェックする、撮った写真を加工することが多く、何かあれば即検索してしまうのが癖なのでスマホが手放せません。

そのほか、以下にライフハッカーのHOW I WORKの参考にプロフィールをインタビュー風にまとめてみました。

居住地：東京
現在の職業：一言で言うとクリエイター。Freelance Creator & Developer (フリーランスのフロントエンドエンジニア・デザイナー)
仕事の仕方を一言で言うと：タスクフォース
現在の携帯端末：iPhone 7 plus & Galaxy feel たまにBlackBerry CLASSIC
現在のPC : MacBook Pro + MacBook

── まず、略歴と現在の仕事に至るまでの経緯を

子供の頃は絵を描くことと音楽に興味があり、高校で美術部に、大学ではCGやWeb、DTM、アート、ファッション、映像、情報処理、プログラミングなど様々なことについて学ぶ中でWebを選び、Webデザイナーを目指しました。
当時は個人サイトを作ることでWeb技術やデザインについて試行錯誤し、編集プロダクションや採用コンサルティング会社、Web制作会社などを経て2010年からcdbk.net CREATIVES.という屋号を立ててフリーランスで活動、現在は大手企業サービスをメインにWebのフロントエンド開発などを行っています。仕事としてはWebと紙面両方のデザイン経験とJavaScriptやPHPを使った開発経験があります。そして、プログラミングは自分にとって円滑にアウトプットするための手段の一つです。

──最近の1日の流れを教えてください

5時半過ぎぐらいに一度起き、テレビをつけてから7時過ぎまでのんびり過ごし、その後、着替えて(出先がある場合は)出勤し、コンビニなどで買ったもので軽く朝食を済ませて仕事を開始。
昼食は12時半ぐらい、19時には職場を出て、20時過ぎごろ帰宅(自宅兼オフィス)、食事や家事などを済ませてから22時ごろから仕事やくつろぐ時間を過ごし、0時〜1時ぐらいに就寝します。

── 「これがないと生きられない」というアプリ・ソフト・ツールは？

インスタグラムとスマートテレビの録画データを見るアプリ。
インスタグラムは友人やよく見るレースやレースドライバーの飲むエスプレッソから、気になるお店、旅行先のビジュアルを知ることができ、気分転換や新しいアイディアに結びつきます。
自分でコーヒーを淹れる時はエアロプレス一択です。
録画データを見るアプリは、自分が印象に残った番組を何度も見る性格なので必須です。

── お気に入りの時間節約術やライフハックは何ですか？

普段はその日何をやるかをリマインドしたり、Todoリストに書き留めるぐらいですが、本当に忙しくなるとタスクを1分を最小単位に切り分けて運用します。
あと買い物で今すぐ欲しいものと週末でいいものなどでネット、店舗、そして電話を使い分けます。本当に困っている時、役立つのは店舗への電話です。

──仕事場で採用しているプロセスで、興味深いもの、珍しいもの、こだわりがあるものがあれば教えてください

何かをデザインする時もプログラムを書く時も、まずは大量にインプットを行い、要点を言葉にしてから、書き始めるようにしています。一度書いてしまうとそれに執着してしまうところがあるので気をつけています。
また、それとは別にいくつものパターンを作れるだけ作り、バリエーションを保たせてから、さらに差別化を図る場合もあります。
自動車業界やモータースポーツで行われている開発プロセス・フローを参考にしています。

──ToDoはどうやってトラッキングしていますか？

月・週毎に大雑把な状態でEvernoteに書き留め、日常のルーティンとメール上のToDoはInbox、時間や場所に紐づくリマインドしたいものはiOSのリマインダー、それ以外はGoogle Calenderを使い、仕事関連で綿密なスケジューリングが必要な場合はOmini focus / thingsを使います。

──どのように充電していますか？ 仕事のことを忘れたいときはどうしますか？

朝起きてだるさがある場合は、仕事を始める時間を少し先延ばしにしてさらに寝るor公園を散歩してから仕事をするようにしています。
仕事を忘れたいと昔は思うことがありましたが、今は逆ですぐ思い出せるように気をつけています。
カメラで写真を撮る時はその他の仕事のことを忘れます。
あとは帰省した時、晩御飯のあとすぐ居眠りすると充電したことを実感できることに最近気づきました。

──仕事の合間に何をするのが好きですか？

SNSのタイムラインを見ると気分転換と新たなインプットができるので好きです。

──今、何を読んでいますか？ おすすめの本はありますか？

普段本は読まず、たまにKindleで読むぐらいで、基本的にネット記事などが多いです。
ニュース記事、SNS周りはfeedlyとHootsuite、facebookがメインです。

──これまでにもらったアドバイスの中でベストなものを教えてください

大学の教授が言ってくれた「制作者は相手が納得する(理解する)まで説明しなさい。」

──今後の目標を教えてください

人生の目標は自分自身の定年を作らないこと。

実は普段一切、紙を書くことや読むことに使ったりしない生活をしてるのですが、iPad Proで素描しつつ、若干しっくりこないことをスルーしていたら、PLOTTERというシステム手帳が目に入り、それをメモ帳がわりに使うことにした。

ペンはLAMYのローラーボールペンの中身をフリクションペンの軸に交換。
少し長さが足りないのでストローとスコッチのメンディングテープで補強してうまくサイズが修まるように手を入れました。

手帳の目的はスケジュール管理ではなく、ラフやスケッチ用のメモ帳。iPadが入らないバックにも入れられ、思いついたらその場で描く。
そして、PLOTTERの方眼タイプの紙面ならある程度座標を意識してかけるので、あとでsketchやイラストレーターでデータを精密に起こしたい時も参考になりそう？と考えています。

#手帳 #文具 #スケジュール #メモ #LAMY #PLOTTER