追記 2020/6/15 DroidKaigi2020の登壇資料を公開しました！ 追記 2020/8/28 DroidKaigi Liteのセッションを公開しました！ ・資料 DroidKaigi2020 - Scadeを使って「Swift」で始めるAndroidアプリ開発 ・セッション 前置き この記事自体は2019年10月に書き終わっていたのですが、、、 DroidKaigi2020に応募したCFP 「Scadeを使って「Swift」で始めるAndroidアプリ開発」 が通ったため、だいぶ温めてからの公開になりました、、笑 残念ながら開催は見送られてしまいましたが、、、 開催週に登壇の前座資料として、元々この記事を公開予定だったので公開しています！ （登壇資料はまだ開催予定を信じて公開は致しませんmm） 内容 登壇内容ほど詳しくは載せていませんが、みなさんがSwiftを使ってScade

初めに 株式会社デジサク がお送りするプログラミング記事、 今回はPythonでサービス開発できるまでのロードマップを扱っていこうと思います。 この記事は 『プログラミング未経験からPythonでサービス開発できる』 ことを目標に、習得すべきスキルを学習ロードマップとして整理しました。 毎日２～３時間（土日は+２時間） 続ければ最短３ヵ月で完了できる内容に絞りました。 すでに習得済みのスキルは飛ばしつつ進めて大丈夫です。 Rubyなど他の言語でも大筋は同じ流れなので、 Pythonと書いてある部分を、そのままRubyと読み替えれば大丈夫です。 ※なお、Twitter でもプログラミングに関する情報を発信しています。 もし良ければ Twitterアカウント「Saku731」 もフォロー頂けると嬉しいです。 学習ロードマップの全体像 まず、サービス開発に必要なスキルは大きく分けて１０種類ありま

goormide https://ide.goorm.io/ goormideの特徴 「goormide」は、Dockerコンテナ上で共同開発できるクラウド型のIDEサービスです。30以上のプログラミング言語をサポートしています。 ・クリックだけでDockerコンテナを構築 ・Python、Kotlin、React、Rubyなど30以上の言語に対応 ・メンバーを招待して共同開発できる ・5コンテナまで無料で利用可能 ・（完璧ではないが）日本語に対応 開発環境を構築する まずは新しいコンテナを構築します。 リージョンは、US/韓国から選択。Publicにすると、オープンアクセスリポジトリになるので注意してください。 次に開発に使う言語/フレームワークを選択します。 最後に、DBも付属させる場合はチェックをつけて完了。 あとはコンテナが構築されるのを待ちます。 ビルドする コンテナができると、

コードやテンプレートに縛られずに、 誰でも自由自在にデザイン可能。 作成したサイトは、1クリックで世界に公開。 そう、必要なのはSTUDIOだけです。

概要 勉強会を開くにあたってLINEで動作するBot開発を題材にあげました。 今回はアンケート機能をもつLINEのBotを開発に挑戦しましたので、LINE側の設定、Bot本体の開発(Rails)、Herokuへのデプロイ方法を記します 所要時間 スムーズにいけば30分程です。 Railsはある程度知ってるけどLINEbotは初めてという方は、おおよそ1時間〜１時間半ぐらいかかると想定しています。 【追記】 大変ありがたいことに、この記事を参考にしながら作成してみたとの報告がありました。 Heroku上のエラー解決に悩み、２時間ほどかかってしまったとのことです。 Railsアプリが上手く動かない場合、下記Heroku動作ログの確認コマンドを叩いて、エラー内容を確認しましょう。 必要事項 Rubyの知識　if文の記述方法が分かるぐらい。 Railsの知識　gemを使うことが出来るくらい。 He

初めまして。ザ・シードオンライン開発担当の山岸です。 バーチャルキャスト社が提供している 3D モデル流通プラットフォーム ザ・シードオンライン では、フロントエンド技術に nuxt.js を採用しています。 nuxt.js を一行で説明すると、「 Vue.js エコシステムをベースに、 UX/DX フレンドリーな Web サービスを作れるフレームワーク」 です。 つまり、そのサービスを利用するエンドユーザの体験もよく、そのサービスを開発するエンジニアユーザの体験もよく、という利用者・開発者どちらにもメリットのあるフレームワークとなっています。 どのような部分でフレンドリーなのか、紹介します。 ユーザーエクスペリエンス・フレンドリー 実際に Web サービスにアクセスするエンドユーザへのサポートです。 パフォーマンス Web サービスの指標として最も注目されるのは、やはりパフォーマンスです

どうも、まさとらん（@0310lan）です！ 今回はGitHubと連携してソースコードをさまざまな用途に活用できる便利なWebサービスを厳選してご紹介しようと思います。 特にWeb開発を便利にしてくれるサービスを中心に、GitHubだけでどこまで作業効率を向上できるのかをぜひ確認してみてください！ なお、paizaラーニングでは「Git入門編」講座を公開しています。そちらも合わせてチェックしてみてください。 ■GitHubをフル装備のクラウドIDEに変えるサービス！ 【 Gitpod 】 GitHubに置いているリポジトリのソースコードを統合型のクラウドIDEで自由に編集できるサービスが「Gitpod」です。 TheiaをベースにしたVS Codeライクなコードエディタで、豊富な機能と拡張性を備えておりプログラミングに最適なIDEの一つと言えるでしょう。 使い方は簡単で、リポジトリのページ

Node.js、React、TypeScriptをはじめ、HTML、CSS、Sass、Markdownなどが利用できるWeb開発用のサーバーが秒速で簡単に構築できるZero Serverを紹介します。 必要な依存関係は自動インストールされ、ReactやSassは置くだけでコンパイル、マークダウンも設定は一切不要です。サーバーを構築する時間が無い人、設定に明るくない人でもすぐに利用できます。 Zero Server Zero Server -GitHub Zero Serverの特徴 Zero Serverのインストール Zero Serverの使い方 Zero Serverの特徴 Zeroは現代のWeb開発をシンプルにするためのNode.jsフレームワークです。パッケージマネージャーやルーティングを気にせずにアプリケーションを構築できます。 Node.js、React、HTML、MDX、静

どうも、まさとらん（@0310lan）です！ 今回は、Webアプリやサービス作りなどで便利に使える高機能なJavaScriptライブラリを厳選してご紹介してみようと思います。 ライブラリ単体でそのままWebアプリとしてリリースできそうなレベルのものから、ちょっとした機能を追加できるものまでピックアップしてみたのでご興味がある方はぜひ参考にしてみてください！ なお、JavaScriptはpaizaラーニングの「JavaScript入門編」で学ぶことができます。そちらも合わせてチェックしてみてください。 オーディオファイルを柔軟に制御できるライブラリ！ 【 howler.js 】 MP3 / WAV / AAC / OGG…など多彩なコーデックに対応しているうえ、オーディオスプライトによる制御も可能なライブラリが「howler.js」です。 音楽プレイヤーはもちろん、オーディオ制作アプリやゲー

あんど( @ampersand_xyz )と申します。 クイズメーカーなど、色々なサービスを個人でリリースしているフリーのエンジニアです。 個人開発を支える技術のアドベントカレンダーではサービスを構築するArchitectureに関する技術の話題が多いなか、周りの方やマシュマロからの匿名メッセージ質問でUIのことに関する質問などが多かったので、本投稿ではUIやデザイン周りに関するTechnic…と言えるほど上等なものではないのですが、そのあたりの技術をお話したいと思います。 なお、自分は正直かなり我流で適当にやっているので、もっといい方法のツッコミなど歓迎しております。 1.画面サイズの最大・最小幅を最初に決めておく まずはじめにここを決めます。 いかにリキッドデザインやレスポンシブで画面を作成するといえども、極端に幅が小さい、または大きいデバイスを相手にする場合、どうしてもサイズ整合性を

この記事は、SRE Advent Calendar 2018 - Qiitaの24日目として投稿しています。 SRE風のインフラエンジニア SREとDevOps そもそもDevOpsとは SRE本でも取り上げられている、DevとOpsの目的の差異 ミクロなDevの目的 ミクロなOpsの目的 Ops側の視点での安定性の考え方を改める システムを高速に更新可能にしておくことで安定性を担保する インフラエンジニアではなくSREとしてどう高速リリースを実現するか プロダクトの高速リリースに効くところを見極める リリースするにあたっての心配事を潰す 開発チームが自律して動ける仕組みやツールを提供する 今の組織でやれていること 開発チーム出身の人がSREチームにジョインしてくれている SREチームに入る新人のエンジニアさんもRails研修などを通して最低限の開発力を持っている SREチームのケツを叩い

昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまりで、仮想DOMがどのように実装されているか解説した記事はすくない。 ということで、当記事では理解を深めるために仮想DOMを使ったフレームワークを自作し、仮想DOMに入門する！ そして、ReactやVue.jsを単なるブラックボックスのフレームワークではなく、中身を理解して使えるようになることを、当記事の目標とする。 フレームワークが完成すると以下のようなWebアプリケーションがつくれるようになる。 TOC 記事が長くなりそうなのでも目次 そもそもDOMとは？ D

マイナビ出版社様および、著者（かつ、私から見たら元同僚）の櫻井さん（このエントリーではこの後sakuさんと称す）*1のご厚意により、一冊頂戴いたしました. Dockerによるアプリケーション開発環境構築ガイド 作者: 櫻井洋一郎,村崎大輔出版社/メーカー: マイナビ出版発売日: 2018/05/29メディア: 単行本（ソフトカバー）この商品を含むブログ (1件) を見る ありがとうございます！ 結論から言うと、タイトルの通り プロのエンジニアを名乗って一人前に仕事するなら一冊個人なり会社なりで持っておけ！！！ っていうくらい（元同僚バイアスを抜きにしても）よくできている本なので、感想（書評）と自分のDockerなお話を書きたいと思います. TL;DR Dockerはじめての人も使ってる人も「Dockerによるアプリケーション開発環境構築ガイド」は手元においておけ、それぐらい良い本だぞ！ サ

はじめに 本連載は、開発を加速・効率化させるソフトウェアテストをテーマに解説を進めています。前回の解説で、読者の方々はソフトウェアテストの新たな分類やそのアプローチを知ることができたのではないでしょうか。 今回は、「開発者としての」という視点で「テスト自動化」の実践に向けた基本を解説します。なお、ここではテスト自動化を下記のように定義することとします。 「ソフトウェアを使って、テストマネジメント、テスト設計、テスト実行、結果チェックなどのテスト活動の実行や支援をすること（ソフトウェアテスト標準用語集（日本語版）Version 2.3.J02）」 その上で、皆さんが開発者にとってのテスト自動化を知り、テスト自動化をどのように実施するかチームで議論・決められるようになることを期待しています。 開発者にとってのテスト自動化のメリット テスト自動化とは人手で行うことをソフトウェアで実施することにな

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

どうも、まさとらん（@0310lan）です！ 今回は、面倒な開発環境を一瞬で構築してブラウザ上からWebアプリを気軽に開発＆公開できる無料のWebサービスをご紹介します！ 完全なオープンソースで開発が進められており、React / Angular / Vueなどのプロジェクトを誰でも簡単にプログラミングできる高度なエディタを搭載しているのが特徴です。 【 CodeSandbox 】 ■「CodeSandbox」の使い方 それでは、まず最初に「CodeSandbox」の使い方から見ていきましょう！ サイトにアクセスしたら、画面右上にあるボタンをクリックします。 次に、「React」「Vue」「Angular」などのプロジェクトを選択する画面が開きます。 ここで好きなフレームワークを選んだり、素のJavaScript（Vanilla JS）やCLIツール、GitHubからリポジトリを読み込んだ

東京大学、Tシャツみたいに動かすと複雑に変形する物体へ追跡しながらカラー映像を投影する新たなプロジェクションマッピング技術を発表 2018-03-08 東京大学の石川渡辺研究室は、Tシャツみたいに動かすと複雑に変形する物体（非剛体）へ追跡しながらカラー映像を投影する新たなダイナミックプロジェクションマッピングを発表しました。 映像でもわかるように、激しく動作しても上半身の服にぴったり張り付いているようにカラー映像が投影されているのが確認できます。これは、新型の高速プロジェクタ「DynaFlash v2（3-LED＋1-DMD）」と、10台のカメラを駆使したトラッキングシステムを組み合わせて実現します。 新型の高速プロジェクタDynaFlash v2は、同研究室が過去に発表している1,000fps遅延3msで投影するモノクロ高速プロジェクタ「DynaFlash」のアップグレード版であり、94

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 先日Web Developer Roadmapが2018年版に更新されました。(kamranahmedse/developer-roadmap) 簡単に言えばWebに携わっている人が何かを勉強＆実装する際に迷ったら見ろ！って感じのやつです。 チョーヤバ/ナウい/MK5の三段階で世にある技術を区別しています。更に大きな枠としてFront-end/Back-end/Dev Opsと分けられています。 正直Dev Opsはさっぱりピーマンなのであまり触れられませんが、2017と2018で変わったところがあれば注目して書いていこうかなって記事で

マイクロソフトはオープンソースで開発している無償のコードエディタ「Visual Studio Code」（以下VSCode）をJUnit対応にする拡張機能「Java Test Runner」のリリースを発表しました。 「JUnit」は、Javaで単体テストの自動化を行うためのフレームワークです。さまざまな開発ツールでサポートされており、Javaの単体テストを行う際の事実上の標準といえます。 VSCodeに拡張機能「Java Test Runner」を追加することで、JUnit4のテストを認識し、VSCode上でテストの実行や実行結果、テストコードのデバッグなどが可能になります。 下図は、テストコードを実行するところ。

$k$は定数で、だいたい0.04~0.06くらいです。Rの値によって以下のように分類できます。 Rが大きい: corner Rが小さい: flat R < 0: edge 図にすると、以下のようになります。 CSE/EE486 Computer Vision I, Lecture 06, Corner Detection, p22 これで手早くcornerを検出できるようになりました。ここで、corner検出についてまとめておきます。 cornerは複数のedgeが集まる箇所と定義できる 変化量をまとめた行列の固有ベクトルからedgeの向き、固有値の大きさから変化量の大きさ(edgeらしさ)がわかる 2つの固有値の値を基に、edge、corner、flatを判定できる 固有値の計算は手間であるため、判定式を利用し計算を簡略化する なお、Harrisはedgeの向きである固有ベクトルを考慮す