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

先日リリースされたGoogle Play Serivces 7.8ですが、新しく Face APIという顔検出用APIが追加されました。 Face Detection in Google Play services このAPIは Mobile Vision API としてバーコードAPIなどと合わせて提供されます。 7.8の新機能に Nearby Messages など面白そうなものがありますが、顔検出は前々から興味があったので、このような形でAPIがリリースされ嬉しく思います。 元々Android APIにも FaceDetectorクラスがあったのですが、顔の矩形が取れず、いまいち使いづらかったのですが、Face APIでは取得できるようになりました。 このあたり、自分でやるのはめんどいですからね('A`) Face APIの使い方 基本的な使い方はチュートリアルとサンプルから知ること

MicrosoftのCognitive Servicesの表情認識APIを使ってみた 注意: APIの使用方法がかなり変わってしまったので、いま記事を書き直しています。 ブログ宣伝：http://jotarout.hatenablog.com/ ##顔は心の窓？ 人の表情を知ることで、その人の生理的・内部的状態を推定できるかもしれない。 コンピューターの力を借りて、あらゆる人の表情を認識してみよう。 Microsoftの表情認識APIを使う。 ↑のサイトから登録して、APIキーを得たら、 ソースコードと同じディレクトリにapi_key.txtに保存しておく。 コードはこれ。同じディレクトリにAPIキーと好きな画像を用意しておく。 ひとまずは、表情の横っちょに5つ感情とレベルを表示するUIを引っ付ける、みたいなコードを書きます。 # Calling Emotion APIs is # res

本連載「こっそり始めるGit／GitHub超入門」では、バージョン管理システム「Git」とGitのホスティングサービスの一つ「GitHub」を使うために必要な知識を基礎から解説していきます。具体的な操作を交えながら解説していきますので、本連載を最後まで読み終えるころには、GitやGitHubの基本的な操作が身に付いた状態になっていると思います。 連載第1回のテーマは「Gitを使い始めるための環境構築」です。Gitのインストールと動作確認の手順について、WindowsとmacOSそれぞれの環境に対して解説していきます。ぜひ、この機会に環境構築にチャレンジしてみてください。 Windows環境でのGitのインストール 先にWindowsへのインストール手順を解説していきます。筆者が実行した環境は「Windows 11」です。 Git for Windows 2.40.0のダウンロード 下記UR

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

最近、API22が入ったタイミングで起こるようになった問題。ぽい。 Android StudioのDesignでエラー(Rendering Problems)が出る。 だから、GUIでのレイアウト作成ができない！ Android初心者からしたら大問題で、挫折しそうになりました。 なんとか対応策を見つけたのですが、new projectの度、いつも忘れてて時間を取られるのでメモです。 いろんなところで、書かれている対応方法 DesignのAPIバージョンを21にする ドロイドのアイコンからバージョンを選択。 22じゃなくて、SDKが入っているバージョンを選べばいいぽい。僕は、21の機能を使いたいので。 bundle.gradle(app)に書かれているバージョンを21.1.2にする これも、自分が使うものでいいぽい。 projectをcleanする やりますね。clean、build、And

何も始めていない状態で出たので当惑。エラーメッセージおよび画面は以下。 Rendering Problems The following classes could not be instantiated: - android.support.v7.internal.widget.ActionBarOverlayLayout (Open Class, Show Exception, Clear Cache) 環境 AndroidStudio v1.2.1.1 解決策 res/values/styles.xml内の<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">を修正すればOK。 <resources> <!-- Base application theme. --> <style name="AppTh

こんにちは、okutani(@okutani_t)です。本記事では、MacにHomebrewを使ってGitを導入する手順をご紹介しています。 Macにアプリケーションをかんたんにインストールできるパッケージ管理ソフト「Homebrew」を使うことで、すくない手順でGitを導入することができます。 Homebrewはとても便利なツールなので、本記事ではこちらを利用してGitを導入していきます。 では、まずはじめにGitの概要について見ていきましょう。 スポンサーリンク Gitとは？ Gitは「バージョン管理システム」の１つです。 Git上でファイルを管理することで、間違って上書きしてしまったファイルやうっかり消してしまったファイル等を、以前登録してあったデータに戻すことができる便利なツールです。 Gitを使って開発を進めることで、開発時のバージョンを一元管理できます。最近ではプログラマーの人

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

見て分かるとおり、プログラミング言語としてScalaやCeylon、Javaな人にはお馴染みのSpring BootやMavenなどもインストールできます。 これらをSDKMANでインストールすれば、バージョンも簡単に切り替えられますし、パスもわざわざ自分で通す必要がありません。 全てのファイルは$HOME/.sdkmanとうディレクトリに格納されるので、システム環境を汚すこともありません。 各プロダクトで新しいバージョンが出るとかなり早めにSDKMANから利用できるようになります。（というかだいたい即日） #インストール 先ほどのGithubのREADMEに有ります。 2015年12月22日現在ではcurl -s api.sdkman.io | bashというコマンドを実行すればOKです。 インストールが終わったら、ターミナルの再起動か、source .sdkman/bin/sdkman

株式会社TECH LUCKという会社で代表兼エンジニアをしている齊藤です。 プロキシ環境下でGitHubに接続する際には、ターミナルでプロキシ設定をしないと接続することができません。 今回はプロキシ環境で、ターミナルからGitHubに接続する際の設定を説明したいと思います。 ※この記事はMacOSが前提となります。 設定方法 ターミナル自体にプロキシの設定をする

Qiita 及び Kobito による投稿テストを兼ねて． 大学とかで Terminal で homebrew を使う時とか proxy で弾かれて毎回調べてるので... Markdown 記法ムズカシイネ... exportによる設定 設定するとき $ export http_proxy="http://[hogehoge]:[port]" $ export https_proxy="https://[hogehoge]:[port]"

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

先にも述べたように、デバッグ実行（launch.jsonファイル周り）の都合で生成したプロジェクトのフォルダを開き直す必要があるのが惜しいが、yoコマンドをVS Code内で実行できるのは少しうれしいところだ。 Runner拡張機能 Runner拡張機能は、その名の通り、「プログラムを実行する」拡張機能だ。 「は？」と思う方もいらっしゃるかもしれない。VS Codeではプログラムを実行する方法がそもそも幾つかあるからだ。 もちろん、［デバッグ］サイドバーにある［デバッグの開始］ボタンをクリックするのが最も一般的な方法だ（初回起動時にはlaunch.jsonファイルが生成されるので、自分のプロジェクトに合わせてこれを確認、編集する必要がある）。あるいは、タスクランナーを構成して、そこで自分が書いたプログラムを実行するタスクを記述する方法もある。以下に例を示す。これは現在開いているプロジェクト

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

スライド 当記事は以前勉強会でLTしたものです。 スライドは下記にあります。 フロントエンド覚えること多すぎ問題 モダンなフロントエンド開発で、入門記事を探そうとすると、 まずwebpackやTypeScript, Babelによるビルド環境構築から始まる記事が多くヒットします。 ですが、Node.jsの初心者がいきなり複数のツールを習得しようとすることが 挫折の原因になっていると感じています。 ですので、まずNode.jsをインストールした直後から、必ず使うことになる、 npmの機能をまず覚えておきましょう。 フロントエンド開発で覚えるべき３つのコマンド 以下の3つだけ覚えておきましょう。 npm init npm install npm run これだけ覚えれば、ひとまずフロントエンド開発を進めることができます。 完璧なワークフローを構築するのは、書いているアプリが大きくなってきてから

Bootstrap 4のデザインを編集するにはCSSの更新が必要ですが、CSSだけを使うよりもBootstrap 4で導入されたSassを使う方が効率的にかつ細かくデザインをカスタマイズできます。本エントリーでは、Sassを使った効率的なデザインカスタマイズ方法を紹介します。 Bootstrap 4のデザインのカスタマイズ方法 Bootstrap 4のコンポーネント機能を用い、タブとボタンを実装したコンテンツを例にとって説明します。デモはjsdo.itにアップしています。 なお、基本的なBootstrap 4の導入方法については記事「5分で導入できるBootstrap 4 超入門 〜タブを作ってみよう〜」を参照ください。 ▲ Bootstrap 4を使って実装したタブとボタン このコンテンツに、下記のデザイン更新を加えてみましょう。 全体の角丸をなくす 青い背景部分を赤い背景にする デザイ

Version 1.94 is now available! Read about the new features and fixes from September. Terminal Basics Visual Studio Code includes a full featured integrated terminal that starts at the root of your workspace. It provides integration with the editor to support features like links and error detection. The integrated terminal can run commands such as mkdir and git just like a standalone terminal. You

タスク管理ツール「Trello」の使い方の、応用編です。Trelloは日本語に対応して、より一層使いやすくなりましたね。今回は、無料版でも使える、Trelloの一歩進んだ使い方を紹介します。 この記事を読むと、こういったことがわかります。 「もっと見る」の中にある、「ラベル機能」を活かせるようになる 「絞り込み機能」で期限切れのタスクなどを可視化できるようになる Chrome拡張を使って、Trelloをガントチャートに落とせるようになる ▼「Trelloってそもそも何？」という方は、こちらの記事をどうぞ Trello（トレロ）でタスク管理がラクになる！無料版の使い方・始め方を解説 ついに日本語化！「Trello」の便利なChrome拡張・Slack連携を紹介します！ タスク管理ツール「Trello」をもっと使い倒す！ガントチャートも作れる応用編 Slackに新機能「メッセージボタン」が登場

BoothLowEnergyの電波強度の測定アプリを作る際に「JFreeChart以外で何か良いグラフ描画ライブラリがないだろうか？」って思って見つけた「MPAndroidChart」を使ってサンプルアプリを作った話です。ネット上では日本語でこのライブラリについて書いているドキュメントはいくつかあるのですが、リアルタイム更新について書かれたものは見つかりませんでした。（MPAndroidChartについて書かれた日本語のブログは一番下の「参考サイト」で紹介します。）なので、リアルタイム更新について取り扱った記事を書きます！ このグラフで何ができるか？リアルタイムでグラフを更新していくにはどうしたらいいか？というのをつかんでいただけたら幸いです。 MPAndroidChartとは? Philipp Johada氏が作ったAndroid用グラフ描画ライブラリです。（2015/12/30時点での

皆さん、こんにちは。テクニカルエバンジェリスト戸倉彩です。 今回は、Visual Studio Codeのバージョン1.2以降から利用できるようになったターミナル機能の統合の設定に関する話です。 初期設定では、統合ターミナル(Integrated Terminal)を呼び出すと、Windowsの場合はコマンドプロンプトがVisual Studio Codeの画面の中で統合して使えるようになります。 ▼こんな感じ。 ↑↑↑ コマンドプロンプトがVisual Studio Codeの中で使える ↑↑↑ これを、 「PowerShellにしたい!!!」 と思った方もいらっしゃるのではないでしょうか？ 統合ターミナルの設定の内容は、メニューの「ファイル」→「基本設定」→「ユーザー設定」で表示されるファイル内で確認することができます。 ちょうど449行目あたりに下記のように記述してあります。 Win

webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない･･･なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2023年3月現在のwebpack 5（2020年10月リリース）以上で解説しています。 本記事で解説しているこ

webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない･･･なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2023年3月現在のwebpack 5（2020年10月リリース）以上で解説しています。 本記事で解説しているこ

PHPで使えるレコメンドエンジンはいくつか存在しますが、ドキュメント不足だったり、非推奨な関数が使われていたりで満足いくものではありませんでした。 ですので、自分で実装することにしました。 ※2016/08/25追記 ライブラリ化しました！ https://github.com/YuzuruS/redis-recommend packagistに登録もしてあるので、composerを使って簡単にインストールできます。

この記事はWebpack — The Confusing Partsを、筆者の許諾を得て意訳しています。 何か誤りがありましたら、ご指摘いただけると幸いです。 (以下、訳) ReactとReduxで作られたアプリケーションにとって、Webpackは最先端を行くモジュールバンドラです。Angluar2やその他のフレームワークを使っている人々は、たいへんWebpackのお世話になっていることでしょう。 私が初めてWebpackの設定ファイルを見た時、それはさながら宇宙人のようで非常にわかりづらく見えました。しばらく試しているうちに、今では次のように考えるようになりました。Webpackは単に独特のシンタックスと新しい哲学を持っており、それがとっつきにくさの原因になっているのだと。偶発的とはいえ、これらの哲学は、Webpackの人気を押し上げた原因の１つでもあります。 Webpackのとっつきに

ちょっとバージョンアップ http://qiita.com/koh110/items/f6ecbdc03093675a9527 自分なりに使いやすいフロントエンドの開発環境を整えて使っていたけれど、だんだん時代の流れにそぐわない箇所が出てきたのでその部分を書き換えてアップデートしてみた。 http://qiita.com/koh110/items/9c750fb67e40481e52cd 昔のバージョンはv1.0.0というブランチに切り出し https://github.com/koh110/minjsapp やめたもの gulp-load-plugins run-sequence bower モジュールやライブラリへの依存度を下げたかった 変更したもの gulp-babel -> webpack + babel-loader requireしたかった 追加したもの sassコンパル 生c

「Bootstrap」を利用したサイトを製作するために、「Bootstrap for Sass」と「Node.js（npm）」、「bower」、「gulp」を用いて開発環境を構築するためのテンプレートを作成していきたいと思います。 単純に「Sass」の導入だけでも十分に便利になることは間違いありませんが、もう少し踏み込んで「gulp」の導入まで進めておくと、ベンダープレフィックスの付与やファイルの圧縮・ミニファイなどまで自動で完了させることができるので、この機会にまとめて導入を考えてみてはよいのではないでしょうか。 今回は、「npm」や「bower」、そして「gulp」を用いることで「Bootstrap for Sass」が始められるような環境を構築、また「gulp」の「タスク」などもあわせて公開し、細かいところはともかくとして「とりあえずサイトを便利に製作できる」という地点にまでご案内し

はじめに この記事は「旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門」の2つ目の記事です。 シリーズの最初から読みたい方は 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ へどうぞ。 また、このシリーズではECMAScript5を概ね対応するブラウザを対象としています。 もっと平たくいうと、IE8以下は切り捨てます。ご了承ください。 そしてプロによるマサカリ 対策として一つ重要な注意書きをします。 この記事中で出てくる「CommonJSモジュール」という表現は全て「CommonJSのModules 1.0仕様をベースとして、Node.jsが独自に拡張したCommonJS派生のモジュール仕様及びインターフェース(require/exports

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

こんにちは。 マネーフォワードでAndroidエンジニアをしています福本です。 今回は、当社Androidアプリでも使用している素敵なグラフライブラリ MPAndroidChart をご紹介したいと思います。 MPAndroidChart MPAndroidChartライブラリは、円グラフ、棒グラフ、線グラフといった様々なグラフを表示することが可能になるライブラリです。 自前でグラフ表示するとなると大変ですが、こういう素敵なライブラリがあると便利ですね。 ありがたく使わせていただきましょう。 では、導入方法をご紹介します。 導入 ※AndroidStudioを使用している前提です。 build.gradleに以下設定を追加すれば、導入完了です！ repositories { maven { url "https://jitpack.io" } } dependencies { compil

The Software Development Kit ManagerMeet SDKMAN! – your reliable companion for effortlessly managing multiple Software Development Kits on Unix systems. Imagine having different versions of SDKs and needing a stress-free way to switch between them. SDKMAN! steps in with its easy-to-use Command Line Interface (CLI) and API. Formerly known as GVM, the Groovy enVironment Manager, SDKMAN! draws inspir

I'm using Webpack in my application, in which I create two entry points - bundle.js for all my JavaScript files/codes, and vendors.js for all libraries like jQuery and React. What do I do in order to use plugins which have jQuery as their dependencies and I want to have them also in vendors.js? What if those plugins have multiple dependencies? Currently I'm trying to use this jQuery plugin here -

ダウンロード Bootstrap (翻訳対象バージョン v3.3.5) には、さまざまな熟練度や用途に応じて、すぐに始められる簡単な方法が用意されています。どれがあなたのニーズに合うか、読み通して見つけてください。 Bootstrap コンパイルされて圧縮された CSS と JavaScript とフォント。ドキュメントやソースファイルは含まれていません。 Bootstrap をダウンロード

最終更新日 2014年12月22日 バージョン情報 gulp 3.8.10 / node.js v0.10.33 / npm 1.3.6

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 思い立ったが吉日ということで、プロジェクトのモジュール管理をRequire.jsからBrowserifyへと移行し、その直後にWebpackに移行しました。もうちょっと考えてツールを選ぼうと思います。 さて、Require.jsからBrowserifyへ変えた理由は、シンタックスをCommonJS的に書けるようになって、全体がシンプルになるから、という理由でしたが、BrowserifyからWebpackへの移行は、もうちょっと切ない理由での移行になりました。 Webpackとは ドキュメントも若干わかりづらいですが充実しており、基本的に

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

レッスン一覧 料金プラン ログイン 2024/11/28 NEW 【週刊ドットインストール】 14年目に突入！レッスン制作の進捗、ミニクイズ更新情報 2024/11/28 NEW 「PHP入門 制御構造編」のミニクイズをリリースしました 2024/11/28 NEW 「PHP入門 基礎文法編」のミニクイズをリリースしました 2024/11/27 NEW 「Python入門 クラス編」のミニクイズをリリースしました 2024/11/27 NEW 「Python入門 標準ライブラリ編」のミニクイズをリリースしました 2024/11/27 NEW 「Python入門 データ構造編」のミニクイズをリリースしました 2024/11/25 NEW 「Python入門 関数編」のミニクイズをリリースしました 2024/11/25 NEW 「実践！ECサイトを模写しよう」のミニクイズをリリースしました 2

はじめに 今回から具体的なバージョン管理システムを用いたAndroid Studioの連携を紹介します。第3回で紹介したサンプルコードが手頃なので、このプロジェクトをそれぞれのバージョン管理システムに対応させていきます。 手始めに最近もっとも人気があるGitとGitHubについてです。GitやGitHubについては多くを説明しませんので、他の記事やWebリソースで学習しておいてください。 事前準備 Android Studioは標準でGitやGitHubをサポートしていますが、最低限以下の準備を行っておいてください。 Gitのコマンドラインツール（git）を導入しておく GitHubのアカウントを用意しておく コマンドラインツールはGitの公式サイトから、それぞれのプラットフォームに対応したものをダウンロードしてインストールしておいてください。 環境変数 PATH に gitコマンドが登録

よく訓練されたアップル信者、都元です。Gradle（グレードル）つかってますか？ 筆者は、プロダクトコードを書くのも好きなのですが、その周辺にある「プロジェクトのライフサイクル管理」の自動化にも非常に興味を持っています。つい半年前くらいまではMaven信者だったのですが、今は宗旨替えをし、Gradleにどっぷりハマっております。 Gradleは、進化系のビルド自動化ツールです。Gradleは、ソフトウェアパッケージもちろん、その他様々な形式のプロジェクト（例えば自動生成された静的Webサイトやドキュメント等）のビルド・テスト・（ライブラリ等の）公開・デプロイ・その他を自動化します。 プロジェクトライフサイクルマネジメントツール? このようなビルド自動化は、古くはGNU Makeやシェルスクリプトが利用されており、その後Javaの世界ではAnt, Mavenと進化を遂げて来ました。Gradl

CSSを効率的に書くための記法であるSass/SCSSについて学んでいきます。