解決したい問題 例として、飲食店の予約サービスを考える。 予約を受け付けるためには各店舗の営業スケジュールを管理しておいて、営業日の営業時間内のみ予約を受け付けるようにする必要がある。 たとえば、ある店舗は各曜日の営業時間について、以下のように定めているとする。 平日:11:30-22:00 土曜日:11:00-22:00 日曜日:11:00-21:00 定休日:木曜日 これを素朴に設計すると、たとえば以下のような「営業日については営業時間を保持し、定休日についてはレコードがない」というテーブルになるかもしれない。 店舗 曜日 開店時刻 閉店時刻
その他 OS の方は GitHub のrelease ページから DL することができます。 使い方 tv はミニマムな CLI として作ったのでテーブル表示の機能とそれに付随したオプションのみを提供しています。 配列になっている JSON をテーブル表示する キーを指定することでそのキーを使ってソートできる いくつかのスタイルでテーブルを表示できる 以上が主の機能です。 Table 表示 ユースケースとして JSON が帰ってくる API を想定します。 API の例として jsonplaceholder を利用します。 今回は https://jsonplaceholder.typicode.com/users を使います。 この API は以下のようなデータが返ってきます。 $ curl -s https://jsonplaceholder.typicode.com/users [
こんにちは!がねこまさしです。「WebRTCを使ってみよう」シリーズの最新話をお送りします。今回は、簡易的な放送局を作ってみましょう。 片方向配信の特徴 WebRTCを使った音声通話、ビデオチャットのサンプルには、双方向のものが多く見られます。ライブラリもそれを前提とした作りのモノが多いようです。なので今回は、片方向配信を実際に動かしてみましょう。 片方向配信には、双方向通信とは異なる特徴があります。 視聴側はカメラやマイクといった機器が不要なので、参加のハードルが下がる Peer-to-Peerでもフルメッシュ構造にはならないので、より多くの人が同時に利用できる 特に同時接続数はは双方向では4~5人が実用範囲なのに対し、片方向では10~30人程度に対して1つのPCから配信できます。ちょっとした仲間内のイベントや、社内イベントであれば、十分にカバーできるのではないでしょうか?(社内で動かせ
12/24 タイトルとgithubのリンク修正 ペロッとな。 全ソースはgithubに上げておきました。 ClipSample 手順としては 切り取り線を描く。 表示上の切り取り線と、実際の画像用の切り取り線を別に用意しておいてそれを元にマスク画像を作る。 マスク画像と実画像を合成。 切り取り線を囲める四角形で合成画像を切り取り、別画像としてaddsubView。 切り取られた感を出すため、元画像の切り取り線内部を灰色にする。 別画像をつかんだ場合、離すまでは自由に動かせるようにする。ただし一度だけ。 といった感じです。 切り取り線はCGPathで描画してます。CALayerを追加しておいてそれのプロパティのpathにセットしてやることで線を表現出来る。 override func viewDidLoad() { super.viewDidLoad() clipLayer = CAShap
Let's Encrypt で取得したサーバ証明書を Nginxに設定するための手順。 確認した環境は次の通り。 OS: CentOS 7.2 Nginx 1.11 Let's Encrypt 導入の事前準備 証明書を取得したいドメインでアクセスできるサーバを立てておく。 アプリケーションやHTTPサーバのインストールは必ずしも必要ないが、次の2点が必要。 取得したいドメインがDNSで名前解決できる 80番ポートでアクセスできる 以下の操作はそのサーバ上で行う。 certbot のインストール まず、Let's Encrypt のクライアントcertbotをインストール。 インストールと言っても、git で cloneするだけ。 以下の例では、/usr/local にインストールしているが、場所はどこでもよい。 $ cd /usr/local $ git clone https://git
動機・前提 今更ながら、とある案件でガワネイティブの要望が出てきそうだったので、事前調査としていくつか調べました。 "ガワネイティブ"という表記が一般的なのかは不明ですがこの記事では、 Webとスマホネイティブの間にある技術(ガワネイティブやハイブリッド、クロスプラットフォームなど) で記載したように「アプリ内WebViewで、サーバがレンダリングしたHTMLを表示する」とします。 サンプルとして作ったもの WebView内に表示するHTML https://github.com/noboru-i/sample-html/blob/master/webview.html iOS側のサンプル(playground形式) https://github.com/noboru-i/sample-hybrid-ios WKWebViewを利用しています。 Android側のサンプル https://
はじめに Kotlinの文法を短時間でざっと確認することが目的。最初はどんな言語なのか外観を掴む感じで全体に目を通して、書いたり読んだりしながら必要なところを見直すのが良いんじゃないかと。 汎用的なライブラリではなく、アプリケーションを書く際に必要な項目を重視して、リファレンスの内容をコンパクトにまとめた1。網羅性はかなりのものだと思うが、なんじゃこれってのが出てきたら、その時にリファレンスで詳細を調べればいい。 細かい文法についてはリファレンスを元に日本語で解説した記事を用意したのでそちらを参照。 基本的にJavaを知っていることが前提だけど、他のオブジェクト指向言語を知っていれば理解できると思う。 変数 // Kotlinでは文の後ろにセミコロンはいらない // 頭にvalって付けると変更不可 val num = 3 // 3はInt型なので、numもInt型だとコンパイラが推論してく
iOS/Androidネイティブアプリ用デバッガ「Sonar」、Facebookがオープンソースで公開。実機およびエミュレータを用いたデバッグに対応 SonarはmacOS用のデスクトップアプリケーションです。デバッグ対象となるネイティブアプリケーションにSonar用SDKを組み込むことで、デバッグ対象アプリケーションとSonarのあいだでデバッグ用の情報がやりとりできるようになります。 デバッグ対象のアプリケーションは実機もしくはエミュレータのいずれで実行したものであっても対応。 Sonarはプラグインによって拡張可能になっていますが、最初から「ログ」「レイアウトイスペクター」「ネットワーク」の3つのプラグインがバンドルされています。 下記はログプラグインの機能を用いてログ収集画面を開いたところ。Androidエミュレータ上で実行されているアプリケーションの動作ログがSonar上で参照で
Laravel5 を試したメモ 他のフレームワークを利用している人が、Webアプリを作成するにあたって抑えておくべきポイントだけピックアップしてみた インストール ローカル開発環境の準備 Laravel5は、PHPやNginx、MySQLなど必要なパッケージをインストールずみのVagrantローカル開発環境 Homestead 提供している Homesteadのセットアップ手順については、Laravel 5 ローカル開発環境 homestead 構築手順にまとめている Laravel プロジェクトの作成 すでにPHP実行環境がある場合は、Composerでプロジェクトを生成して開発を始める Laravelインストール手順は、DocumentationのInstallationを参照 $ composer create-project laravel/laravel --prefer-dis
Idiormとは PDOをそのまま使って業務システムを組んでいたのですが、大きくなるにつれてツラくなってきたので、ラッパーライブラリを探すことにしました。 以前はDoctrineを使っていたのですが、今の業務で使うには高機能すぎる感じがしたので、薄いライブラリを探していたところ、Idiormというのが良さそうだったので試してみることにしました。 $user = ORM::for_table('user') ->where_equal('username', 'j4mie') ->find_one(); $user->first_name = 'Jamie'; $user->save(); $tweets = ORM::for_table('tweet') ->select('tweet.*') ->join('user', array( 'user.id', '=', 'tweet.use
ブログの管理画面の様な、記事編集フォームを自分のサイトに取り込む方法です。 こういったフォームは、リッチテキストエディタやwysiwygエディタ、HTMLエディタなどと言われ、 wordpressの記事編集の様な操作を可能とします。 オフィスシリーズでいうと、ワードの様な操作感でしょうか。 簡単にコンテンツの編集、作成が可能なので、とてもユーザにとって便利かと思います。 今回は、そんなHTMLエディタの導入方法です。 画像添付関係は有料だというツールが多く出回っていますが、完全無料で最後まで解説いたします。 無料で高機能なHTMLエディタを入手しよう HTMLエディタを環境に合わせて調整する elRTEを日本語化しよう! HTMLエディタの値の取得、HTMLエディタへ値をセット elFinderを組み合わせて画像のアップロードを可能にする elRTEにelFinderを組み込もう 実際にオ
IEEE Internet Computingの2017年5・6月号に "Two Decades of Recommender Systems at Amazon.com" という記事が掲載された。 2003年に同誌に掲載されたレポート "Amazon.com Recommendations: Item-to-Item Collaborative Filtering" が Test of Time、つまり『時代が証明したで賞』を受賞したことをうけての特別記事らしい 1。 「この商品を買った人はこんな商品も買っています」という推薦で有名なAmazonが1998年にその土台となるアルゴリズムの特許を出願してから20年、彼らが 推薦アルゴリズムをどのような視点で改良してきたのか 今、どのような未来を想像するのか その一端を知ることができる記事だった。 アイテムベース協調フィルタリング 20年前も
JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め~実践向け逆引き(windows,chrome向け)~JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました! こんにちは!エイチーム引越し侍の加藤です! みなさんJavaScript書いてますか? console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、 消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。 前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が
ファイルサイズが調整されたダミー画像を作成する方法 単純にダミー画像が必要であれば、様々なWebサービスが公開されているのでそれらを利用するのが簡単です。国内のサービスであれば、 placehold.jp が有名ですね。国内サーバーで運営されているので、レスポンスが良く快適です。 Placehold.jp|ダミー画像生成 モック用画像作成 http://placehold.jp/ 例えば、以下のようにするとダミー画像を取得できます。 <img src="http://placehold.jp/30/8aafff/ededed/400x150.png?text=hostingstock.net" alt="" /> 類似サービスが多数あります。 Placehold.it - Quick and simple image placeholders http://www.placehold.it
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く