【トラブルシューティング】Hubotの雛形をyoを使って作成しようとしたら、macが固まってしまったので、killで強制終了した

解決方法 grepを使って動作しているyoのプロセスIDを見つける kill -9を使って、一番強制力のある方法で終了させる 1. grepを使って動作しているyoのプロセスIDを見つける yoのプロセスIDを見つけるのは簡単です。 $ ps aux | grep yo k4zzk 40125 61.4 1.2 3112416 99224 s004 R+ 7:05PM 0:49.96 yo k4zzk 40160 0.0 0.0 2433796 500 s001 R+ 7:07PM 0:00.00 grep --color=auto --exclude-dir=.bzr --exclude-dir=CVS --exclude-dir=.git --exclude-dir=.hg --exclude-dir=.svn yo とするだけ。環境によっては上のような長い出力も出たりしますが、木にしなくて大丈夫です。 上の出力から、yoのプロセスIDは「40125」とわかりました。 2. kill -9を使って、一番強制力のある方法で終了させる killにはいくつかレベルがあって、kill -9は一番強制力のある終了方法です。 ユーザー権限さえ与えられていれば、全てのプロセスがを停止させることが出来ます。 ただ、ファイルへ出力や通信などの間であっても、強制的に停止させるため、 コンピュータにあまりよくないことは確かです。できればkillでストップさせるほうがいいと思います。 今回の場合は、これでは停止しなかったので、仕方なく使いました。 ➜ ~ kill -9 40125 ➜ ~ 事の流れ 久しぶりにhubotを使って何か面白いことをしようと思ってたんですが、 yoで雛形を作ろうと思ったら、yomanのバージョンアップをしろ!って言われたんです。 で、終了してくれると思ってて待っっていたんですが、全然終わる気配がない! コンピュータも火を吹き始めたので、停止させようと思いました。

【ライブラリ】画像無し!HTMLのみで超カンタンにWebアイコンフォント『Font Awesome』を導入する方法と活用

今回は、あなたのサイトに超簡単にアイコンを導入する方法 を紹介します! もう、有名なサイトのほとんどでは使用されていますが、 そのアイコンを自分たちも簡単に利用出来るといことを知っている人は意外に少ないです。 本当にとっても簡単に導入することが出来るので、 気になっている人は是非試して見下さい。

pythonから色度図を表示する方法

私の所属している研究室では、機械学習を使った画像処理の研究を行っています。 画像処理では、RGB表現からXYZ表現に変換後、処理をする必要が有ります。 XYZの画素を表に表現する方法は色々あるのですが、最も一般的な色度図をpythonを使って、 表示する方法を説明します。

GUIからのDockerイメージ/コンテナ管理にシンプルな`Portainer`はいかがでしょうか?

こんにちは。 今日は、PortainerというDockerコンテナ管理ツールを紹介したいと思います。 Portainerは軽量のDocker管理UIで、DockerホストまたはSwarmクラスタを簡単に管理できます。 Portainer自身もDockerで構築されており、簡単に導入することが出来ます (Linux用DockerおよびWindows用Dockerがサポートされています)。 Dockerのコンテナ、イメージ、ボリューム、ネットワークなどを管理でき、 スタンドアロンのDockerエンジンとDocker Swarmと互換性があります。

HugoとCircleCIを使って新しくサイトを立ち上げてみた!

新しくサイトを立ち上げるには、ある目的が有ります。 現在、私は複数のエンジニアブログを運用しています。 Typescript関連、雑記、linux関連など様々に分割しています。 分割したのには、それぞれで読者のターゲットが異なると考えたからです。 しかし、もっとたくさん調べたり、サイトの調査をすると、 どうやら自分の思っていたような大きな差は無いことがわかりました。 また、このhackerslog.netというドメインは長すぎてわかりにくいような気もします。 先日、自分の同級生にこのドメインを教えたとろこ、長すぎてとろこ、 とても打ちづらそうに見えました。そこで、この機会に新ドメインv8os.netに移行し、 その際にHugoを使おうと思いました。

Hugoで新しくテーマ(theme)を作ってみました!

前回の記事で、新しくサイト立ち上げ直すことにしました。 そこで、今のテーマをブラッシュアップするのに、新しく1から作り直すことにしました。 Hugoでテーマを作成することはそうそうあることでは無いと思っています。 そこで、私がどのような手順でテーマを作成したのかを記録に残して、 皆さんに伝えていければと思います。 Hugo公式テーマ作成: https://gohugo.io/tutorials/creating-a-new-theme/

`NVIDIA Docker`なるものを発見!

み、見つけてしまった… http://www.slideshare.net/beam2d/chainer-64567959 私は機械学習に興味を持っています。もちろん、Chainerにも。 でも、Chainer扱えません。ほとんどわかりません。 なので、チュートリアルをするように調べていたんです。 すると、あるスライドにNVIDIA Dockerと言うものが… こんなものもあるんですなぁ。

「Android Pay」が日本上陸! - 現時点では「楽天Edy」のみ対応

Apple Payに引き続き、GoogleもAndroid Payを発表しました。 現時点では「楽天Edy」のみの対応となりますが、他の電子マネーにも順次対応予定なようです。 引用: Android Pay を日本でも提供開始 楽天 Edy との提携と提携していることにより、国内のビックカメラ、ファミリーマート、ローソン、マクドナルド、ヨドバシカメラなど、国内47万以上の楽天Edy対応店舗で「Android Pay」による支払いが可能になっています。 引用: Android Pay - お使いの Android スマホがより便利に

J::COMのMOTOROLAのwifiが遅い原因を調べたら、チャンネルが混信していることがわかったので、設定を変えて快適なネット環境を作ったよ

自分の住んでいるアパートは大家さんがアパート単位でjconと契約をしており、無料でネットを使うことが出来ます。 しかし、昔からネット回線の調子が悪く、1日にネットに繋がらない時間が1時間ほど合ったり、すぐに切れたりといった状態が続いていました。 最近までネット回線が繋がりにくいのは、共有回線が混んでいるからだと思っていたのですが、 どうやらそうではないことがわかりました。 そこで、ルーターのある設定を変えてあげることで、ネットの環境が劇的に改善出来たので、 ここでまとめておこうと思います。

オブジェクト指向についてしっかりと理解している人はどれだけいるだろうか?

こんにちは、あっきーです。 前回ちょっぴりと話していた、Webアプリケーションがだいぶ形になってきました。 今回、比較的大きなWebアプリケーションを作成したのですが、複雑な処理、高機能なレイアウトなどを実装してくうちに、 データの流れた処理内容などをがわからなくなってきました。原因は、「できるだけ早く、動くアプリケーションを開発した結果、 データ思考の開発になってしまったこと。」そして、「凝縮度と依存度を全く意識していなかったこと」があると考えています。 そういうことがあって、オブジェクト指向の言語として、フロントを書き換えて全面リファクタリングすることにしました。 しかし、オブジェクト指向という言葉と、オブジェクト指向を使えば、大規模な開発にも使えるという言葉はよく聞くけれど、 具体的に、どういう実装をすれば、そのような状態になるのかイメージがつかない。 実は以前に、Javaを用いて、オブジェクト指向型のプログラミングを行っていた。しかし、当時の認識では、「class=オブジェクト指向」という認識があって、javaさえ使えば、大規模開発も出来る。みたいな事を思っていました。しかし、そんなことはありませんでした。 あるオブジェクトがあるオブジェクトに依存していて、複数のクラスがまとまって、全然分割が出来ず、1ファイル変更したいだけなのに依存しているせいで、複数のファイルの修正を余儀なくされた経験が合った。 今考えてみれば、そもそも「オブジェクト指向とデータ思考」と「オブジェクト指向とは」という考え(認識)に誤りがあったのだと分かった。この考え方は、将来永遠プログラミングを仕事にする人にとって、非常に重要な考えになると思った。今回たくさんの文献を読んで、考えて、理解したことを忘れないように、この場に記しておこうと思う。

Webアプリを作る際に、Reactを導入しよう思ったので、たくさんの資料を読み漁ったが、アプリケーションに取り入れる具体的なイメージが頭に浮かんでこない件

こんにちわ、あっきーです。 私は今、自分でWebアプリケーションを作ろうとしています。売りがUIでの操作性なので、 たくさんの機能を盛り込みたくさんの更新をかける必要があります。 そこで、ajaxやらデザインやら、たくさんの要素が絡み合い、 一気にスパゲッティコード化するのが目に見えていました。 解決策としては、ReacとReduxを使えば、なんとかなりそうななんじがしました。 Reactを調べると、日本語に関する情報があまりにも少ない。 もちろん英語も読むんですが、それほど英語力が高くありませんので、 たくさん時間がかかってしまいます。 なので、そういうときは日本での情報をたくさん読んだあとに、 英語でかかれている本家のサイトをみるようにしています。 ですが、Reactに関しての情報がとても少なく、 特に、React+Reduxに関する情報は更に少ない。 しかも、Reactが相当な頻度でバージョンアップを繰り返しているので、 たとえ日本語での情報が合ったとしても、すでに廃れた内容であり、 今の最新バージョンでの内容と合わなかったりと、 苦しい状況があります。 だからといって、Reactを使ったWebアプリケーション開発を諦めるわけにはいかない (開発者としての意地)ので、まずは、小さなアプリをを作って進めていく事が React使いになるための最短の道であると、思いはじめています。 現在のところ、Googleで「React」「React入門」「react redux」 「react ベストプラクティス」と調べて出てくるを片っ端から読んでつなげることで、 はっきりと言えることは、「reactがviewのみの機能を提供してくれていること」 「ajaxなどの機能はreduxを使って、データ管理をしたほうがスパゲッティ化を防げるということ」の2点です。 その他のReactで表示させるデータの伝搬などでは、はいかつ途中でエラーが絶えず、原因がわからず、 Componentがどうのこうのなんて言えるレベルではありません。 とりあえず、私が調べたURLのリストをべた書きしておこうと思います。 分類はしてませんが、何か詰まったときに役に立つかも知れないので、一応という側面が強いですが、、、 http://creator.dwango.co.jp/3413.html http://ma3tk.hateblo.jp/entry/2016/06/20/182232 http://qiita.com/Chayata/items/28bc6f6af4bc41e89e03 http://qiita.com/hrsh7th@github/items/c7f33f3d18d5306b22e1 http://nabeliwo.hatenablog.com/entry/2016/06/10/012400 http://qiita.com/nabeliwo/items/ac4b77324a9989e8e6bb http://sssslide.com/speakerdeck.com/koba04/reactfalsezui-xin-dong-xiang-tobesutopurakuteisu https://www.ibm.com/developerworks/jp/web/library/wa-react-intro/ https://facebook.github.io/react/tips/dangerously-set-inner-html.html https://facebook.github.io/react/docs/package-management.html https://facebook.github.io/react/docs/tooling-integration.html https://facebook.github.io/react/tips/dom-event-listeners.html https://facebook.github.io/react/docs/multiple-components.html https://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html https://facebook.github.io/react/docs/tutorial.html http://qiita.com/okmttdhr/items/63a9191fa2ad37dc1133 http://postd.cc/best-practices-for-building-large-react-applications/ http://mae.chab.in/archives/2874 https://speakerdeck.com/koba04/reactfalsezui-xin-dong-xiang-tobesutopurakuteisu http://www.slideshare.net/axross/react-48651340 https://facebook.github.io/react/docs/multiple-components.html#dynamic-children https://appendto.com/2016/05/what-is-difference-between-props-and-state/ http://kenjimorita.jp/imadakarawakattareact/ http://qiita.com/koba04/items/43200b6fd6e6f43f0d8d http://qiita.com/koba04/items/bc13d1f42964278ae14e https://facebook.github.io/react/docs/reusable-components.html http://blog.koba04.com/post/2015/01/28/published-react-v0.13.0-beta1/ http://qiita.com/nownabe/items/2d8b92d95186c3941de0 https://facebook.github.io/react/blog/2015/09/02/new-react-developer-tools.html http://qiita.com/kuniken/items/a22adda392ccc30011b1 http://qiita.com/kuniken/items/963cb977dffd3e662e40 http://js.studio-kingdom.com/react/guides/transferring_props http://qiita.com/trapple/items/e7d64f62c1286d76f328 http://qiita.com/koba04/items/039b9c974df284766f64 http://stackoverflow.com/questions/30608347/how-to-pass-arguments-to-functions-in-react-js http://qiita.com/konojunya/items/cb026a2aa3df1837d587 http://qiita.com/erukiti/items/e16aa13ad81d5938374e http://qiita.com/yuinchirn/items/286353f5c80cc44f1caf#_reference-faf5954aa90ea07d9bde http://qiita.com/kiita312/items/d769c85f446994349b52 https://github.

MacにHomebrewをインストールする方法と使い方まとめ

いつも愛用しているMac パッケージマネージャはHomebrewを使っています。 Homebrewとは、Unix環境で動作し、様々なソフトを管理することが出来ます。 プログラミングをするときに、みんなが必ずすることになる「環境構築」。 非常に面倒で導入する大変さから、ここで気持ちが折れてしまうことは少なくありません。 Macでは、「Homebrew」を使うと、環境構築を簡単に行なうことができ、 インストールしたパッケージのアップデートや削除も簡単に扱えますし、 依存関係も勝手に解決してくれるため、非常に便利です。 対応しているパッケージは、2,700以上あり、vim, ruby, python3, php, c++などの 主要のパッケージはもちろん対応していますし、含まれていないパッケージもFormulaという、 パッケージの手続き書を書くことによって、全てのパッケージを管理することも出来ます。 その他にも、ライブラリのリンク管理、Macシステム内部の構造スキャニング機能など、 高度な機能もついています。 Macを使ったか開発環境では、Homebrewは必須かと思いますので、 この記事を参考に導入しましょう!

お前ら。技術的負債の意味をしっかり理解してるか?コードは書いただけやダメなんだぞ!エンジニアの仕事はコードをデザインすることだ!

今日、スマホを見るとこんな記事が流れていました。 これを見た時、俺は「記術的負債かぁ〜。プログラムを経験した事ない人達は、表面上での動作しか見えてないわけだし、絶対理解しづらいだろうなぁ。」と、ふと思いました。 みなさんは、どう思いますか? 俺は何度となく個人開発中に技術的負債の壁に当たりました。1ヶ月後に開発を再開すると、 内容が全くわからない。何の処理をしているのか、理解できない… 泣く泣く、ボッシュートになりました。

【MySQL入門】MySQL初学者のための効率的な学習方法を考えてみた

僕は、あるサービスを作りたくなりました。それは、「ブログリンクカードをユーザーが自由にデザインすることの出来るサービス」というものでした。しかし、サービスの特性上、サーバー側であらゆるサイトをクロールして、情報を収集、管理をする必要があります。設計の段階で、ユーザー側のサービスと、クローリングサービスの2つにマイクロサービスとして分割し、それぞれをapiで通信する方法がベストだということになりました。 システム上、絶対に不可欠なのがデータベースです。日本語での情報が豊富という理由から、データベースはMySQLを採用することにしました。しかし、データベースを運用していくには、ある程度の基礎知識が欠かせません。今の僕のレベルでは、SQL言語が分かる程度だったので、データを絶対に壊さないためにレプリケーションやサーバー分割、テーブルの型など、細かいところまで勉強する必要がありました。 ほとんど初心者の僕が、MySQLのレベルを実際に運用出来るレベルまで持って行くには、どのようなことをするのが一番手っ取り早いかを考え、お伝えできればと思っています。

初めてのAWK 使い方と使用例 56選

1977年、C言語は生まれた直後にawkというスクリプト言語が生まれました。 そんなに昔からあるのに廃れることのない技術となっているのには、 シンプルな言語仕様とテキストを処理する場面で十分な実用性があるからだと思いっています。 awkを使い始めた人がに触れることで、その操作性や合理性に感動し、 複雑な表形式ファイルに対して全く苦痛がなくなり、 間違いなく幸せになると思います。 ぜひ、awkの世界に足を踏み入れて、体感をしてみてください。

はてなブログによくある綺麗なリンク(ブログカード)を作成する方法

ついにみつけました! 自分でブログを作っていると、 サイトのリンクがとてもデザイン的にみっともないなぁ〜と思って、 いつかははてなブログで提供されているものを自前のAPIで作っちゃおうかと思っていたんです。 で、はてなブログ中にあるHTMLを解析したとこり、 iframeタグを使って内部にHTMLドキュメントを構築して表示している事がわかりました。 多分検索したら何か引っかかるかなと思ったので、 「hatena link iframe」というキーワードで調べると、探していたものがみつかりました! どうやら、このような綺麗なリンクのことを、「ブログカード」というようです。

YAPC::Asia 2016、YAPC::Japanとして開催決定!

YAPC::Asiaは、YAPC::Japanに生まれ変わり、 新しくスタートをきりました! そして、記念すべき第一回の開催地は、「北海道」! 開催日は、2016年12月10日に決定しました! http://yapcjapan.org/2016hokkaido/index.html

「はてなブックマーク」100%の幅になるようにカスタマイズして設置する方法!

※ 2016/7/06 編集: 文章がの構造がおかしかったので、校正しました ブログを上位ランキングさせるために必要なツール言っても過言ではなくなった、 「はてなブックマーク」。 はてなブックマークをされると、 google検索エンジンの順位で高い影響力を持つ「被リンク数」を稼ぐ事ができ、 それにより、ブックマークされた記事が上位に表示されやすくなります。 でも、公式で提供されているブログパーツは幅が固定されてしまって、使いづらい… なので、いっそのこと、幅がぴったりに合うようにCSSでカスタマイズしました。

Git厳選入門書:100以上エンジニア本を買った私がおすすめする「Gitを最も効率よく学習するための厳選3冊」

私は今までに100冊を超える技術書を買い、それで分かったことがある。 それは、「ある分野について知ろうと思った時、本を1冊買うだけでは不十分だ。」ということである。 例えば、今回の題名に習ってgitについて知りたいとしよう。 しかし、gitについての予備知識は無い。 なので、まずそれは何かを知る必要がある。 そして、それの使い方、運用方法、チーム内での使い方、githubなどの関連技術、etc…など 様々な技術の知識が要求されるので、1冊で到底そのような範囲をカバー出来るはずもない。

学生が無料で「PhpStorm」「IntelliJ IDEA」「RubyMine」を手に入れる方法

https://www.jetbrains.com/student/ ‘IntelliJ IDEA’、’PhpStorm’、’RubyMine’、使っていますか? これらは、jetbrains社が開発していて、 今や、全世界の3割の人が使っている という、有名なIDEの1つです。 ※ IDE => 統合開発環境(とうごうかいはつかんきょう) 本来なら、$ 249.00($1=100円で、2万4900円) / 1年 を払わないと使うことが出来ません! でも、jetbrains社は学生や教師など、教育機関に所属する人に対しては、 すべての機能が無制限の製品版を無料で使うことが出来ます!

Intellij IDEAとは何か。なにが出来るのか?

https://www.jetbrains.com/idea/ 前回、「Intellij IDEAを開発している所って何を作っているの?」について書きました。 この記事はその続きです。 今回は、「Intellij IDEAとは何なのか」「何が出来てなんの特徴があるのか」を書きたと思います。