Oculus GoのOSはAndroidですが、Androidのアプリをインストールしても普通に動作させることができません。 ですが、最近公開されたOculus TVとTvAppRepoの組み合わせで動作させることができるようです。 今回はAndFTPを動かしてみたいと思います。 ## 今回使ったもの PC用ソフトウェア ・adb ・vysor Oculus Go 用ソフトウェア ・Oculus TV ・TvAppRepo ・AndFTP ## 1. Oculus Goを開発モードにする Oculus Goを開発モードにする必要があります。 まだ開発モードにしていない人は、<a href="https://www.kilinbox.net/2018/06/oculus-go-alvr.html" target="_blank">前のエントリ</a>なりを参考にして開発モードにしてください。

最近は機械学習関連の書籍やチュートリアルが充実してきており、モデルをとりあえず作ってみることはとても容易になっていますが、そうしてできたモデルと製品投入できる品質のものとの間の隔たりは小さくありません。そこを埋めるために最低限やっておきたいことのまとめです。 考慮すべき点のそれぞれについて深く掘り下げるというよりも、現状を俯瞰して足りない視点を補うために利用することを想定しました。 チェックすべきポイントはカテゴリに分けると以下のようになります。 テスト(検証) 交差検証 学習曲線 データセット 特徴量の選定 サンプリングバイアス データ量 トレーニング(訓練) 特徴量スケーリング カテゴリ/テキストの特徴量の処理 テスト(検証) モデルが既に生成されている場合にまず確認すべきは以下についてです。 交差検証 学習曲線 交差検証 モデルの性能検証方法にはいくつかあります。ホールドアウト検証と

深津 貴之 / THE GUILD / note @fladdict Adobe変態技術のスニークプレビュー。特等席に座れたので、全力で実況するよ。30分後ぐらいにスタート #AdobePartner #AdobeMAX pic.twitter.com/9ycKVczQDG 2018-10-17 09:01:09

■はじめに 最近日本でも Amazon Echo Show とか GoogleHome Hub など画面付きのスマートスピーカーの発表が続いていますが、これらを使わなくても、GoogleHome と Chromecast を組み合わせると音声と TV 画面を使った UI を自分で作って遊んでみることが出来ます。 既存のスマートホームに TV 画面での UI 表示を組み合わせることでより広がりのある楽しいシステムに拡張することが可能です。 今回は GoogleHome と Chromecast の組合せで実際にどんなことが出来るか事例と実装方法のご紹介です。 ■全体図 処理の中心となるのはラズパイです。cast API を制御できる node ライブラリを適用することで、Google Home をしゃべらせたり（google-home-notifierも同じAPIを使っています）、Chrom

Googleの画像検索で必要な画像を大量ダウンロードするプログラムを作ってみました。深層学習や画像分析の準備に役立ちそうです。 ソースコード (Python 3で実証済み)： import bs4 import requests import re import urllib.request, urllib.error import os import argparse import sys import json # How To # (1) ソースコードを保存して命名する (e.g. scrape.py) # (2) プログラムを起動する python scrape.py # (3) オプション # -s: Google Imagesにかける検索キーワード、複数可 (デフォルト "banana") # -n: ダウンロードする画像の数量 (デフォルト 10枚) # -o: 画像の保存先

――米国や中国に比べ、日本は人工知能開発で遅れているといわれています。なぜ日本はこの競争に負けているのでしょうか。 松尾さん　それは、日本がインターネットで世界に負けた理由と似ているのではないでしょうか。 一つは、技術の取り入れ方が非常に遅い点。1990年代後半には若者たちが「これからはネットの時代だ！」と言っていたのに、上の年代の人たちが理解しませんでした。「信用できない」「オタクが使うだけ」と否定し、新しいものが生まれなかった。 今もそれは同じです。一口にAI、人工知能といっても、新しい技術の中心であるディープラーニングに対して、従来の分野へのこだわりが強く、拒否感が強い人も大勢います。 もう一つは、若い人が力を持っていない点。若い人が自分の裁量で自在に動けるような社会環境になっていません。彼らに裁量を与えて何かやらせれば絶対に何か起こるんですけど、それをやらせないから変化が起こらない

【翻訳】React Native at Airbnb: The Technology 翻訳記事があったのをみつけた。 他にも翻訳記事があった全部で5パートらしい パート1 パート2 パート3 パート4 パート5 Google、Pixel 3シリーズが日本で発売されるかどうか Pixelが日本でも発売されたら私は多分今年はiPhoneではなくてAndroidを購入することになります。 ということになると、私にとってのベストなスマホの持ち方が iOS: iPhone8 Android: Pixel3 になりそうだと思う。 今のiOSがiPhone7なのですが、iPhone7が若干古くなってきたので買い替えたいと思っていたり。 そうなるとホームボタン+指紋認証の最後の救済処置として発売してくれたiPhone8しか選択肢がなくなる。 もうあと2,3年すればiPhoneXのような機種でも習慣的に問題

概要 下記のDockerfileを作成し、docker-composeから連携して起動する。 Nginx 8080ポートを公開し、ホストマシンから接続できる Spring Boot Gradle bootRunで実行 8090ポートをNginxコンテナからのみのアクセス限定で公開 ホストの80ポートへのリクエストをNginxコンテナの8080ポートへ転送 NginxへのリクエストをSpring Bootコンテナの8090ポートへ転送 使うもの ついでにバージョンも記載。このバージョンでないとできないというわけではない。 Java : Open JDK 10.0.1 Gradle : 4.8.1 Spring Boot : 2.0.3.RELEASE Nginx : 1.15.0 Docker : 18.03.1-ce, docker-compose : 1.21.1, build 5a3f

※2ヶ月前に作ったものをようやく記事にしたものになります。仮想通貨界隈は流れが早いのですでに作り方など情報が古い可能性がありますのでご了承ください。 一時期の仮想通貨ブームが少し落ち着き最近では相場はすっかり冷え込んできてしまいましたね。。 しかし、ブロックチェーン技術はまだまだこれからなのです！ というわけで、Ethereum 上で発行したトークンを使って Slack 上で簡単に送り合える社内通貨 & Slack アプリ（DApps）を作ってみました。 完成品 internal-coin という bot に対して対話して、トークンをメッセージ付きで指定したアドレスに送ることができます。 仕様（コマンドの詳細説明） welcome : welcome メッセージを表示します。 help : bot の使い方を説明します。 add {address} : 自分のウォレットのアドレスを登録しま

Webサイトによっては掲載する画像を保存できないようにしなければいけない時があります。 今回は画像がダウンロードできないようにするための対策とその回避方法を紹介します。 回避方法に関しては既存のサイトでも使えるかもしれないので、悪用厳禁です！ また、ここに載っている方法は回避可能なので他の方法を検討しなければいけません。 個々の内容は昔からあるテクニックなので何番煎じな内容ですが、まとめ記事として残しておきます。 TL;DR フロントエンド: 透明の画像を被せる フロントエンド: 右クリックを禁止する フロントエンド: ドラッグを禁止する バックエンド: 画像のURLから直接アクセスできないようにする 環境 フロントエンドはChromeで確認しています。 バックエンドはnginx、Node.jsで確認しています。 OSはmacOS 10.13で確認しています。 透明の画像を被せる 保存され

import sys import json import ssl import string import io from PIL import Image from requests_oauthlib import OAuth1Session import urllib.request # Twitter APIのAuthToken等は事前に用意 # OAuth認証 セッションを開始 twitter = OAuth1Session(CK, CS, AT, AS) url_media = "https://upload.twitter.com/1.1/media/upload.json" url_text = "https://api.twitter.com/1.1/statuses/update.json" # 画像 URL img_url = 'http://www.dmm.com/

メイン著者記事としてはご無沙汰しておりますmorimorihogeです。 今年もTechRachoではアドベントカレンダー特集ということで、普段あまり記事を書く機会がなくて表に出ないメンバーにも記事を書いてもらえる運びとなりました。クリスマスまではアドベントカレンダー特集進行のTechRachoをお楽しみ下さい。 今回は最近メイン開発環境をMacからWindowsに移行したので、そのあたりの感想や設定の勘所などをまとめてみたいと思います。 なぜMacから移行するのか？ 僕はOS XのIntel Macが出たころからのMacユーザー（当時はまだRosettaとかがありました）で、かれこれ10年以上Macを使い続けてきました。多分Webシステム開発用途でMacを使い始めたという人の中では古参の方なのではないでしょうか。 というわけで、なんで移行するの？という話からぽえみーに綴ってみようと思いま

はじめに 199X年(2018年) 、 世界(Qiita) は 核の炎(「WEBサービス作ってみた」ブーム) に包まれた！ 海は枯れ、地は裂け、全ての生物が死滅したかのように見えた。 だが、人類は死滅していなかった！ ということで、先人達のWEBサービスのPaaS/ホスティングサービス/技術要素を比較してみた。 （普段遊ぶときは、 Heroku×node.js くらいしか使わないので・・・） ※2018/10/29追記：比較記事追加しました！ ※2018/11/4追記：結局、何を使えば良いの？に関してはこちら VPS/PaaS/FaaS: 【クラウドVPS/PaaS/FaaS比較】最低料金とサービスレベルの比較 データベース： 【クラウドDB比較】無料枠で提供されるサービスレベル サマリ ホスティングサービス・CDN・DB・ストレージは、「コストで選んでいる」という表現が多かった。 サーバ

Spring BootでREST APIを実装するときのツールの組み合わせについて、2018年6月時点での個人的なベストプラクティスをまとめてみました。 開発環境（IDE） 選択肢 Eclipse + Spring Tool Suite (STS) IntelliJ IDEA → IDEとしてはAndroidの公式開発環境に採用されていることもあり、今後はIntelliJ IDEAが普及していきそうだが、Spring開発サポート機能を利用するにはUltimate Editionが必要となる。ライセンスを購入するほどでもないプロジェクトではEclipseを使うのが良い。 参考 https://www.jetbrains.com/idea/features/editions_comparison_matrix.html ビルドツール 選択肢 Gradle Maven → Groovyで柔軟に処

Kaizen Platformのアプリケーションエンジニアの大迫です。 Kaizen Platformは「21世紀の新しい雇用と働き方を創出する」プラットフォームを作る事をビジョンとして揚げています。 そういった新しい働き方を作っていくため、まずは我々自身がそのような新しい働き方をドッグフーディングしようということで、創業期から様々な努力を積み重ね「自由と責任」をもった上で、一人一人が最大限にパフォーマンスを出せるような新しい働き方に挑戦しています。 私自身も3歳と0歳の子育てをしながら子育てをしている妻を支援しながら働いていますが、リモートワークなどによって、柔軟に働くことができるKaizen Platformの環境のおかげでとても助かっています。 本ブログでは会社で取り組んでる内容に関することが多いですが、たまには趣旨を変えて、この投稿では、新しい働き方に挑戦するかたわらで、我が家でや

「Vue.js + Go言語 + Firebase 」で始める! Frontend & Backend API 両方で認証するセキュアなSPA開発ハンズオン!JavaScriptGoVue.jsFirebaseGoogleCloud こんにちは。僕です。最近は Vue.js で SPA、Go言語で APIサーバーを実装しています。ここで意識するのはフロントエンドとバックエンドの分離です。分離させたい理由は二つ。 アプリ化の際や、今後、他のサービスと連携させるためにも、バックエンドはAPIサーバーに徹したい。 Vue.jsで開発中にオートリロードしたい(Vue.jsをビルドして出来たファイルをGo言語でserveする形にすると、毎回ビルドするのが面倒) しかし、これをやろうとすると認証どうするの問題が付いてきます。APIサーバ、フロントの両方をセキュアにしようとするとそれだけで時間取られます

ウェブページの表示速度は、離脱率やコンバージョン率にもっとも影響する重要なポイントです。Googleが公表した調査結果では、「表示に3秒以上かかると、約53%のユーザーは離脱する」「表示速度が1秒から6秒に落ちると、直帰率は106%上昇する」というデータが出ているようです。 表示速度を改善する施策は色々とありますが、本記事では「AMPアンプ（Accelerated Mobile Pages）」を作成する際に利用するJavaScriptライブラリーを使って、簡単に表示速度を改善する手法を紹介します。 AMPとはウェブページの読み込みを高速化させる技術 「AMPアンプ（Accelerated Mobile Pages）」とは、名前の通りモバイルでのウェブページの読み込みを高速化させる技術です。 本サイト（ICS MEDIA）では以前「AMPの利点と対応HTMLの作り方」で導入方法を紹介していま

AWSアカウントの状況 ある日、会社で使っているとあるAWSアカウントの管理者を任されました。 そのアカウントは開発環境用で、開発者・運用者が結構好き勝手に触っている環境でした。 もちろんコスト管理もあまりされてなく、1日約1000ドル垂れ流している日もあるぐらいでした。 それを1日約100ドルまで削減できたので、せっかくなので行なったことをメモして置こうと思います。 尚、自分が管理していたアカウントではほぼEC2とRDSにコストがかかっていたので、その二つにフォーカスしています。 現状の把握 まずは「AWS費用がやたら高いけど、なんで高いの？」の確認からはじめました。 請求書を見る 請求ダッシュボード -> 請求書から月ごとの請求金額が見れます(月途中の金額も見れます)。 サービス毎に請求金額が表示されるので、ここで大まかにどのサービスでコストがかかっているのか確認できます。 自分が管理

はじめに 私はこれまでのエンジニア歴で継続的にJavaを使い続けていますが、以前と比較すると使い勝手の面で格段に良くなっていると実感しています。 また、JJUG、JSUGなどで講演を聞いたりしたりする中で、個人的に最近のJava界隈は非常に進歩的で良い感じだと感じています。 そんな中、「Javaは人口が多いだけで特別に採用するメリットが無い」「Javaはレガシーで生産性が低い」というツイートを見かけたので、その反論を込めて私の考えを書き連ねたいと思います。 なお、以下で述べる内容には、Javaが良いというよりは、特定のフレームワークが良いだけ、というものもありますが、あくまでJava「界隈」について述べているのであしからず 。 最近のJavaの良いと思う点 言語仕様、標準ライブラリの改善 プロジェクトの立ち上がりの早さ 型安全性の活用 マイクロサービスアーキテクチャへの対応 パフォーマンス

こんにちは、VASILYで主にAndroid開発を担当している@Horie1024です。先日potatotips #48で「Alexa、APKを配布して」というタイトルでLTさせて頂きました。 資料は以下になりますが、本投稿では、Alexaスキルの仕組みから最終的にAPKが配布されるまでを出来る限り詳細に解説していきます。 目次 目次 AlexaでAPKを配布する流れ Alexaスキル開発事始め Alexaスキルの仕組み 対話モデル インテントとスロット サンプル発話 インテントスキーマ APKを配布するスキルの作成 Amazon developerへの登録 Alexaメニューの表示 スキルの作成 対話モデルの作成 設定（AWS Lambdaエンドポイントの指定） Serverlessを利用したAWS Lambdaエンドポイントの開発 Serverlessのインストール テンプレートから雛

人に教える用に整理してたものです。こんな感じでどうでしょうか。コメントください。🙏 これから始める初心者さんが対象 汎用的なもの、今後各方面に特化してツールを増やしていくにしても、最初に用意しとこうみたいなの MacでもWinでも 入れるもの 本記事ではインストール作業や各種設定の説明自体は省略します。個別記事も大量にあるだろうし。 Node.js、nvm VS Code、拡張3点 ESLint EditorConfig Git、SourceTree Browsersync（クライアント側開発用） WSL（Windows用） WSLはWindows環境だけの話なので最後に紹介しますが、先に何度も出てくるので一言で説明すると、Windowsでターミナルをすごく良い感じにアレするやつです。 Node.js、nvm nvmはNode.jsのバージョン管理。 https://nodejs.org

本題 今回は信号機の分類をしていきたいと思います。 画像はgoogleで"赤信号","青信号","黄信号"と検索し、17枚くらい手動でダウンロードしました。なぜスクレイピングしないかというと、googleで検索したところ、写真の数が全然なくて、関係ない人がめっちゃ写っていたので、使える写真をダウンロードしていったら17枚ぐらいでした。 データの前処理をして、そっからテスト用に5枚ぐらいとっておき、後の12枚を水増ししました。 from PIL import Image import os, glob import numpy as np classes = ["red", "blue", "yellow"] num_classes = len(classes) image_size = 50 num_testdata = 5 X_train = [] X_test = [] Y_train

起業家のけんすうさん（Twitter: @kensuu）の３万超のツイートをひたすら遡り、匿名Q&Aサービス「質問箱（peing.net）」、同種サービス「Sarahah」でオススメされた本をまとめたのがこのエントリーです。ついでに、普段のツイートで紹介された本もプラスアルファでまとめました。 正直、めちゃ大変です。誰に頼まれたわけでもないので、意地です。酔狂です。 しかしながらけんすうさんのオススメ本は、普段流し目で見る限りどれも面白く、これを機に何としても網羅したいと、そう思った次第です。 きっかけはこの回答 なんでこんなことをしようかと思ったかというと、けんすうさんに寄せられたこの質問（要望）と、回答がきっかけでした。 不思議と、この回答が刺さりました。普段から無料の情報に慣れすぎて、選定、編集、発信にかかる「労力」に無関心になってはいないか。質問者ではないのですが（これは本当）、自

こんにちは。フロントエンドエンジニアの茨木（@niba1122）です。 弊社のAndroidアプリ開発ではMVVMアーキテクチャを用いています。日々肥大化・複雑化していくViewModelが保守性や品質を担保する上で課題になっていましたが、Fluxアーキテクチャの導入により改善することができました。 本記事では、実際どのようにFluxアーキテクチャを導入したのかを、設計やコード例を交えながらご紹介します。 今までのMVP・MVVMの限界 アプリ開発ではMVP・MVVMといったアーキテクチャがよく用いられます。弊社のAndroidアプリ開発でもMVVMを用いています。これらのアーキテクチャはビューとドメインロジックを分割するのに役立っています。しかし、昨今のUIには多くのイベントや状態があり、更にそこにAPIリクエストなどの非同期処理が絡んできます。これらが関わるプレゼンテーション層のロジッ

前回のiOSDCまとめが割と好評で、自分でも後から見返すのに便利だったので、今回のtry! Swiftもまとめてみました！！ 今年はいい発表ばかりで学ぶことが多かった気がします😊 何か不備等がございましたらコメント欄にお願いいたします。 Outline Link Schedule Day1 Day2 Day3 Speakers Workshops Organizers Link ▶️: Youtube - try! Swift Tokyo 📷: Photo - flickr 🗒: try!Swift Tokyo 2018 にさらりと参加してきた - 941::blog 🗒: try swift 2018 tokyo day 1 参加メモ - Programmer_Mixin_Conductor's Blog 🎾: try! Swift Tokyo 2018 (Day 1) 参加メ

DroidKaigi2018 でもセッションがあった Flutter がβ版になりました。 グーグル、Android/iOS対応のUIフレームワーク「Flutter」ベータ版を公開 - CNET Japan これでまた、にわかにクロスプラットフォーム開発ツール(以下 "X-Plat Tool" と略)が盛り上がってる気がします。 Flutter が出たからと言って、Xamarin や React Native など、先行する様々な X-Plat Tools が死ぬわけでもなく、ただ選択肢が増えて嬉しいやら戸惑うやら、ということです。 ここでは、Flutter と、先行する React Native、Xamarin を(独断を交えて)比較して、それらの違いを見てみたいと思います。 共通化できる(とされる)プラットフォーム X-Plat Tool がどのプラットフォームまでカバーするかを比べて

Visual Studio Codeを使い倒そう！　～プログラミングから機械学習、クラウド連携、遠隔ペアプロまで～ 2018/02/24のOSC 2018 Tokyoで使用した資料です。Read less

こんにちは！メルカリでサーバーサイドエンジニアをしている @bravewoodと申します。 このPostでは、最近できた「CREチーム」について紹介します。 CREとは CREはCustomer Reliability Engineering（顧客信頼性エンジニアリング）の略で、Googleが提唱した専門職です。 メルカリには従来CXI（Customer Experience Improvement：顧客体験改善)と呼ばれるチームがあり、このチームが、お客さまからのお問い合わせなどを通した顧客体験を改善するという業務を行ってきました。 新たにできたCREチームは、このCXIチームを内包し、「負の顧客体験の解消」という意味だけではなく、「顧客の信頼性向上」という部分にも着目した様々な活動を行う新たな専門チームとなります。 これは例えるなら、メルカリのSREチームがサイトの信頼性にフォーカスす

三連休にOKRのことばかり考えていたので、整理してみた。 どこかで誰かとOKR について話したい気もするので、東京近辺の方はお気軽にご連絡いただければ嬉しいです。 https://twitter.com/katsuhisa__

最新のステータス: 追記: 2019/7/10 転職しました。長らくのご愛顧誠にありがとうございました。 転職先をちょくちょく探しています。 興味ある方は twitter @mizchi へのリプライorDM、または mizchi2w@gmail.com まで。 メールは、反応が悪い、というか月末しか見ていません。メールの場合、送ったとtwitterで一言もらえると確認すると思います。 現在のステータス 良いところがあったら社員契約したい。全く急いでいない。 現在、フリーランスで 3 社との契約 + WebDB Press での隔月の連載を持っています。 面白そうな仕事をつまみ食いできる、フリーランスというあり方が嫌いなわけではないですが、先のことを考えながら仕事することや、月末の書類業、曜日ごとにやることが変わるコンテキストスイッチにやや消耗しています。また去年の税金にびっくりして、ちょ

どんな人向けの内容？ AWSをこれから使おうと思っている サービスが多すぎて何が出来るかわからない AWS クラウドサービス活用資料集 を全部読むの辛い サービス紹介 筆者の好きな(興味のある)サービス順に紹介 AWS クラウドサービス活用資料集から引用が多いです Lambda コード(関数)を書いてアップロードするだけで実行できる(インフラを一切気にすることない) AWSの各種サービスからトリガー起動が出来る(S3に画像ファイルをアップロードしたらサムネイル画像を生成して他のS3バケットに保存する等) 100msごとの実行時間課金(実行されてない時は料金が発生しない) Fargate フルマネージドなコンテナサービス クラスタスケジューリングやスケーリングはAWSが管理してくれる Docker定義とCPUやメモリ、ネットワーク定義のみ考えるだけでアプリケーション起動 Elastic Be

あなたのWebサイト、本当にレンタルサーバーが必要ですか？ 突然ですが、現在ご自分の(または所属する組織の)HPをレンタルサーバーにホスティングしている方はどれくらいいるのでしょう？ ブログ等を頻繁に更新するためWordpresssをはじめとするCMSを導入しているサイトは、PHPやMySQL等のDBを動作させるためにレンタルサーバーを選択しているケースが多いかと思います。 ですが、小～中規模のコーポレートサイトは自社商品の紹介、会社概要やアクセス情報などを最初に作成したままで、webサイトの更新は行わず最新情報はSNSで提供するようにしている形を取っているところも多くなってきたと思います。 この場合、あまり更新の無いwebサイトは本来静的なHTMLでも充分にその役目を果たすのですが、問い合わせフォームを設置するためだけにPHPでサイトを構築している！というところも多いのではないでしょうか

はじめに 2019年の目標: 英語を何とかする 目標達成のために Quizlet (単語帳作成サービス) で単語帳を作った話です 作成した単語セットは以下に公開しています Oxford 3000 - 1 Flashcards | Quizlet Oxford 3000 - 2 Flashcards | Quizlet 作戦 以前に以下の動画を視聴し(正直半信半疑ですが)気になっていました。 - How to learn any language in six months | Chris Lonsdale | TEDxLingnanUniversity - YouTube 日本語訳としては、以下の記事が詳しいです。 - 外国語や中国語の語学習得期間が6か月の勉強・マスター方法 - ログミー[o_O] - 外国語習得を6か月でマスターする英語や中国語の言語の覚え方 - ログミー[o_O] 英

KMC春合宿2018での発表資料です

【Laravel 6 & PHP 7.4 対応】Vue + Vue Router + Vuex + Laravel チュートリアル（全16回）を書きました。LaravelチュートリアルVue.jsVuexvue-router 2020/1/5 更新 チュートリアルを Laravel バージョン6 & PHP 7.4 に対応し、加筆修正しました。 技術ブログに 『Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう（全16回）』 を公開しました 出来るだけたくさんの方に見てほしいので宣伝エントリを書きます。 コンテンツ フロントエンドに Vue.js + Vue Router + Vuex と サーバーサイドに Laravel を使用して写真共有アプリを開発するという内容です。 こんなやつ ができます。 写真を投稿できます。 コメント投稿、いいね、ダウン

概要 フロントエンド界隈ではReactやVueなどの開発を円滑に進めてくれる便利ツール（WebpackやLint、CLIなどなど）がたくさんあり開発がとてもしやすくなって来ていると思います。 とても便利な世の中になったな〜とCLIとかNext.jsなどを叩きながらサンプルばかり作ってたのは良いのですが、 開発環境そういえばどうやって作るん？？？、 それ管理しろ言われたら環境わかってないと死ぬんじゃないか、 フロントエンド界隈カオスすぎて結局何すればいいんだろうか？？？ という疑問や不安があったので、一度脳みその整理がてら開発環境をひと通り作ってみました。 開発環境周りの設定ってあまり進んでやりたくないのでスターターキット的な感じにまとめてGitHub ( https://github.com/isihigameKoudai/VuejsStarterKit )にあげてみました。また、最近はV

Transcript Red Hat K.K. All rights reserved. 1 コンテナとサーバ仮想化の違いと、 Docker, Kubernetes, OpenShift レッドハット株式会社 ソリューションアーキテクト 森若和雄 <kmoriwak@redhat.com> 2018-04-10 Red Hat K.K. All rights reserved. 2 もくじ  サーバ仮想化とコンテナの違い • サーバ仮想化とコンテナ • コンテナの使いどころは ? • コンテナの注意が必要な点  Docker, Kubernetes, OpenShift • Docker は何をするのか ? • Docker は何がよかったのか ? • オーケストレーターとは ? Kubernetes とは ? • OCI (Open Container Initiative) とは

PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット ネイティブアプリに近い体験を簡単に提供できるとして注目を集めている「PWA」。実際に導入し、表示速度が2倍になったという日経新聞電子版の開発者に「PWA」のメリットとデメリットを伺いました。 PWA（Progressive Web Apps）は本当に「アリ」なのか――？ ネイティブアプリの開発にはWebとは異なる専門知識が必要であり、またAndroidやiOSなどOSごとでも異なるため、リソースが膨大にかかるという課題があります。そこで昨今は、XamarinやReact Nativeなどのクロスプラットフォーム開発ツールを使い、ネイティブアプリやWebの開発を一本化しようという動きが活発になっています。 一方で、ネイティブアプリに近い体験を簡単に提供できるとして注目を集めているのが、Goog

Compose Multiplatform で Bluesky のクライアント作ってみた / Bluesky client with Compose Multiplatform

(Please note that this article is a localized (to Japanese) version of a corresponding tech blog article in the English language) Netflixでは、2015年9月の日本における配信サービス開始時から日本語字幕を提供しています。 今回のブログでは、日本語字幕提供に至るまでの技術的な取り組みについて説明します。 字幕ソースファイルの仕様、字幕ソースファイルからNetflix配信用字幕への変換モデル、Netflixにおける日本語字幕の納品モデルなどを取り上げます。さらに、W3C字幕規格Timed Text Markup Language 2 (TTML2)導入に向けた対応についても触れます。 2014年の終盤にかけて、Netflixでは2015年9月に予定していた日

クラウドネイティブな省エネサービスの内製開発で、BizDevOpsを実現する / Achieving BizDevOps in in-house development of cloud-native energy-saving services

こんにちは。いかがコーディングお過ごしでしょうか。 私は今更ながら最近GraphQLで遊び出し、そしてApollo Clientに出会いました。 ワクワクしました。「これは想像以上に既存のフロントエンドの設計・実装を変えるものだぞ！」と感じました。 「Apollo ClientってGraphQLクライアントでしょ？GraphQLエンドポイントない俺には関係ないな。」と思ったそこのあなた、それだけじゃないんですApollo Clientは！！！！！ 本記事では「Apollo Clientとはなんぞや」という話と「なぜ私がApollo Clientを布教したいのか」という点について語ります。実は最初は実装含めたチュートリアルを書いていたのですが長くなり過ぎたため記事を二つに分けました。この記事はどちらかと言うと概念系の話が多めで、片方にApollo Client + Reactのチュートリアル

Facebook が先日リリースした安価なVRヘッドセット、Oculus Goにかなり夢中になっているところです。3万円以下にもかかわらず、解像度は適度ですし、反応速度も良好。なにより友人とおしゃべりできるOculus Roomがよくできていて、制限のあるデバイスでありながらアプリのデザインで快適さを演出しているのがとても好感もてます。 さて、Oculus Goを買ったのは、VRが未来のインターフェースとして、どのような使われ方をするのかが気になっていたからです。生活の中で利用するならば、いまある体験を発展的に置き換えなければいけません。それがブラウジングや読書といった、自分にとって大切な分野についてはどうなのかをこの目で確かめたいという思いがしました。 そこで今回ためしたのが、Immersion VR Readerという、現在Gear VRストアではおそらく唯一の読書環境のアプリです。

はじめに こんにちは！ 新規事業開発室の山口 (@yamarkz)です。 今年もゴールデンウィークに入りましたね！ 5/1 5/2を休日にできれば今年は9連休になります。社会人の方からすると、まとまった休日を取ることができる貴重な時間です。旅行に行ったり、趣味に時間を使ったりと過ごし方は様々かと思います。 そんな1年の中でも貴重なまとまった休日が作れるGWに、何か新しいことを学びたい！という方向けにブロックチェーン技術の学び方を紹介していきたいと思います。 自身がこれまでブロックチェーン技術に関わってきた中で学んできた内容を惜しみなく紹介します！！ はじめに ブロックチェーン技術の勉強方法の流れ 理論を理解するためのインプット材料 書籍 ブログやネット記事 スライド Youtube 動画 サロン 学校に通う Twitter コミュニティへの参加 実践し、理解を深める 人に説明する ブログを

Siriはタイマーをセットするだけの存在ではない。 Kindle読み上げこそが、彼女が最も輝く時なのである。 セールのたびに増え続ける積読を消化するための知見を共有しよう。 読み上げ機能 iOSには画面の読み上げ機能がある。この機能をKindleアプリで使うことで、Kindle本が疑似オーディオブックとなる。知っている人も多いだろうが、やり方を簡単に説明しておこう。 まず準備として「設定」→「一般」→「アクセシビリティ」→「スピーチ」へ行き、「画面の読み上げ」をONにする。 そして読みたいKindle本を開いたら、画面の上から下へと2本指でスワイプする。すると画面の読み上げが始まる。 『ルビ付き＋なし版 口語訳（旧約聖書＋新約聖書）＋文語訳（旧約聖書＋新約聖書）＋聖書地図』 Kindleの画面を開きっぱなしであれば、ページ移動も自動で行ってくれる*1。 ここまでのことはKindle+読み上

artistLabel.labelSpacing = 50; // 開始と終了の間間隔 artistLabel.pauseInterval = 3; // スクロール前の一時停止時間 artistLabel.scrollSpeed = 50.0; // スクロール速度 artistLabel.fadeLength = 20.0; // 左端と右端のフェードの長さ import UIKit import MediaPlayer import AutoScrollLabel let w = UIScreen.main.bounds.size.width let h = UIScreen.main.bounds.size.height class ViewController: UIViewController, MPMediaPickerControllerDelegate { let art

基礎知識 メタプログラミングRuby デザイナーからプログラマーまで 絶対わかるGitバージョン管理 プログラマのためのDocker教科書 第2版 インフラの基礎知識&コードによる環境構築の自動化 入門 kubernetes C#ショートコードプログラミング　第3版 ～短いコードで生産性を高める必修テクニック～ (マイクロソフト関連書) UNIXシェルスクリプト マスターピース132 SQLアンチパターン エキスパートPythonプログラミング改訂2版 Swift実践入門 ── 直感的な文法と安全性を兼ね備えた言語 (WEB+DB PRESS plus) 実践Ruby on Rails 4 現場のプロから学ぶ本格Webプログラミング オンラインゲームを支える技術　　－－壮大なプレイ空間の舞台裏 (WEB+DB PRESS plus) Python機械学習プログラミング 達人データサイエンテ

スダ氏 @sudarexyz 出会えたことに感謝したいCSSベスト3 1位 display: flex; 2位 box-sizing: border-box; 3位 height: 100vh; 2018-04-07 21:44:27 スダ氏 @sudarexyz justify-content: space-between; align-items: center; この辺も入れたかったけど全部FlexBox関係になっちゃうし、ランキングは今着手している案件に強く依存してる。 他の人のも見てみたい。 #出会えたことに感謝したいCSSベスト3 2018-04-07 22:02:07

Kaizen PlatformでSRE Group Managerをしている前田 (@glidenote)です。4月ということで転職や部署異動など新しい環境で働いている人が多そうなので、今回はKaizen PlatformのEngineering GroupとSRE Groupが行っているOnboardingプロセスを紹介したいと思います。 TL;DR Kaizen Platformに入社してくれた人に最速でPerformanceを出してもらうためにOnboardingプロセスを策定し、運用、日々改善している 入社してくれた人が自身のOnboarding Planを自分で作成し、CTO、メンターとで定期的に期待値の調整、振り返りを実施し、齟齬が発生しないようにする ランチスケジュールを組み毎日別々の人と、別々の場所にランチに行き、一緒に働く人たちとオフィス周辺の情報を知ってもらう 入社した

www.youtube.com ちょっと時間が経ってしまったのですが、2月にアムステルダムで行われたVue conf AmsterdamとFrontend Developer Love conferenceに参加してきました。 初めての技術カンファレンス&海外でのイベントということで学ぶことばかりの数日間だったのですが、今回はその中でも特に印象に残ったセッションをご紹介します。この記事を読んで「CodeSandboxおもしろそう！」「使ってみたい！！」という方が1人でも増えると嬉しいです。 CodeSandboxとは CodeSandboxとはオンラインで動くコードエディターで、ReactやVue、Angularなどのフレームワークですぐにアプリケーションを作成できるのが特徴です。 codesandbox.io GitHubでオープンに開発が行われているのですが、なにより驚いたのがプロジェ

スマートフォン（スマホ）で手軽に楽しめる漫画アプリの市場が拡大している。1話ずつを毎日無料で読める漫画アプリを中心に利用者を増やしてきた。最近は1日1話では我慢できず、まとめ読みするために購入する消費者が目立ち始めている。2018年に入って課金する消費者は増え続けており、400億円市場に成長している。「1日に1回」利用者の4割「家ではゲーム、電車では漫画を楽しむことが増えた」。女性会社員（2

🎉 はじめに iOS開発をしているみなさんは、普段どんなライブラリーを使っているのでしょうか。 今回は僕が気に入ったライブラリーを紹介していきたいと思います。 これらのライブラリーを使ってみて、2019年の開発スピードアップを一緒に目指しましょう！ 💻 この記事の環境 Xcode 10.1 Swift 4.2 💡 イケてるライブラリーたち SnapKit [ ⭐️ 14,046 ] SnapKit is a DSL to make Auto Layout easy on both iOS and OS X. iOS開発においては、コードでUIを実装している人は結構多いと思います。特にiPhoneのサイズが多様化してきた原因で、AutoLayout で対応するのは一般的ではないかと考えられます。 しかしながら、Appleさんが提供しているAPIを使うと、とんでもないことになります。 た

なぜ週末開発でこの早さを実現できたか 【早さの極意一】　完全分業 開発をしていて、最もスムーズに進むのに役に立ったのが分業でした。 メリット としては、 - それぞれの開発者の得意なことに徹することができる - 作業の重複（コンフリクト）が発生しない デメリット としては、 - 参加していない作業については、担当者に任せきりになり後からメンテができない がありました。今回はリリースまでの速度を重視したため、メリットがデメリットを上回りました。 具体的な作業内容としては、下のイメージのような感じです。 注目すべきは、 両者の作業が疎結合になっていることです。 そして、一番最後の工程の「結合テスト＆リリース」で作業が合流するため、その合流地点に関しては明確に基準を設けました。 今回の場合は、フロントのAPIコールが合流地点になるため、 ソースコードに下記のようなコメントを記載して開発していまし

概要 Mavenのリポジトリのランキング（ https://mvnrepository.com/open-source ）からランキング上位のものと自身の独断のものを追加。 記載例 1. ライブラリのタイトル（公式ページへのリンク） 2. GitHubのページ 3. バージョン情報 4. 使い方例 5. 使用する際のMavenのタグ（※） ※　注意事項：Mavenのバージョンタグ（version）のバージョンナンバーは常に変わるので注意。 テストフレームワーク Junit ：Javaのユニットテストの定番ライブラリ GitHub：https://github.com/junit-team/junit5 バージョン情報：https://mvnrepository.com/artifact/junit/junit 使い方例：https://qiita.com/takehiro224/items

こんにちは。久しぶりのQiita投稿です。 今回は「ex-KAYAC Advent Calendar」の13日目の記事として寄稿させていただきます。 さて、改めて私の今やっていることを紹介させていただきますと、独立してから株式会社Lucky Brothers & co.という会社を設立し、主にWebの受託制作を行っています。 かれこれ３期目に突入致しました。 アドベントカレンダーということで改めて2018年という年を振り返ってみたのですが、一言で言うと「今年はフロントエンドエンジニアにとって大きな当たり年であった」と言えるのではないかと思います。特に私達の会社では、今までのいわゆる「Webサイト制作」だけの単一事業形態から脱し、他のあらゆるアプリケーション制作にも手を拡げられた年になりました。 そんな話をしようと思います。 Nuxt.js Vue.js製のフレームワークであるNuxt.js

1年目のデザイナーに教えたほうがいいことや、デザイナーを育てるとはどういうことなのか。 自分のことはどうにかなってきた20代中盤。「デザイナー育ててね」と突然言われても何から始めればいいのかもよく分からなかったですし、どうやってアドバイスしたらいいかも分からなかった当時、デザイナーの育成に関する記事があまりに少ない印象だったので、同じような境遇の方の役にたてば嬉しいです。 ※この記事は、2017年4月にMediumで公開した記事を加筆・転載したものです。*** 本人が課題を感じて初めて成長するWe don't know what we don't know. （分からないことが分からない。）突然ですが、他人に言われた時よりも自分で課題を認識できた方時の方が腹落ちしませんか？ 教える側は、相手が分かっていないところが分かるのですが、当の本人は「分からないことが分からない」状態なのです。でも、