フロントエンド

Nagios Core 4.0.0 をソースからインストールする

[!NOTE] この記事は 2013/09/22 に momoto.github.io へ投稿した内容を Qiita へ移行してきたものです  Nagios Core 4.0.0 と Nagios Plugins 1.4.16 をソースからインストールします。OS は CentOS 6.4 を使用しています。 1. ソースコードを取得する  www.nagios.org から Nagios Core 4.0.0 と Nagios Plugins 1.4.16 のソースコードを取得します。 $ cd /usr/local/src/ $ sudo wget http://prdownloads.sourceforge.net/sourceforge/nagios/nagios-4.0.0.tar.gz $ sudo wget ht...

Atomic DesignをReact + styled-componentsで頑張る

備忘録で書きます。 styled-components css in jsの一種でJSX内でcssを書くためのツールです。 ES6のタグ付きテンプレートリテラルを使用し、ネストして書けたり、extend機能などが使えて人気のツールとなっています。 SSRやReact Nativeにも対応していて、位置的にはzeitが作っているstyled-jsxに近いんじゃないかと。 styled-components https://github.com/styled-components/styled-components 具体的には以下のようにstyled.buttonのように記述するとbutton要素としてReactコンポ...

Pythonによるスクレイピング&機械学習のお勉強その1-2 - BeautifulSoupでスクレイピング

今回の目標 このシリーズでは教科書(文献1)に沿ってPythonによるスクレイピングと機械学習を学びます。今回は第1章「クローリングとスクレイピング」から1-2「BeautifulSoupでスクレイピング」を学びます。 前回のペースだとかなり長丁場になりそうだったので、簡潔にすすめてゆきたいところです。 原則、教科書のサンプルプログラムを作成してゆきますが、著作権に配慮し、できるだけそのままではなく類題を作成して勉強してゆく方針です。 方法と結果 準備 その0で作成した学習用doc...

物体検出とボケ検出で一眼レフ風の料理写真候補抽出

この記事は Retty Inc. Advent Calendar 2017 7日目です。 昨日は @ryota-yamamoto さんによる Vue.jsでコンソールに絵を描く ~ ES6を添えて ~ でした。 はじめに こんにちは、Rettyでエンジニアをしておりますtamatsu(@koji-t )と申します。 去年【Darknet】リアルタイムオブジェクト認識 YOLOをTensorflowで試すという記事を書いたので今年はこのオブジェクト認識と画像のピンぼけ情報を使って一眼レフ風の料理写真を抽出したいと思います。 一眼レフ風の料理写真とは? 抽出目的の...

minioを普通のサービスっぽく動かす

前提条件 Fedora Server 28 にて実施 サーバがインターネットに接続できること 制約事項 この手順で構築を行うと、nginx(Webサーバ)はminio専用になります minioって何? Amazon S3 互換のオブジェクトストレージ。 公式サイト 設定の手間がほとんどいらず、手軽に立てることができる。 たとえば公式の立て方の(drive)にあるように、minioのバイナリを取得して $ minio server /data とするだけで動作する。本当に簡単。 目的 systemctl (start|restart|stop) minio.service できるよ...

FreeBSD 11.1にTeX Live 2017をインストールする.

はじめに ここしばらくFreeBSDのTeX Live ports(pkg)が2015からバージョンアップされていない状態が続いています.普段使いでは特に困ることもなかったので,そのまま使い続けていたのですが,最近になってkanji-config-updmapでIPA(ex)フォントの埋め込みを設定すると,dvipdfmxでPDFファイルの作成に失敗するようになりました.そんな折に, http://anthesphoria.net/FreeBSD/TeXLive-2017/ を読んでTeX Live 2017を手動でもインストールできそうだとわかったので,挑戦してみること...

新しい映像伝送プロトコルSRTをgstreamerとVLCで試す

SRTはgstreamerとVLCの最近のバージョンでサポートされているということなので、実際に試してみました。 gstreamer のSRTプラグインをビルドする gstreamer 1.14.0 からSRTがサポートされたそうです。 Ubuntu 18.04 ではgstreamer 1.14.0が入っていますが、SRTのプラグインは含まれていませんでした。なので、ソースからビルドします。 ビルド環境の準備 Ubuntu 18.04 のGCE(Google Compute Engine)の仮想マシンを作成。 まずはgstreamerのインストール。 sudo apt install gstreamer1...

ベリサイン 個人用電子証明書 Class1 試用版を試す

[!NOTE] この記事は 2012/07/25 に seijimomoto.blogspot.com/2012/07/class1.html へ投稿した内容を Qiita へ移行してきたものです 2013 年より "ベリサイン 個人用電子証明書" は "シマンテック 個人用電子証明書" へ名称が変更されました S/MIME に必要な証明書を、無料で取得できる「ベリサイン 個人用電子証明書 Class1 試用版」を試してみる。証明書は 60 日間有効で、メールアドレスがあれば取得できる。 証明書を登録する https://digitalid.verisign.com/client/enroll.htm...

std::arrayを使って多元配列を作成する (C++11)

この記事について C++11で定義されたstd::arrayを使って多元配列を記述する方法について説明します。 多元配列の記述方法 以下のように記述することで、多元配列を表現できます。 #include <array> // int[2][3]の場合 std::array< std::array<int, 3>, 2 > mat2x3 = {0,1,2, 3,4,5}; // []を使ってアクセスできます std::cout << mat2x3[1][1]; // 4 mat2x3[0][1] = 10; // 1 -> 10に置き換え テンプレートによる型定義 上記のままでは定義方法が...

電卓アプリで学ぶReact/Redux入門(実装編)

はじめに React.jsとReduxを理解するために簡単な電卓アプリを作成しました。 今回はWelcome to Reactから始まり、実際にReact/Reduxで電卓アプリを作るまでの手順を説明したいと思います。 特にReduxのデータフローについては言葉や図だけではよくわからないと思うので、電卓アプリを実際に作成することで少しでも理解の助けになればいいなと思っております。 今回の記事では実装がメインとなっているため、React.jsやReduxの概念などについては省略しております。基礎的な部分を理解...

rails g実行時に自動作成したくないものの設定を作成する方法

rails g scaffold sampleなどのrails gコマンドは一瞬で機能ができてしまう優れものだが、いらないファイルまで作りがちになってしまうのが玉に瑕なところ。 xxxxxxxxxxxxxxxxxxBook-Air:quasi-case-exam xxxxxxxxxxx$ rails g scaffold sample Running via Spring preloader in process 12333 invoke active_record create db/migrate/20180607231739_create_samples.rb create app/models/sample.rb invoke resource_route route resourc...

Debugコマンドは万能だ!

Virtual Box $ brew cask install virtual box ==> Caveats To install and/or use virtualbox you may need to enable their kernel extension in System Preferences → Security & Privacy → General For more information refer to vendor documentation or the Apple Technical Note: https://developer.apple.com/library/content/technotes/tn2459/_index.html ==> Satisfying dependencies ==> Downloading https://download.virtualbox.org/virtualbox/5.2.8...

Eclipse で Spring Boot + Thymeleaf . (その1)

はじめに Spring Boot + Thymeleaf のサンプルプログラムをEclipseで作ってみよう。 開発環境 Windows 10 Pro 1709(16299.192) Eclipse pleiades-4.7.3 java 1.8.0_162 spring-boot-2.0.2.RELEASE thymeleaf-3.0.9.RELEASE 手順 1.Eclipse Pleiades All in One のインストール のちのち他言語でも使いたいので、フルバージョンをインストールします。   「Ultimate」:Java以外でも開発可能(C/C++、Python...)   「Full Edition」:コンパイラや実行環境を含む 2.STSの...

ワードがなければHTMLで書けばいいじゃない

概要 ワードで帳票作りたい、でもワードって高いよね。 15000円くらいする。そんなときはHTMLで書いてみるのも1つの手ではないかなと思い、 帳票(今回、見積書)をHTML&CSSで作成する方法を記載する。 完成形 こんな感じの見積書(帳票)作ってみました。 See the Pen 見積書 by haikyoiko (@haikyoiko) on CodePen. 以下のテンプレートを使用 paper-css https://github.com/cognitom/paper-css 使うのは以下のCSS。日本人が作成した帳票用のCSS。作成者がQiitaにも登録されている。...

search box

スライドして開く検索ボックスサンプルです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.css"> <style> @font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 400; src: local("Noto...

canvas と css で対比横棒グラフを作る

テキストをコピーできるようにしました。 index.html <!DOCTYPE HTML> <html lang="ja"> <head> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8" /> <script src="/js/jquery-3.3.1.min.js"></script> <script src="bar.js"></script> <link href="bar.css" rel="stylesheet"> &lt...

iPhoneX対応:UnityでNGUIのAnchorをセーフエリア分ずらす

環境 Unity 4.7.2f1 NGUI 3.7.8 はじめに 今月からiPhoneX対応始めました。(残り1月無いよ...) ▽Qiita - iPhone Xのセーフエリアやマージン幅について https://qiita.com/usagimaru/items/761e9a5f3d78b1939df8 セーフエリアの対応にてNGUIのAnchorをずらす作業を行ったのでまとめておきます。 セーフエリアの取得方法はここでは触れません。 先にまとめ // Topのセーフエリア対応を無視するか [SerializeField] bool m_IsIgnoreTop; // Bottomのセーフエリ...

ElixirでSI開発入門 #8 Railsからのモデルの移行1(FitGap分析)

(この記事は、「fukuoka.ex(その2) Elixir Advent Calendar 2017」の16日目、および「Data Platform Advent Calendar 2017」の4日目です) 昨日は、@piacere_ex さんの「Elixirでデータ分析入門#2:インプットしたデータを変換する(前処理①)」でした はじめに Elixirで実際にプロダクト開発した経験からサンプルコードを交えて解説する本連載 今回から数回に渡り別言語のフレームワークで構築されたDBへ対してElixir+Phoenixで接続する際に必要なモデルの移行を考えます。 今回はR...

Riot.jsで神経衰弱

背景 CSSを色々と触っていてそれっぽいトランプ形状にできそうだったので、神経衰弱ゲームを作ってみました。 結論 こんな感じで完成しました http://game.hasito.com:3001/ 猿の絵柄にしたんだけどなんか…ムカつく 実装について 処理系 主たるところは下記 open(i,m){ // 時間がfalseの場合は 神経衰弱ゲーム開始! 今の時間を取得 if(!self.usr.tm){ self.usr.tm=moment(); } // --選択しているcardが無い場合--...

MDTrajによるトラジェクトリの解析

はじめに 分子動力学シミュレーションのトラジェクトリの解析プログラムも、Pythonで作成できる時代になって来たのかもしれない。2018年現在は、MDTraj, MDAnalysisあたりのライブラリが候補かと思う。ここではMDTrajの使い方を述べていく。 http://mdtraj.org/1.9.0/ インストール方法 以下、CentOS 7.2での設定記録である。 pyenvのインストール https://qiita.com/iamdaisuke/items/3671032a18f5c4bf37d1 git clone https://github.com/yyuu/pyenv.git ~/.pyenv echo 'export PYENV...