お菓子を一つずつ出すために、爪が付いた木製の歯車を使っています。モーターを回転して、お菓子に爪が引っ掛かった状態にしてから、モーターを逆回転させます。すると、爪に掛かったお菓子が一つだけ出てきます。今回は一つのモーターで4種類のお菓子に対応するため、四つの歯車を90度ずつずらした角度で取り付けています（図2）。 制御プログラムはJavaScriptで作りました。Raspberry Pi上にNode.jsのサーバーを立てて、GPIOにつないだお菓子選択ボタンの入力状態を監視したり、液晶にQRコードを表示したりしています。 Raspberry Piは有線LANかLTE通信アダプターでインターネットにつながっており、ビットコイン取引所のAPIを利用して、支払いを確認しています。自販機のボタンの状態を監視しつつ、ビットコイン取引所のAPIサーバーと通信するなど、さまざまなタスクを同時に走らせる必要

今や、あらゆる場面においてソフトウェアが重要になってきた社会の中で、プログラミングを学ぼうと考える人も多いだろう。プログラミングを身につける方法は、インターネットにはたくさん情報があるし、本も多くある。開発環境も無料で使える。独学したい人には良い時代になった。始めるのは、とても簡単だ。 一方で、挫折する人も多くいることが想像できる。情報が多くありすぎて、学び方ひとつとっても様々なことを言っているし、チュートリアルのようなものをやってみても、じゃあ自分で作るなら一体どうすれば良いかわからない。どの言語を選べば良いか、頭でっかちになって始められない人もいるかもしれない。 プログラミングを手っ取り早く身に付ける方法などあるのだろうか。これは、正解のない問題だ。人によるし、作りたいものにもよる。身に付けたい動機にもよるし、そもそもが、どこまで出来たらプログラミングを身に付けたと言えるのだろうか。

突然ですが、皆さんはJavaScriptのフレームワークを学習したことがありますか？ 数あるJavaScriptのフレームワークの中でも、シンプルで学習障壁が低いと言われているのが「Vue.js」です。ご存知でしょうか。 まだ比較的若い気鋭のフレームワークではありますが、データのやりとりを中心に様々なことを実装することができます。JavaScriptを触ったことがあるけれども、まだフレームワークまでは触ったことがないという方にはぴったりのフレームワークです。 そこで今回は、簡単なJavaScriptの知識しかない方でもスムーズに基本を理解できるように、わかりやすくVue.jsの概要について解説していきます。 Vue.jsとは？ JavaScriptのフレームワークとして有名なものに、「Node.js」や「AngularJS」、「jQuery」などがありますが、*「Vue.js」*とはどのよ

bash の使い方を１から見直すシリーズ シェルスクリプトは、もうbashで書いていいよね。bashが動かない環境なんてないんだし。 bash の紛らわしい記号や歴史的経緯によるPOSIXかき分けなどがあって、bashに特化した記事って少ないし断片的なので、色々と調べたことを再構成してまとめて記事にしました。 私自身 [[ / [ の違いが全然わからないので調べ始めました。その結果あれこれ知見が得られたので書きながら復習をしていました。 気づけば、bash の教科書的なものになってしまいました。 何かの役に立てばいいと思って記事のインデックスをまとめておきます。まだ一部書けてないですがそのうち書きます。 はじめに はじめに bashとPOSIX bashが動く環境 zshとの比較 変数と配列と数値計算 変数 配列のまとめ 組込 let による数値計算とインクリメント 連想配列(assoc

資産運用にチャレンジしたいと考えてはいるものの、「何に投資していいのかわからない。失敗したくない。」との思いから、なかなか踏み出せない状況に陥っていませんか。 自分でも簡単に調べているとは思いますが、最終的に「雑誌にも載っていたし、儲かりそうだから」といった理由では絶対に投資しないでください。自分で考えない人にとって資産運用はギャンブルも同然です。 しかし、プロの考えを学び、十分な知見と投資方針をもって臨めば、仕事や私生活とも両立でき、きっと長期的に満足いく利益を得られることでしょう。 ここでは資産運用のプロのブログを紹介し、資産運用に対する考え方や情報収集の方法、自分にあった資産運用方法を見つけるお手伝いをいたします。 資産運用がギャンブルにならないように、プロのブログからしっかりと学びましょう。 １.有名投資家人気ブログ　５選投資・経済に精通されている方でその実績から読者も多いブログを

もう一度間違ってないか確認しておきましょう。 I've made a huge mistake Bootstrap3に限らず、レスポンシブデザインはGoogle検索のSEO効果もあるということで一気に広がっていったわけですが、制作会社ごとの独自フレームワークによる中途半端な実装などの理由もあり、結構対応が大変だそうです。 そういうのを聞くとやっぱりBootstrap3のような安定したフレームワーク使っておくのが楽だよね〜ってことで、ここではもう一度Bootstrap3を使ったレスポンシブレイアウトの作り方を確認しておきたいと思います。 Bootstrap3のレスポンシブレイアウトの作り方 Bootstrap3では前回作ったようなグリッドレイアウトにレスポンシブclassを追加するだけで簡単にレスポンシブレイアウトを作成することができます。 前回はレイアウトを作成する際に以下のようなコードを

はじめに ゴールデンアワーを狙って美しい夜明けや夕景に美しい空のグラデーションを撮りたいのに、空に露出を合わせてしまうと前景が暗くなっちゃって困ることがありませんか？また逆に前景に露出を合わせると空が白飛びしちゃってなんてこともありますよね？ 肉眼では、空も前景もちゃんとよく見えているのに、カメラだと上手く撮ることができない。高性能なフルサイズ一眼カメラを使っていてもまだまだこういった場面に遭遇することが多いと思います。 ↓は前景を明るく撮りたいと思って、露出を上げたために空が白飛びし、階調が無くなってしまった失敗写真です。 原因はカメラのイメージセンサーで捉えることが出来る明るさの範囲（ダイナミックレンジ）が実世界の光に対して狭いためなのですが、ここでダイナミックレンジの説明をしちゃうと、本題からどどんどん外れて行ってしまうので詳しくはまた別の機会に説明します。要するに現代のカメラはまだ

Webページを制作にする時に、マージンやパディングをどのようにつけるか悩むことがあります。2カラムの隙間は、左パネルの右マージンorパディングなのか、右パネルの左マージンorパディングなのか。 Web制作の今までの考え方がきっと変わる、モジュール式のアトミック デザインにおけるHTMLとCSSの実装のロジックを紹介します。 Learning from Lego: A Step Forward in Modular Web Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、著者様・元サイト様にライセンスを得て翻訳しています。 最近のWeb制作の手法は、数多くあるフレームワークやUIキットからあらゆる種類のコンテンツのブロックを組み立てています。しかしながら、モジュール性と汎用性はまだWeb要素レベルでは達成されていないと言えるでしょう。 LEGOブロックの考え方を

私は25歳の時に異業種から、Web業界に入りフロントエンドエンジニアになりました。 職業訓練校やスクールに通わず、知識ゼロの状態からフロントエンドエンジニアになるために行ったことや転職活動で使った求人サイト、面接で気をつけたポイントや意識したことをまとめてみようと思います。 これからフロントエンドエンジニアを目指している人、異業種からWeb業界への転職・キャリアチェンジを考えている方の参考になれば幸いです。 そもそもフロントエンドエンジニアとは 一般的にフロントエンドエンジニアとは、HTML/CSS/JavaScript/PHPなどを利用しWebサイトやWebアプリケーションの見た目や操作する部分を構築する人を指します。HTMLコーダーやマークアップエンジニアとの違いは、HTML/CSSの設計がメインの前者に対し、マークアップエンジニアはJavaScriptやPHPの実装、CMSや各種AP

このはてなブログにしても、他のブログサービスにしても、「ブロガー」として来る日も来る日も記事を書いては公開する、この終わりなき単純作業を行う上で避けて通れないのがデザインの編集。 もちろんデフォルトのデザインをそのまま利用する手もあるが、オリジナリティを出すのであれば他者とは違うデザインに編集する方が、より読者の記憶に残る可能性を秘めている。 そうなってくると、必然的にHTMLやcssに関する知識も最小限は知っておかねばなるまい。 いくら「コピペで流用可！」のところから引っ張って来るにしても、それが何を意味しているのか分からないままコピペしたところで、継ぎ接ぎだらけのパッチワークにしかならないからだ。 PATCH WORK LIFE アーティスト: PATCH WORK LIFE,P.W.L. 出版社/メーカー: THE NINTH APOLLO 発売日: 2006/04/19 メディア:

大ベストセラー書になった「嫌われる勇気」がドラマ化になります。2017年もアドラー心理学から目が離せません。 僕は「嫌われる勇気」「幸せになる勇気」を読みアドラーの魅力に引き込まれました。「嫌われる勇気」に関してはオーディオブックでも聞きました。そこで、今回は改めてベストセラー「嫌われる勇気」の魅力について振り返りたいと思います。ドラマの予習と思って気軽に読んでください。 もくじ もくじ 2017年“嫌われる勇気”ドラマ化！ 原作はベストセラー書「嫌われる勇気」 人はトラウマに苦しむのではない 「他者との比較」ではなく「理想の自分との比較」 人間の悩みは、すべて対人関係の悩みである アドラー心理学の詳細はこちらからどうぞ！ 最後に 今日のクエスト~LevelUpポイント~ 2017年“嫌われる勇気”ドラマ化！ 昨年末に「嫌われる勇気」がドラマになるというニュースを見ました。正直、驚きました

Kindleの最新セール情報を知るためのオフィシャルな方法 2016-01-18-3 [Release][Kndlsl][Kindle][WebAPI][Programming] 期間限定でときどき行われているKindle書籍セール（キャンペーン）。 どこかに網羅的な情報はないのかなと思ったんだけど、調べてみたらアマゾンのAPIから得られることが判明。 ということで、こういうのを作りました。一時間に一回更新されます。関係ないものや終わったセールも混じってますが、最新のセール情報は確実に入っています。どうぞご利用ください。 Kindleのセールのリスト https://yapi.ta2o.net/kndlsl/ 追記: 開始前のセール情報も得ることができます。セールではページだけ先に作られるようで、アクセスはできますがページの中身が空になります。セール開始時にはちゃんとそろいます。 以下、技

Amazonの販売している端末を持っていなくても、AmazonKindle for androidというアプリを使えば、Amazonで購入した電子書籍を読むことができます。Appstoreでも同様のアプリがあるのでiphoneでも読むことができます。 セール情報が見にくい もう「見にくい」を通り越して、「醜い」です。ほんと。 なぜわかりにくいのか説明します。 一覧表示されないセール情報 一番の不満は現在行われている「50%OFF～社」「40%OFF～記念」などの各種セールが、一覧ですべて表示されないこと。 スマホの下記画像該当箇所にセール情報が出るんですが、読み込みの度に表示されるセール情報が変わるため、今なんのキャンペーンが行われているかが非常にわかりにくい。 なので、セール情報そのものに気づけないことが多いです。 「あ、見慣れないセール……反射的にF5してもう出てこねぇ」 Kindle

「これからサイトアフィリエイトを始めたいけど、どうすればいいかわからない」という人も多くいるのではないでしょうか？ サイトアフィリエイトはとても稼ぎやすいアフィリエイトで、人によっては月100万も簡単に達成できます。しかし、そのやり方があまり解説されてはいないのが現状かもしれませんね。

代表的なDNS（Domain Name System）サーバーソフト「BIND」には、以前から危険な脆弱性が相次いで見つかっている。DNSサーバーソフトを変更するのは容易ではないが、今年こそBINDへの依存を見直し、移行を検討しよう。それが「脱BIND」だ。2017年は、脱BINDの動きが加速すると予想される。 古くから多くの企業・組織に使われているBINDは、DNSサーバーソフトの代名詞的存在だ。一方で、脆弱性がよく見つかるソフトの代名詞でもある。広く使われているソフトは多くの人に検証されるので、脆弱性が見つかりやすいのは仕方がない。だが、ほかの有名ソフト以上に、BINDには多くの脆弱性が見つかっている。 2014年から2016年の3年間だけでも、日本レジストリサービス（JPRS）が「緊急」と題して報告した深刻な脆弱性は12件にも上る。例えば、2016年9月に報告された緊急の脆弱性を突か

【2016年総まとめ】優秀なエンジニアが選ぶ、影響を受けた本ベスト56冊2017-01-04 16:20 こんにちは。転職ドラフト開発チームです。 2017年になりましたね。あけましておめでとうございます。 以前、優秀なエンジニアは読んでいる！「エンジニアとして影響を受けた本」13選という記事を出しましたが、今回はその、2016年総まとめ版です！ ※ 転職ドラフトでは「エンジニアとして影響を受けた本を教えてください」という入力項目があります。「企業に年収付きで指名された＝一定評価を受けているエンジニア」ということで、ドラフトで指名を受けた方がこの項目に書いていた本を集計しています。 ランキングはこちら。 順位 書名 人数

はじめに こんにちは、大正デモクラシーです。年末年始に実家に帰るにあたって、Windows 10がインストールされているXPS 13を持って行ったんですが、実家で庭木の剪定以外にやることがなかったので、それ以外の時間はずっとコード書いてました。しかし、持って行ったマシンの開発環境がまったく整ってなかったのでいろいろ設定しなおしてとりあえずいい感じになったので、その作業メモを書いておきます。 TL;DR これまでLinuxやmacOSで育ててきた環境をWindows 10で使うことはあきらめて、これらのツールをとりあえず入れました。 cmder | Console Emulator Chocolatey - The package manager for Windows GitHub - Microsoft/Git-Credential-Manager-for-Windows: Secure

もしあなたが会社員（サラリーマン）なら、個人型確定拠出年金（iDeCo、イデコ）は、ふるさと納税をもしのぐ節税手段の節税手段になりえます。 わたしがふるさと納税について知ったとき、今ほどの盛り上がりはありませんでしたが（下記日付が新しいのは日時を更新したため）、会社員にとって数少ない節税手段と考えて、記事にしました。 ただ、2017年1月から会社員も利用できるようになった、個人型確定拠出年金（iDeCo）は、ふるさと納税以上の最強の節税手段と考えます。優遇投資税制のNISAと比べても、個人型確定拠出年金（iDeCo）の方が、はるかに大きな節税メリットがあります。 なぜ、個人型確定拠出年金（iDeCo）が最強かを順にご説明させていただきます。 iDeCo（イデコ）/個人型確定拠出年金 ｜厚生労働省 個人型確定拠出年金（iDeCo）とは まず、イデコ（iDeCo）とは何かというと、厚生労働省の

Snippets: The pro's way of remembering Code snippets help you retrieve and share the technical details behind any implementation. Use snippets to: Recall machine setup instructions open_in_browser Teach coding techniques open_in_browser Write great documentation open_in_browser Labels for every occasion Use Cacher’s flexible color-coded labeling system to organize your code any way you like. Label