はてなブックマーク

概要 先日リリースされたProxmox VE 8.1にて長らく実験的な機能と位置付けられてきたSDNが正式サポートされました。 これを機に自宅サーバーとスイッチの間でBGPを張ってEVPN-VXLANを導入しましたので設定手順を紹介します。 Proxmox Virtual Environment 8.1 with Software-Defined Network and Secure Boot 本来であれば理論編から実践編へと移るのが筋とは思いつつ、筆者もEVPN-VXLANについては勉強中の身ですのでひとまず実践編として公開することをご容赦ください。 モチベ EVPN-VXLANはVPNという単語が示す通り、主にデータセンターネットワークなどで複数拠点のサーバーが同じL2ネットワークに参加するための技術です。よって単一拠点かつごく小規模なネットワークである個人宅に導入することによるメリッ

はじめに 新しいことを学びたいんだけど、どうにも時間が足りなくて… ↑こうなった時に自分で読み返すための記事です。 新しいことを始めるのはとにかく面倒臭いので、気合いだけでは三日坊主になって終わりになります（なります…） ということで、逃げ道の塞ぎ方をできるだけ具体的に書いておきます。 概要 大きく分けて フィジカルを整える 活動可能時間を増やす 適切な計画を立てる ざっくり以上の３本でお送りします。 フィジカルを整える 眠かったり、何となく体がダルかったり、腰が痛かったりすると、それだけでやる気が削がれてベットでYouTube見て過ごすことになるので、その辺を対策します。 生活リズムを整える 生活を立て直すときには睡眠をベースに考えましょう。 風呂は就寝2時間前までに、ランニングなどのちょっと激しめの運動、食事は3時間前までに済ませます。 しっかり寝たのに（活動するには何の支障もないのに

Eclipseでチーム開発する際のシンプルな方法(今の段階) Eclipseでチーム開発をすることはよくあることですがこれを執筆している段階では 感染症対策の問題もあり開発者がすべてリモートの環境で開発することも多くなってきました。 そうなってくるとGitのpullがないとチーム開発は大変な困難なものになります。 今の段階でチームが「明日から全員リモートでチーム開発をしてください！」と言われたときにどうすればシンプルにうまくいくのか自分の考えも含め説明させていただきます。 以下のeclipseの環境で実施しています。 Photon Release (4.8.0) 結論としては以下になりました。 リポジトリの管理者を決めmasterブランチを管理する。 各開発者はそれぞれブランチを持つ 各開発者はコミットをする前に必ずpullをする 以下が自分の考えるシンプルな開発のやり方です 上図がちょっ

ざっくりと書いたので、何かの参考にどうぞ Rails の問題かどうか、ログを調べる あなたのRails アプリが、例えばブラウザからのリクエストに対して何か応答する場合、リクエスト情報はRails のアプリケーションプログラムに到達する前にHTTP サーバのプログラムを通ります。 ですので、HTTP サーバがRails にリクエスト情報を渡さなかった場合、もしくはリクエストがHTTP サーバにすら到達しなかった場合は、当然Rails プログラムは動きません。 ということでまずは、リクエストがRails に到達しているかをログから調べましょう。 ログ デフォルトでは、development 環境の Rails のログは log/development.log に出ます。 ログ見るときの基本的なことですが、tail コマンドの f オプションで、追加行が随時流れてくるようにしてみましょう ここ

対象者 UnicodeやUTF-16について、よくわかってない人 -> ここから "😀".split("")で文字化けする理由がわからない人 -> ここから [..."👨‍👩‍👧"].lengthが5になる理由がわからない人 -> ここから 文字コードについてもう一度 文字コードは以下の二つで構成されています 符号化文字集合: 文字と、その文字の位置を示す一意の番号の集合 文字符号化方式: 文字に振られた番号をバイト表現にエンコードする方法 符号化文字集合 符号化文字集合は、 文字 その文字の位置を示す一意の番号 この二つの組み合わせの集合のことを指します。 例えばASCIIでは 8bit(128通り) でラテン文字や英数字を表現しています。 しかしASCIIには日本語などの非英語圏の文字が収録されていません。 そのため、日本語を収録したShift-JISやアジア圏の文字を収録した

$ docker system info Containers: 0 //コンテナの数 Running: 0 Paused: 0 Stopped: 0 Images: 6 Server Version: 18.06.1-ce //Dockerのバージョン Storage Driver: overlay2 //ストレージドライバの種類 . . .

最適化 皆さんご存じの通りC++という言語は速度しか取り柄がありません。複雑怪奇な構文、異常量のコンパイルエラー、何が起きるかわからない未定義動作たち、、、それでもなお私たちがC++を使い続けるのは、そう、極めて速いからです。ちょっと前に流行ったD言語や最近流行りのRustが速いという噂ですが、結局ほとんどの場面で速度においてC++に勝ててはいません。個人的な偏見ですがC++のように速度のみを重視し、安全性を捨てない限りRustに未来はないでしょう。まあ、人から聞いた噂によるとRustの標準ライブラリの中身はunsafeなコードが敷き詰められているらしく、なかなか速いようですが。いずれRustが廃れてUnsafe Rustの方が人気が出たりするかもしれませんね。とりあえず、最も速度面で優れている言語はC++といっても過言ではないでしょう。 そして、その圧倒的な速度を支えるのが何といってもC

私は今ウミトロン株式会社で、水産養殖に使うIoTデバイス、およびそれを用いたサービスの開発をしています。 IoT デバイスのプログラミングに Go を採用しているのですが、そういった例はあまり多くないということで、理由について書いてみます。自分は IoT の開発は今の会社が初めてなので比較が色々と難しいのですが、Raspberry Pi の使用例の記事によくある Python や Node を使っているようなケースとの比較と、あとは C / C++ 等のコンパイル言語に比べた時の Go の特徴が生きてくる理由の紹介になります。 サービスについて デプロイがいつでもできるわけではない 水産養殖に使うIoTデバイスということで、デバイスを海で動かしています。ネットワークは無線ですし、電力はソーラー。デバイスを使うのも充電も昼間のみなので日が沈んだらスリープ状態にしますし、そもそも主電源をユーザ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに これは、NTTコミュニケーションズ Advent Calendar 2019 5日目の記事です．関連記事は目次にまとめられています。前日は@TAR_O_RINさんによるTektonでCI/CDパイプラインを手の内化しよう - Qiitaでしたね！ あなたはだ〜れ？！ 昨年書いた深層学習を利用した食事画像変換で飯テロ - Qiitaに既に書いてあるので省略します。好きな言語はObjective-Cです。お世話になった言語もObjective-Cです。嫌いな言語もObjective-Cです。最近はPythonしか書いてないのでマン

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 私は今年からウミトロン株式会社 https://umitron.com/ja/で開発メンバーとして働いています。自分にとって初めてのIoT、水産養殖そして未上場の企業など未体験要素がたくさんあったので、転職して訪れた変化についてつらつらと書いてみようと思います。 はじめに 話の背景となる情報。 現職 ウミトロンは、ざっくり言うと、水産養殖業でデータを収集し分析、そして改善を行うサービスを提供しています。創業は2016年です。 転職までの自分 今が三社目です。一社目二社目では主にtoCなウェブサービスの会社でソフトウェアエンジニアをしてい

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに これは，NTTコミュニケーションズ Advent Calendar 2018 2日目の記事です．関連記事は目次にまとめられています．（更新したら12/3になってました．．．） ⚠ 魅力的な飯テロ画像をご用意し，圧倒的な飯テロを狙った記事となっていますので，夜中に見る場合はご注意ください． おまえだれ？！ 普段の業務では，マルチモーダル深層学習や機械学習分析ツール開発などをメイン業務としていて，趣味はプロテインです． 学生時代，学部までは画像認識（モバイル+深層学習）をテーマに研究していまして，修士からは画像生成・画像変換を主に

プログラミングじゃあないんですが、IoTの話なので記事にしちゃいます。 細かい手順は、偉大なる先輩方が細かく書いていらっしゃるので、概要までにしておきます。 できるようになったこと Amazonのスマートスピーカー「Alexa」を使って、声で家電を操作。 テレビ エアコン 電気(照明) PS4 用意したもの スマートスピーカー(Amazon Alexa) スマートリモコン(NatureRemoMini) 家電にもともとついていたリモコン PS4の操作用に RaspberryPi node-red (ソフトウェア、サービス) ps4-waker (ソフトウェア) やり方 PS4以外の操作 NatureRemo（スマートリモコン）の機能で、プログラミングなしにできてしまいます。 AmazonEchoの初期セットアップ（専用のスマホアプリ使用） Amazonのアカウントでログインして使えるように

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

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

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

位置を固定したいけど、中の要素はスクロールしたい時用の小技（ドロワーメニューとか）。 デモ See the Pen ZLzOOG by Yoshiaki Itakura (@negibouze) on CodePen. 実装（デモから抜粋） やることは単純でスクロールさせたい要素に高さを指定してあげるだけです。 nav.right ul.scrollable li.item メニュー 01 li.item メニュー 02 li.item メニュー 03 li.item メニュー 04 li.item メニュー 05 li.item メニュー 06 li.item メニュー 07 li.item メニュー 08 li.item メニュー 09 li.item メニュー 10 nav position fixed width 200px height 150px overflow hidden

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに これは，DeepLearning Advent Calendar 2016 8日目の記事です．関連記事は目次にまとめられています． さて，本記事は以下の3つについて書かれています． 私がリリースしたアプリDeepLearningを使った画像認識iOSアプリで使われているDeepLearning周りの紹介 2. DeepLearningを学習する上で参考になるサイト 3. DeepLearningを学習する上で参考になる書籍 1.については自分の研究についてなるべくわかりやすく書き直したものです． 2.3.については，自分にとっ

株式会社LITALICOでWebエンジニアをしています、 @negi です。 本記事は『LITALICO Advent Calendar 2016』5日目の記事となります！ HTMLメールをRailsのActionMailerを使って送る際に困ったこと、注意点について書こうと思います。 前提 開発環境 Ruby 2.2.3 Rails 4.2.5 やったこと Railsの Action Mailer Previews を使ってプレビューを見ながらHTMLメールを作成 このとき、roadie-railsを使っているので、view（.html.erb）とCSS（.scss）は別ファイルで管理 実際に配信してみる プレビューでは綺麗に見えてたのに、スタイルが崩れている 確かにプレビュー上では綺麗にスタイルが組まれていたものが、いざメールを送信してみるとスタイルが崩れてしまっていることに悩まされま

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

Riot.js と Atomic Design ではじめるテクニカルクリエイター を参考にしていて、うちもStyle Guideがあったら作業が捗るかなということで、 とりあえずテンプレ的なものを作ってみました。 使い方 適当にダウンロード https://github.com/negibouze/styleguide-template パッケージをインストールして実行 ※一回目の起動はうまくいかないかもしれないです。 ├── src │   ├── components │   │   ├── atoms │   │   │   ├── foo │   │   │   │   ├── example.tag │   │   │   │   ├── foo.styl │   │   │   │   └── foo.tag │   │   │   └── plus │   │   │   ├

スクリプトファイルの作り方 Spreadsheet にアクセスするスクリプトを作る方法は二つあります。 方法その1. Spreadsheet に紐付いたスクリプトを作る方法 Container Bound Script と呼ばれる Script を作る方法です。 Spreadsheet のファイルから、メニューの [ツール] -> [スクリプト エディタ] を選択 すると、雛形が置かれたファイルが作られます。 方法その2. 独立したファイル（Spreadsheet に紐付いていないファイル）を作る方法 Google Drive のホーム画面から、[新規]ボタン -> [その他] -> [Google Apps Script] を選択 二つの違い Spreadsheet に紐付けた場合は、共有範囲も Spreadsheet のファイルと同じになります。 独立したファイルを作った場合は、それぞ

その1で作成したshellをAnsibleに変えてみる 実施環境 OS: OS X Yosemite (10.10.5) Vagrant: 1.7.4 Virtualbox: 5.0.8 r103449 Ansible: 1.9.4 目標 Ansible + Vagrantを使用して下記環境を構築する OS: CentOS6.6 Server: Apache PHP: PHP5.6 FuelPHP: FuelPHP1.7.3 今回のゴール vagrant upだけでFuelPHPのWelcomeが表示できるようにする 今回の成果物 こちらに置いてあります negibouze/vagrant-fuelphp_part2 1. 各ツールの準備（インストール済みの場合不要） step1. Homebrewをインストールする （省略） step2. Homebrew Caskをインストールする （

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

このエントリーは家庭を支える技術 Advent Calendar 2014の2日目として書かれました。 家族写真は、就業時に家族のことを想起し奮闘する上で重要なツールです。しかしながら、一般的なオフィスにおいては自席以外でくつろいだ姿勢で設計やコーディングを行うことがよくあります。 そういった状況において、家族写真のような家族を可視化するツールを持ち歩くことはあまり現実的ではありませんが、作業に使うコンピューターに家族の声を利用して一定の情報を可聴化するようなツールを導入しておくことで、その機能を代替することができます。 本稿では家族写真を可聴化によって代替するために、私がここ1、2年の間にとっている手法を紹介します。 寝た方がいいということを教えてもらう もう寝ろよ というGoogle Chrome Extensionを実装しています。この拡張をインストールした上で、午前0時以降にブラウ

！注意！ 現在推奨されているCamera2 APIではなく、少し古いCamera APIを使用した方法です やりたいこと Androidのカメラアプリで、タッチした箇所にフォーカスを合わせたい (注：使用するAPIの都合上、以下の方法はAndroid 4.0以降でのみ可能) やること タッチした座標を特定する フォーカスをタッチした箇所に合わせる タッチした座標の特定 onTouchListenerの利用 カメラプレビューをタッチした時に呼ばれるリスナー内でタッチした座標が分かる 以下のコード参照 // --変数宣言-- SurfaceView mSurfaceView; // カメラプレビューを表示するビュー Camera mCamera; // カメラ // --onCreate内-- // 初期化 mSurfaceView = (SurfaceView)findViewById(/*

2020/09/04 加筆 バージョンアップさせ、非jQuery依存にしましたので、Androidっぽい見た目のトースト通知を作ってみた(非jQuery依存)の方をご覧ください Androidで数秒で消える通知メッセージ（トースト通知）を、jQueryで実装してみました。 見た目もAndroid風で、画面下のセンターに黒背景・白文字で表示します。 (IE9～11、Chrome、FireFoxで動作確認) トースト通知のJavaScript版ライブラリとしては、Toastrというライブラリが有名なようです。 // トースト通知クラス var Toast = (function(){ var timer; var speed; function Toast() { this.speed = 3000; } // メッセージを表示。表示時間(speed)はデフォルトで3秒 Toast.proto