週末に開催されたiOSDC Japan 2017にて、幸運にもレギュラーセッションで話す機会が得られたのでスピーカーとして参加させてもらいました。 発表内容 今回はちょうど業務でアプリのエラーログ収集周りをあれこれする機会があったので、「サポート効率を上げるログ収集環境の構築」というタイトルで取り組んだことを発表しました。資料は以下で公開しています。 参加してみて 去年のiOSDCは一般枠で参加していて、発表側としては今回が初めてでした。 自分の発表に関してはタイトルも内容も地味め、かつ最終日の最後に発表でこれ人来るのか・・・とか不安にも感じていましたが、結果立ち見が出るほど聴講者の方に集まって頂けて、終了後に「こういうトピックはあまり見かけないので聞けてよかった」と言ってくださる方もいて、とにかく発表してよかったという感じでした。 他の参加者の方もブログに書いてるのを見ましたが、参加者と
今年GitHubがGraphQL APIを正式公開したあたりから、GraphQLが去年とかに比べちょっと流行り始めたように感じる。idobataがGraphQL APIを公開したり、Kibelaも公開APIをGraphQLで作ることを宣言している。 利用者側からすると使えるインターフェースの中から必要なものを調べて使うだけなのであまり考えることはないのだが、自分がAPIを提供する立場になると話は変わってくる。REST APIとGraphQL APIはどちらかがもう一方のスーパーセットという風にはなっておらず、どちらかを選択すると何かを捨てることになるので、要件に応じてどちらを選ぶのが総合的に幸せなのか考える必要がある。 以前趣味でGitHub連携のあるサービスを作っており、それを最近GraphQL API v4を使うように移行し、そこでついでにそのサービスのGraphQL APIを書いてみ
「わたしが知らないスゴ本は、きっとあなたが読んでいる」の中の人、Dainと申します。 今回はお金で買うことのできる一生モノの自己投資になる本をご紹介したい。 現金や不動産、貴金属からビットコインまで、財産は盗られたり目減りしたりする恐れがある。だが、頭の中の財産は、誰も奪うことができない。すなわち、知や教養は、いったん頭に蓄えたら、一生涯あなたのものとなるのだ。 ここでは、あなたの知となり教養となる入口として、お薦めの本を選んでみよう。とはいっても、ただ選ぶだけでは面白くない。だから、日本の知を担う大学の最高峰、東京大学に務める教師が選んだ「アンケート・東大教師が新入生にすすめる本」から、合計1万円で買えるものをピックアップした。 「アンケート・東大教師が新入生にすすめる本」*1では、東京大学で毎年春に行われる新入生のためのブックガイドとして、エンタメから啓蒙書まで多種多様な本が紹介されて
Since Firefox 57, the --screenshot flag allows you to take screenshots of websites. The basic usage is as follows: /path/to/firefox -P my-profile -headless --screenshot https://developer.mozilla.org/ This creates a full-height screenshot of https://developer.mozilla.com/en-US/ called screenshot.png, in the active directory, with a viewport width of 800px. You can omit -headless when using --screen
おしっこセンサーできました ウチの小学生の息子が家のトイレでたびたびおしっこをこぼしてしまう。俺がくどくど注意してもあんまり効果ない。そこで、代わりにAIに怒ってもらうことにした。こんな感じである。 おしっこセンサーのデモ（[動画](https://www.youtube.com/watch?v=ktSukhHdogM)）。水を数滴床にたらすとブザーが鳴り、床を拭くと止まる。 ディープラーニングの画像認識を使い、床の上に落ちた水滴をカメラで検出してブザーが鳴る仕組みだ。夏休みの自由工作に過ぎないので精度は期待していなかったけど、意外にきちんと動いてくれて、カメラに映る範囲に水滴を数滴たらすとピッピと鳴り、床を拭くとブザーも止まる。「お父さんだってAIくらい作れるぞ」と息子に自慢したいがための工作なのだ。 でも、これ作るのはそんなに難しくなくて、休み中の3日くらいで完成した。かかったお金は、
前回はてぶのお気に入りフィードを読むHBFavというアプリのReactNative版RNHBFavというアプリを作っているという話を書いたが、とりあえずAppStoreへ申請するところまで終わった。 razokulover.hateblo.jp 申請がどのくらいで通るかはまだわからないが、たぶん1週間はかかる気がする。 少し時間が空きそうだし、ここらで今回ReactNativeで開発〜リリース申請する中で感じたことやこうした方が良かったみたいなものをメモしておこうと思う。 垂直分割/水平分割のディレクトリ構成 ディレクトリ構成はプロジェクトごとにみなそれぞれ自分なりの構成を持っているようだけど、例えばreduxを利用するアプリだと以下のような作りになると思う。 index.ios.js index.android.js src |__actions |__hoge.js |__reduce
Sassを使うにあたって、覚えておくと必ず幸せになれる組み込み関数というものがある。 自分で定義できる @function とは違い、Sassに最初から備わっているものだ。 Sass自体の機能だから、もちろんCompassなどのフレームワークを使用する際も使うことができる。 普段Sassを使っているひとでも、Sassの組み込み関数については詳しく知らない人も多いのではないだろうか。 これを自由に使いこなすことが出来ればコーディングが楽になることは間違いない。 改めてドキュメントを見直すと自分の知らないものもあったため、今回全てをまとめてみた。 すぐに試してみたい人はこちらのデモを試してみるといい。
Service Workerとは ブラウザが Web ページとは別にバックグラウンドで実行するスクリプト オフラインのアプリを実現・サポートするために作られたものです ちなみに、ブラウザの対応状況はこんな感じ http://caniuse.com/#search=service%20workers 特徴 DOM にアクセスできない DOM を操作したい場合は、Service Worker がコントロールしているページ(js)と postMessage でメッセージのやり取りをして行う リクエストをプロキシすることが可能 Service Worker はブラウザが必要に応じて起動・終了するので、変数の値を保持しておけない Cache、IndexedDB 等で値を保存して、必要になった時に取り出すようにする Promise を多用する https か localhost 上でしか動作しない ラ
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
If your JavaScript is a mess, frameworks can only do so much to help. No matter what framework, "compiles-to-JS" language, or library you use, bugs and performance concerns will always be an issue if the underlying quality of your JavaScript is poor. With this hands-on guide, you’ll learn how test and refactor your existing code to help reduce complexity, improve readability, and gain confidence i
βフェーズが続いていたCircleCI 2.0ですが、先日めでたくリリースされました。おめでとうございます🎉 というわけでここからは何回かに分けてCircleCI2.0の使い方や活用法を解説していこうと思う💪 変わったところ 2.0はほぼReスクラッチで諸々一新されている。3月に開催されたCircleCI Meetup #2に来られた方なら知ってると思われるが、バックエンドの仕組みも相当変わったらしい。 機能的なところでトピックを挙げると、 circle.yml記法の一新 高速化 ローカルビルドサポート 独自のビルドイメージの作成 Native Dockerサポート workflowsの登場（ビルドパイプラインみたいなもの） といったところが代表的に挙げられる。 今回のエントリではCircleCI2.0におけるcircle.ymlの新しい記法と基本的な使い方、2.0の目玉機能の一つであ
joker1007さんも煽っていることもあり、MacBook Pro Retina(2015) 15インチが重すぎてしんどいので、Thinkpad X1 Carbon(2017)を買いました。2.04kgから1.13kgへと大幅軽量化しました。外での打ち合わせや出張も結構増えてきて、Macは電源も含めると辛い重さになるので思いきって買いました。背中と腰が死にそうなので軽さは正義です。(msfmさん色々ご相談に乗っていただきありがとうございました！） 選定のポイントは 1.3kg以下英語キーボードメモリ16GB15万円くらいまでという条件で選んだのですが、最後まで残ったのはDell XPS13とX1 Carbonだけでした。最初は値段の安さと軽さに惹かれてZenbook 3をメインに機能と値段の比較表を書いていたんですが、途中で店頭でキーボード触ってみて、日本語キーボードだとホームポジション
長らくはてなブログで運営していた当ブログですが、この度AWSにHugoで移行しました。 ありがとう、さようなら、はてなブログ — ْ (@stormcat24) June 25, 2017 動機 色々考えるとこはあるんですが、つまるところ以下の要因。 はてなブログがHTTP2Sに未対応 はてなで独自ドメインかつHTTPS、さらにHTTP2化できる未来が直近で見えなかった マネージドだとそもそも自由度に限界がある。色々自由にやりたくなった お品書き 手順としては以下の通り。 はてなブログからブログデータをエクスポート はてなブログデータをHugo用に変換 HugoをCIでビルドし、Amazon S3にアップロード S3のStatic Web HostをCloudFrontで配信 AWS Certificate Managerで証明書を作成 CloudFrontを設定 旧ブログのURLから新ブ
最近公開されたGitHubのAPIは、GraphQLという形式に対応しました。今後はこちらが主流になっていくようで、既存のREST APIからGraphQLへのマイグレーションガイドも提供されています。 今回は、このGraphQLについて、実際にGitHubのAPIを叩きながらその仕組みを解説していきたいと思います。 GraphQLとは 歴史 GraphQLは、Facebookの中で2012年ごろから使われ始めたそうです。その後2015年のReact.js Confで紹介されたところ話題となり、同年"technical preview"のステータスでオープンソースとして公開されました。その後仕様が詰められ、2016年9月に晴れて"preview"を脱し公式実装として公開されました。これと同じタイミングで、GitHubからGraphQLバージョンのAPIが公開されています。 このあたりの経緯
はじめに Google I/O 2017の動画を確認し、そろそろPWAについて真面目に把握していかなければと思い至り、GitHubからいくつかサンプルプログラムを探してきて触ってみたので基本的な技術情報と合わせてまとめました。なのでPWA初心者向けです。 特定のJSフレームワークを扱う専門のエンジニアでない限り（私自身がそうなので）、それぞれのJSフレームワークの対応状況なども気になるところだと思いますので、 React.js , Angular , Vue.js の3つにおけるPWAのサンプルについても調べました。 確認した手順などを含めて要点だけまとめていますが、詳細はそれぞれのGitHubページを参照しつつcloneして触ってみて頂ければと思います。 シンプル構成 まずはJSフレームワークなどが入っていないシンプルな構成で、PWAの仕組みについてざっくりまとめました。 PWA ret
2014年08月22日21:00 by trgmtorako 洋ゲーでよく目にする英語スラングや単語 カテゴリ雑記 trgmtorako Comment(4) 洋ゲーをプレイする上で欠かせないのが英語 そして英語でのチャットは、隠語やスラングが多様されているので よく目にするスラングや略語をまとめてみました これだけでも大体意味分かると思う ちなみに上記の画像はtroll faceと言われ、日本でいうドヤ顔 荒らしまくったり釣れた時に、外人はこういう顔になるらしいチャット上で良く使う英語 lol ｗ、大笑いの意味 laughing out loudの略 rofl ｗｗｗ 大爆笑の意味 rolling on the floor laughingの略 lmao ｗｗｗｗｗ 超大爆笑の意味 laughing my ass offの略 omg なんてこった oh my godの略 omfg なんて
Nature Remoとは Nature Remo（ネイチャーリモ）は、コントローラー機能を有するデバイスと、スマートフォン アプリとで構成するIoTプロダクトです。スマートフォンアプリを使えば、インターネットを 通じて、どこからでもエアコンのリモコン操作が可能になります。またデバイ スには、温度計機能、湿度計機能、人感センサー、照度センサー、ノイズセンサーも搭載し、室内の 人やペットを検知したり、過去の操作履歴を学習し、電気代を節約します。 Nature Remo (日本語) — Nature Inc Kickstarterでお金をだしていたNature Remoがめでたく製品化しファーストロットが届いたので簡単に触ってみました。 簡単に説明するとインターネットを経由してどこからでもおうちの家電が操作できるセンサー付きスマートリモコンです。 将来的にはセンサ情報から自動で家電を操作できる
こんにちは、あっという間に社内勉強会の順番がやってきそうでフルえているコシゴエです。気がついたら二年近く会社ブログを書いていませんでした…。 最近、ようやく重い腰を上げて Docker と CircleCI 2.0 を使い始めたので、E2E テストでの活用を試みている話をしたいと思います。 はじめに 突然ですが、弊社プロダクト dfplus.io では、TestCafe を使用して E2E テストを自動化しています。 dfplus.io は、異なるリポジトリで管理しているフロントエンド(JS)とバックエンド(Ruby)から構成され、E2E テストはフロントエンドのリポジトリで管理しています。E2E テストはリポジトリへの push をトリガーに CircleCI で実行し、このときのバックエンドは E2E 用に用意した共用環境(Heroku 環境)を利用しています。 E2E テストをしばら
はじめに [React Native](React Native | A framework for building native apps using React)での開発が全体的にどんな感じか掴みたかったので、小さなアプリを開発し、App Storeでリリースしてみました。 プロジェクト作成からストアでのリリースまでの間、開発中に出てきたテーマを振り返ってみます。（React Nativeの概要や特徴の解説については、他の方の記事をご覧ください。） 今回の一連の開発を通して、現段階ではネイティブ側（Xcode）を触らないといけない場面がちらほらあるということが分かりました。 ※記事執筆時点のReact Nativeのバージョンは0.43です ※2020年に別のアプリを作った記事を投稿しました【2020年版】 React NativeでiOSアプリを作ってストアでリリースしてみた -
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
