サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
www.ie-kau.net
現在運用中のプロジェクトのNodeのバージョンを7から8にあげたのでPromiseで書いていた箇所を徐々にasync/awaitに置き換えています。 簡単に書ける一方でPromsieに慣れすぎていたため、「これ並列処理になるんだっけ」とか、「てか、これ動く?」見たいなレベルで手になじまなかったので色々ためして馴染もうと思います。 利用するタイマー関数 function timer(ms, name) { console.log(`name: ${name} start!`) return new Promise((resolve, reject) => { setTimeout(() => resolve(name), ms) }) } Case.1 awaitを書いて非同期処理の関数を並べて書く (async () => { const result1 = await timer(100
10代の頃からウェブサイトの広告収益をちまちま貰っては、確定申告で地獄を見てきたHayatoです。 今回は、最近よく聞かれる確定申告の流れをまとめておこうと思います。 サラリーマンとして普通に働きつつ副業で収入を得ている人が初めての確定申告をするところを想定して書いてます。 Index 確定申告とは何か? 対象者は? 年間スケジュール やっておくと便利な下準備 経費の面倒じゃない集め方 確定申告書を作って提出しよう よく聞かれるQ&A 確定申告とは ざっくりいうと、どれくらい収入があったかを国に伝えることです。 サラリーマンの場合は会社がやってくれるのですが、自分で稼いだ場合は自分で申告する必要があります。 稼ぐのに必要だった経費(交通費・交際費など)を稼いだ額(売上)から引くことで、収入を計算します。 確定申告の対象者は? 年間20万円以上の収益が、勤めている会社以外からある人は全員確定
しばらくぶりにWebのフロントエンドを書いてるので色々復習を込めて。 ReactやVueなどコンポーネント指向で実装できるフレームワークを利用して開発する際に親子関係を持たないコンポーネント同士で通信をしたい時ってありますよね。 とりわけシングルページアプリケーションを作っている際に自分がよく出会うケースとして 共通ヘッダーのタイトルを書き換える ページによって共通ヘッダーに「戻る」ナビゲーションを出したり消したりする バックグラウンドで通信し続けているソケットからデータを受信して画面上にNotificationのバッヂやポップアップを出す とかがあります。 こういう時にこそアプリケーション全体で一つのstoreを共有してstateを管理する方針のfluxパターンを実現するVuexやReduxを導入したくなります。 ただただ、概念を理解したり動くようになるまでに準備が結構必要だったりと、ち
(*)こちらのデータはタンタンタイガーの数値を基にして作成しておりますが、全てのデータ開示は会社の競争上で問題があるため、売上や単価など一部数値を変更しております。個別にご連絡いただければ開示・ご相談を検討します。 あけましておめでとうございます! Hayatoです。 去年の暮に出したかったんですが惜しくも間に合わず、年を越した渾身の記事から今年のblogをスタートです! 友人が店主の担々麺屋でタンタンタイガーってのがあります。2016年8月に開店したので、まだ半年しか経ってないのですが、割りといい感じでお客さんが来てくれてます。今回は、そのお店の実際の売上データを、Pythonで分析していきます。 なかなか実店舗のデータを公開することはないので、貴重な機会ではないでしょうか。データ分析を練習中の人はもちろん、これから飲食店をやろうとしている人や、いま売上を伸ばすのに苦戦中な飲食店店主さん
こんにちは、Hayatoです。年末ですね。 カーネル密度推定をおさらいしようと何度かググったのですが良い感じの記事が見当たらなかったので、書き落としておきます。 Index カーネル密度推定って? どういうときに使うといいの? カーネル密度の算出方法 (実際にPythonで) 2次元でカーネル密度推定 カーネル密度推定って? カーネル密度推定は、一言で表すと「なめらかなヒストグラム」です。 なめらかなヒストグラムを利用して、実際のいくつかのデータ(標本)から、全体の分布を推定する事ができます。 左がヒストグラムで、右がそれを元にして作成したカーネル密度分布のグラフです。 参照:Kernel density estimation - Wikipedia どういうときに使うといいの? ヒストグラムとは違い曲線になっているので、X値に対応するYを取ることが出来ます。あくまで推定ではありますが、お
※最終更新 2017.06.05 こんにちは。@hazumu です。 昨年度しれっと落ちたネットワークスペシャリストに今年はかろうじて受かったので、今後取得しようと考えている人に向けて勉強方法と、勉強内容をまとめておきます。 ギリギリ!!! ネット上には緻密に計画を練って合格している記事が多いのですが、僕自身そこまで計画して勉強するタイプじゃなくモチベーションが乗ってきて面白いから勉強するってタイプなのでどちらかというとそういう人向けです。 合格ラインが60%だから逆算で何点取れば…みたいな勉強方法は得意じゃありません。 (要領悪いけど) 対象読者 今後ネットワークスペシャリストの受験を考えてる人 開発職だけどネットワークには詳しくない人でネットワークを勉強したい人 計画して勉強するのが苦手な人 ネットワークスペシャリストとは? ネットワークの固有技術からサービス動向まで幅広く精通し、目的
目的 特定の理由でpublic以下の静的ファイルをunicornでサーブする必要がある 前提 本番ではpublic以下をnginxやapacheでサーブしている 本番のconfigureをいじって全体に影響する設定を書き換えるのは嫌 本番のconfigure config.serve_static_files = false ・・ということでcontrollerで静的ファイルをrenderする方法です。 class StaticController < ApplicationController def index render file: 'public/static.html', status: 200, layout: false end end 設定の問題か、これだとレスポンスヘッダにLast-Modifiedが付与されないので少し追記。 class StaticControlle
なぜシリコンバレーなのか? こんにちはHayatoです。 サンフランシスコ滞在も終盤になってきました。今回はなぜシリコンバレーに多くの優秀な人材が集まり、Google, Facebook, Pinterest, AirBnB,Uber などなど名だたるメガテックを生み出し、こぞってスタートアップが集まりイノベーションの震源地となっているのかを、肌感から考察していきたいと思います。 天気、天気、天気 天気が良いと気分がいい。気分が良ければポジティブになる。ポジティブになるから仕事が楽しいし、チャレンジしようと思える。いや、これが一番の理由なんじゃないかと本気で思っています。 シリコンバレーはほとんど雨が振りません。気候も穏やかで暖かく、日本の5月の梅雨入り前の気候がずっと続きます。 天気が良いのでポジティブな状態を保てます。なので、新しいことや困難なことに挑戦する勇気が湧いてきますし、失敗を
今年もNode学園祭に行ってきました! この春辺りからサーバーサイドをNodeで書くことが増えてきたので、新しい知識を手に入れつつ詳しくない分野の洗い出しができると思い今回もとても楽しみでした。 セッションを聞きながらメモったことを箇条書き。 nodefest.jp 今年のステッカー。夜っぽくてかっこい。 オープニングトーク @yosuke_furukawa 今年はリリースラッシュだった Node.js v7.0 npm v4 東京Node学園祭2016のコンセプト Be More Global Be More Interactive 参加したセッション Demystifying JavaScript Engines Debugging Node.js Performace Issue in Production サイボウズの開発を支えるKAIZEN文化 Keynote Node.js a
※写真は山口の萩 こんにちは@hazumuです。 気がつくと2016年の上期も終わってしまいましたね。 ちょうど最近、 周囲の人と「この本面白かったよ」みたいな会話を結構する機会があったので上半期に読んだ本まとめです。 仕事関係 マンガでわかる! マッキンゼー式ロジカルシンキング (まんがでわかるシリーズ) 作者: 赤羽雄二,大舞キリコ,星井博文出版社/メーカー: 宝島社発売日: 2015/07/25メディア: 単行本この商品を含むブログ (2件) を見る 社会人になって6年間、感覚で仕事してきたけどそろそろいい年齢でそんなわけにも行かなくなってきたので読んだ。思考が飛躍する人ほどロジカルシンキングを身につけるといいみたいなことが書いてありちょっと勇気づけられた。 なぜ、あなたの仕事は終わらないのか スピードは最強の武器である 作者: 中島聡出版社/メーカー: 文響社発売日: 2016/0
数年間に渡りWebの仕事をしてきたのにまともに理解しようとしていなかったTLS/SSLについてまとめてみる。 TLS/SSLとは コンピュータネットワーク上でセキュリティを要求される通信を行うためのプロトコル。 TLS = Transport Layer Security SSL = Secure Sockets Layer の略。 そもそもなんで2つあるの 普段はSSLって呼んでいるけど、TLS/SSLになっているのかというと、現在広く利用されている技術はTLSだけどその元になったSSLという略称が世の中に広がってしまったから。 TLS/SSLでできること 通信内容の暗号化 通信相手の認証 1. データの暗号化 インターネットのブラウジングでSSLを利用する場合は、トランスポート層のTCP/UDPとアプリケーション層の間で動作する。 ※イメージ Chromiumのsslクライアントっぽい
どーもこんにちは、ハヤトです。 アンケートやオンライン広告を計画するときに、 どれくらいのサンプルサイズがあれば妥当な検証結果を得られるか知りたい 、なんて時が結構あると思います。 今回は、必要なサンプルサイズをPythonで計算します(ちょっと無理やりですが・・・) サンプルサイズについて アンケートの回答数が3人なら、結果は妥当でないと感覚的にわかります。 しかし、それじゃあ50だったら?100, 300, 1000だったら? 多くのサンプルサイズを集めようと、するとそれだけ費用も手間もかかります。かといって、少なすぎては意味のない結果を得ることになり、それまた失敗です。 そこで、十分なサンプルサイズの最小数を求める必要が出てきます。 前提条件を考える 統計的に妥当かどうか判断するために、まずは前提条件から設定していきましょう。 許容できる誤差の範囲、何%で信頼できるか、回答比率はどれ
こんにちは @hazumu です。 この7月でついに30歳になりました。最高! さてさて、時間がすぎるのは早いもので20代もあっという間に終わってしまいましたね。 というわけで、僕が20代のうちに買ってよかったものを適当にランキングしてみました! 1位 ルンバ iRobot Roomba 自動掃除機ルンバ870 ピューターグレー 870 【日本仕様正規品】 出版社/メーカー: iRobot (アイロボット)メディア: その他この商品を含むブログを見る 1位はなんといってもルンバです。 とにかく家事の中で一番面倒な掃除を出社してる間に片付けてくれるサラリーマン最強の味方。 流石に壁の隅など細かい箇所の掃除は荒くなってしまうもののそれ以外の場所は、自分で掃除するよりも時間をかけるのでむしろキレイになります。 さらに、副次的効果として毎日結構長い時間ルンバを回しているので棚の上など家全体に積もる
こんちは。はやとです。 会社にアメリカ出張させてもらい、 VidCon という動画系サービスのカンファレンスに参加してきました。 その過程で、アメリカで流行ってる(流行ろうとしている)動画サービスをだいたい把握できたので、まとめて紹介しようと思います。 Index VidCon って? ユーザー向け動画サービス クリエイター向け動画サービス 企業向け動画サービス VidCon って? vidcon.com VidConは、動画サービス周りの業界人はもちろん、YouTuberやVinerなどのクリエイター、そしてそのファンたちが一堂に会する世界最大の動画カンファレンスです。 LAから車で一時間程度、デズニーランドがあることで有名なアナハイムの Convention Center で行われ、1階はユーザー(ファン)向けに、2階はクリエイター向けに、3階は企業向けにそれぞれセッションやイベントが
こんにちは。最近めっきりブログを書けなくなっていて、@hazumu に申し訳ない気持ちでいっぱいのHayatoです。 最近、Facebook AI Bot「アルフレッド」をローンチしました。今回はその時にやったウェブサービスの宣伝方法についてまとめておこうと思います。 僕らは個人でウェブサービスの開発をしているので、当然ながら宣伝にかけられる予算はほとんどありません。 世の中には、いくつかの無料で効果があるウェブサービスの宣伝方法がありますので、そちら全部で3つ紹介していこうと思います。 1. プレスリリースを送る 自分が作ったウェブサービスを取り上げてくれるようなメディアに直接メールでコミュニケーションをしましょう。 各メディアのウェブサイトでプレスリリース用のメールアドレスを公開しているので、そちらから担当者宛てにウェブサービスを取り上げてくれるように連絡します。 じゃあ実際にどこに送
さて、皆様七夕の夜をいかがお過ごしでしょうか? 七夕ということで、マウスの軌跡を星が追従するJavaScriptを書きました。 作ったもの www.youtube.com DEMO ※一旦PCのみ もうホント簡単なんですが、Web1.0時代に流行していたマウスに画像を追従させるあれです。あれ。JavaScriptと言ったらこれですよね。最高! 本当にやりたっかたこと React + Reduxの勉強 設計 - 実装 - テストまで一通りの流れの経験 ここ一年ぐいらフロントエンドを書くときは「慣れてるから」という理由でVue.jsを利用していたのですが、最近はReact + Reduxで実装しているサービスが増えており、そろそろ勉強しないとという焦燥感がでてきて何かいいアイディアはないかと考えていた折に、某同僚と 「React + Reduxを使ってマウスについてくる星実装してようぜ」 とな
さてさて、このブログでちょくちょく記事を書いていたので、購読されている方は知ってると思うのですが、GWから密かにFacebook Messenger Platformを利用してBotを作っていました。 実はGW明けにはほぼ出来上がっていたのですが、Facebook側のレビューがなかなか通らず、こうしてブログで紹介するまでに結局1ヶ月かかってしまいました。 もくじ 作ったもの 企画ポイント アーキテクチャ Botを作ってみた振り返り レビューとの戦い まとめ 1. 作ったもの 作ったBotは、その名も AI執事 アルフレッド アルフレッドの紹介 ロボ執事 :アルフレッド(純日本人) アルフレッドは、元ファッションデザイナーの男性。年齢は不詳だが確実に20代ではない30後半〜60後半くらいまで見える不思議な存在。 ファッションデザイナー時代はパリに住んでいて、かなり有名だったが、ある時を境に一
こんにちは。いつのまにか2016年も折り返しの6月に、雨断続的に降り注ぐTokyoで皆さんいかがお過ごしでしょうか。 今回は、今年1作目のウェブサービスを公開したので宣伝をさせてくださいっ。 Facebook AI Bot 「アルフレッド」 忙しい人のために、相手に喜ばれるプレゼントを選んでくれる http://m.me/aialfred ※ジャンプするとFacebook Message が開きます。 アルフレッドって何をしてくれるの? Facebook AI Bot 「アルフレッド」は、忙しい人のために、相手に喜ばれるプレゼントを選びます。 年齢や性別,シチュエーションを、AI が会話の中で認識し、プレゼントを渡す相手に最適なプレゼントを探します。 プレゼント選びが苦手な人やじっくり選ぶ時間がない人でも、アルフレッドを使ってスマートで相手に喜ばれるプレゼントを送りましょう。 なんでアルフ
今日はVue.jsのミートアップに参加してきました。 なんとVue.jsの生みの親のEvan YouさんのQ&Aセッション付き! vuejs-meetup.connpass.com 全体を通して、気になった箇所や今後調べておきたいことを箇条書き程度に。 気になったこと Vue.jsは学習コストが低い 日本語ドキュメントも豊富だし、data-binding目的だけで使えたりして便利 →誰かに教えるときDOMをすっ飛ばしてVueとか入っていいものかとなやましい 肥大化したVMへの対応 .NETからMVVMの思想を紐解くとよい MVVMのModelにまつわる誤解 - the sea of fertility callbackで変更を検知 →component+eventを利用しない理由を聞いておけばよかった Vuex 2.0系から$broadcast, $dispatchがdeprecatedに
Vue.jsでコンポーネントを定義するときに、コンポーネントを使いまわしつつ表示する文言を変えたいってこと結構ありますよね。 例えば 同じモーダル用コンポーネントを利用しつつモーダルに表示する文言だけ変える とは言えJSのから変数として文字列を渡すのもあまりイケてる実装とはいえませんね。 そんなときはという要素を利用して、子のコンポーネントに渡すコンテンツを親のマークアップに定義することができます。 slot要素 そんな時はslotというAPIを利用すると上手い具合にいきます。 下記の実装では、 app内でapp-containerが2つ利用されていますが、各々子コンポーネントの中身をdiv[slot]で設定しているものにしています。 <div id="js-app"> <app> </app> </div> const layoutTpl = ` <div class="app-layo
Facebook がBotを開発できるMessenger Platformをローンチしました。 今回は、その詳細を記した「How To Build Bots for Messenger」を翻訳しながら、Bot Apiで出来ることを探っていきたいと思います。 始める前に いつから使えるの? Messenger Platform は 2016年4月12日から使えます。 作成後は、FacebookのReviewを経て、ユーザーに使ってもらうことが出来ます。 ポリシー周りの注意点 Reviewでは、ガイドラインやポリシーに沿っているかどうかをチェックします。特に気をつけなければならないのは下記の点です。 広告を掲載しない。 チャンネル登録やページヘのLike誘導の禁止 有料コンテンツの提供 400,000インプ以上のアクセスは別途対応の可能性あり Call-to-action のリンクは別アプリへ
2変数の間に関係性があるかどうか調べる時に、ピアソンの相関係数を扱うことは非常に多いと思います。 しかし御存知の通り、相関係数は扱うデータのサンプルの外れ値に大きく影響を受けます。 テストの問題を解くだけなら良いのですが、実際に分析していると外れ値の処理(データクレンジング)や、正規分布の検定 をしなければなりません。 今回は、変数間の相関を分析する際の、四分位範囲(IQR)を用いた外れ値の対応について、Pythonを用いて書いていきます。 目次:相関を分析するための手順 そもそも外れ値とは? まずはサンプルデータと散布図の作成 相関係数の計算と、四分位範囲を用いたはずれ値の検出 1. そもそも外れ値とは? 外れ値とは? 外れ値とは、統計において他の値から大きく離れた値のことを言います。 (例:身長2mのバスケット選手は1万人に1人で、平均身長170cm から大きく離れているため、外れ値と
さてさて、Vue.jsを利用しているとコンパイル前に{{}} (マスタッシュ記法)のテンプレート変数が一瞬画面に表示されて不格好に見える問題が発生します。 例えば(無理やりですが)、下記の場合コンパイルまで少なくとも3000msはかかるのでその間テンプレート変数が表示されっぱなしになります。 <div id="js-app">{{test}}</div> function sleep(time) { var d1 = new Date().getTime(); var d2 = new Date().getTime(); while (d2 < d1 + time) { d2 = new Date().getTime(); } return; } new Vue({ el: '#js-app', data: { test: 'テスト' }, beforeCompile() { sleep(
こんにちは@hazumuです。 このブログでプログラミング関係の記事を書いたり、アプリを作ったりしているのですが実は文学部を卒業してたりします。 ちなみに今は社会人6年目の終わりで、これまではJavaScriptでインタラクティブな社内ツールを作ったり、ソシャゲのUIを作ったり、ゲーム作ったりしてきて、現在は会社でSwiftを使いiOSアプリを書いたり、Ruby(Rails)とJavaScriptを書きつつなれないインフラ構築をしながらWebサービスの開発を行ったりしています。 日本では、大学で学んだことと就職した先の仕事が結びつかないことがよくあるので、この春から晴れてプログラマになる文系の学生さんって結構多いのではないでしょうか? 僕は学生の頃にアルバイト先のベンチャー企業で、わからないなりにHTML、CSS、PHPを書かせてもらっていました。しかし、当時はプログラミングや情報工学の知
学校の授業や資格のテストでは、「正規分布をしている」ことを前提に、検定や推定が行われることが多いですよね。 しかし、実際に自分でデータをとって分析する時は、当然ですが誰もそのデータ郡が「正規分布をしている」とは保証してくれないわけです。 そのため、データ解析を始めるその前に「正規性の検定(正規分布しているかどうかの確認)」をしなければなりません。 今回は、正規分布かどうかを見極めるための検定と手法を、Pythonを用いてやっていきたいと思います。 注)* 標準偏差・ヒストグラムなどを理解していない初学者の方はまずこちらから参照することをおすすめします。 www.ie-kau.net 目次:正規分布かどうか見極める手順 まずはサンプルデータの作成から ヒストグラムとQQプロットで視覚的に確認する 法則を使って正規性を検定する 1. まずはサンプルデータの作成から データがあったほうがわかりや
3月2日〜3月4日までtry! Swiftというカンファレンスに参加してきたのでそのレポートです。 いたるところに資料が上がっているので、個人的に気になったところや後で調べようと思ったところだけ箇条書き程度にまとめておきます。 Qiitaにありがたいまとめ記事が早速あがっていました。見返さなければ! qiita.com 参加の目的 iOS開発は去年ぐらいから始めて勉強真っ最中で、より良くアプリが作れるようになるために以下のことを聞ければと思っていました。 先端の人たちの開発スタイルやツールを学ぶ より深くSwiftを知るために次に何を学ぶべきか エンジニア - デザイナー間のやり取りについて その他偶然の出会い 1.ツールや開発スタイル 最近の案件ではXcodeのストーリボードをガシガシいじりつつ開発していたのですが最近では以下のようなツールがあるようです。 さくっと試す系 IBMがREP
みなさんこんにちは!Slack使ってますか? Slackと他のコミュニケーションツールとの大きな違いといえば、、やはりほかアプリとの連携ですよね。 Hubotを使ってBotをつくってみたり、NewRelicと連携してサーバー監視したりなどなど。。たくさんのアプリが公開されています。 slack.com Slackってなに?というかたは... 【Slackの使い方】を新人に1分で説明する。 - 俺、サービス売って家買うんだ 今回はその中でも特にウェブサイトを運営している人向けに、 Google Analytics のアクセス結果を毎日Channelに流す StatsbotをProductHuntから拾ってきたので紹介します。 Statsbotとは Statsbot | Google Analytics & Mixpanel Bot in SlackはGoogle Analyticsの数値結果
次のページ
このページを最初にブックマークしてみませんか?
『俺、サービス売って家買うんだ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く