JavaScriptの学習で、「7つの言語 7つの世界」という本を参考にしてみます。 プロトタイプベースのプログラミング言語「Io」について学んでみます。 jsstudy.hatenablog.com 3.1　Ioとは Luaもプロトタイプ言語 Ioはコンパクト 3.1　Ioとは Ioは2002年にSteve Dekorte氏によって開発された。 Iは常に大文字で書き、その後に小文字のoが続く。 「Io」は検索しづらい名前ですね？ →「iolang」の方が、検索で情報がヒットしやすいですｗ 「Go」も名前が短くて、結局「Golang」「Go言語」で検索してる、みたいな。 Luaもプロトタイプ言語 a IoはLuaやJavaScriptと同様にプロトタイプ言語だ。 つまり、すべてのオブジェクトは別のオブジェクトのクローンである。 「Lua」もプロトタイプベースのOOP言語なんですね？ Lua

JavaScriptを練習するときブラウザーで実行していました。 JavaScript（JS）のコードは、Visual Studio Code（VSCode）で書いています。 VSCode上でJSを実行して、動作確認する方法がありました。（メモ） 前提（準備） Windowsパソコンの用意 Node.jsの用意 Visual Studio Codeの用意 Visual Studio Codeのデバッガー Node.jsの設定 ステップ実行 用語 まとめ 前提（準備） 今作業している環境は以下のとおりです。 Windows7（32ビット版） Node.js （バージョン 0.12.0） Visual Studio Code （バージョン 1.11.2） を使っています。 Windowsパソコンの用意 予算あり（多） → ThinkPad X1 Carbon 16GBモデルがイイかな？ 予算あ

プログラマーが新しいアプリやサービスを販売するとき、どんなふうにして収益化すれば良いでしょうか？ キャッシュポイント（収入源）の設定 広告 他社の広告 自社の広告 物販 他社のショッピングサービス 自社のショッピングサービス 商品の形 ●電子書籍の販売（マンガ、小説など） ●写真の販売（フォトストックサービス） ●音楽の販売 ●オーディオブックの販売（音声データ） ●動画の販売 ●教材の販売 課金 その他 マイクロペイメント ストックビジネス ビジネスモデル・キャンバス ステップアップの順番 経営学 まとめ 以前、事業の３要素（企画、技術、営業）について検討してみました。 jsstudy.hatenablog.com 今回は、この中の「営業」の部分について、収益化の仕組みを掘り下げてみます。 キャッシュポイント（収入源）の設定 商品やサービスを利用するお客さんは、いつお金を支払うでしょうか

プログラマーが新しいアプリやサービスを作るとき、どんなふうにしてアイデアを出せば良いでしょうか？ アイデアの源 快楽原則 自分が欲しいもの 他人が欲しいもの タイムマシン商法 未来から引き出す 未来を先取りする想像力 未来は予想するものではなく創造するもの アイデアを形にする 実現可能性 feasibility デザインスプリント アイデア発想方法のカタログ まとめ 前回は、事業の３要素（企画、技術、営業）について検討してみました。 jsstudy.hatenablog.com 今回は、この中の「企画」の部分について、掘り下げてみます。 アイデアの源 「必要は発明の母」（Necessity is the mother of invention.）ということわざがあります。 「何が必要か？」という問いかけから、アイデアを得る旅が始まります。 → 答はいつどこで見つかるか分からないので、忘れな

プログラマーはパソコン１台あれば、アプリやサービスを開発することができます。 商品を開発して事業を運営するとき、どんなことをやれば良いのでしょうか？ 事業の３要素 企画 アイデアの保護 技術 営業 プログラマー VS ラーメン屋 まとめ 事業の３要素 前回は、商売に必要な要素を検討してみました。 jsstudy.hatenablog.com 今回は、事業に必要な要素を、時系列で検討してみましょう。 （↑この図で、事業＝「店」の部分がどうなっているか？を見ています。） 事業を起こすには、 企画：作る前 技術：作るとき 営業：作った後 の３つが必要です。 はじめの一歩を踏み出そう―成功する人たちの起業術 作者: マイケル・E.ガーバー,Michael E. Gerber,原田喜浩 出版社/メーカー: 世界文化社 発売日: 2003/05/01 メディア: 単行本 この商品を含むブログを見る 「

親が商売人ではなかったので、商売を学ぶのはスタートが遅かったです。 商売の基本は、小中学校で教えたほうがいいと思います！（・∀・） 商売の３要素 スマホアプリの場合 商品は何でもアリ！？ レモネードスタンドの話 商売の３要素 商売を行うには、 商品 客 決済手段 の３つが必要です。 1万円起業 文庫版 作者: クリス・ギレボー,本田直之 出版社/メーカー: 飛鳥新社 発売日: 2015/04/25 メディア: 文庫 この商品を含むブログを見る (p.36) ◆立ち上げに必要な「たった３つ」のこと 必要なのは、次の３つだけだ。 (1) 製品またはサービス＝あなたが売るもの (2) 代金を払ってくれる人びと＝顧客 (3) 支払を受ける手段＝製品またはサービスとお金を引き換える方法 たったこれだけ！ 興味がある人はいるのに売るものがなければ、ビジネスは成り立たない。売るものがあっても、誰も買いそ

プログラマーが商売をおこなうとき、どんなふうに仕事をすれば良いでしょうか？ 事業の形態 受託開発 請負と委任の違い 納品のない受託開発 共同開発 自社開発 まとめ 事業の形態 プログラマーはスキルの向上に伴って、取り組める事業の幅も広がっていきます。 事業の形態は、自分がコントロールできる範囲によって分類できます。 受託開発：他人からの依頼を受けて、仕事を下請けする 共同開発：レベニューシェア（利益の山分け） 自社開発：自分で商品やサービスを作る 自分で商品やサービスを開発できない間は、受託開発で、他人から依頼されたものを作ります。 自分で商品やサービスを開発できるようになれば、自社開発で、自分が作りたいものを作ります。 共同開発（レベニューシェア）は、受託開発と自社開発の中間の形態です。 受託開発 受託開発には、「請負」と「委任」という形態があり、報酬の支払い時期に違いがあるので注意が必

プログラマーが仕事をやるとき、どんなふうに仕事を選べば良いでしょうか？ 嫌いなことよりも好きなことを選ぶ、苦手なことよりも得意なことを選ぶ、とか？ スキルアップにつながる仕事を選ぶ 犬の道 イシューとは？ イシュー度 課題に取り組む前に、課題の重要性を検討する 踏み込んではならない「犬の道」 犬も歩けば棒に当たる スキルアップと得られる利益は別物 時間管理のマトリックス 事業創出 まとめ スキルアップにつながる仕事を選ぶ 学生時代、先輩から 「スキルアップにつながる仕事を選べ」 とアドバイスされました。 以来、 給料をもらいながら勉強する 他人のためじゃなくて、自分のためにやる やればやるほど、無形の資産（スキル）が増えていく という感覚で仕事するように心がけています。 仕事が自分の利益や満足につながっているときは、結果的に全力投球できるので、手抜きはゼロになります。 傍から見ると、熱心に

プログラミングをやるとき、たまにブレーキがかかって、作業が停滞するときがあります。 ブレーキの原因と解決策を検討してみました。 目的と手段を混同しない やる気を生み出す目的 タスクのブレークダウン アクセルとブレーキ 目的と手段を混同しない もくてき【目的】の意味 - goo国語辞書 １ 実現しようとしてめざす事柄。行動のねらい。めあて。 [用法] 「目的」は、「目標」に比べ抽象的で長期にわたる目あてであり、内容に重点を置いて使う。「人生の目的を立身出世に置く」 「目標」は、目ざす地点・数値・数量などに重点があり、「目標は前方三〇〇〇メートルの丘の上」「今週の売り上げ目標」のようにより具体的である。 しゅだん【手段】の意味 - goo国語辞書 ある事を実現させるためにとる方法。てだて。 目的：問題の解決を目指す。　（例）買い物を便利にしたい。 手段：問題を解決する方法。　（例）通販サービス

プログラミングを学ぶと、できることの幅が広がっていきます。 プログラマーは、どんなふうに仕事や商売をやれば良いでしょうか？ 商売とは？ お金＝感謝の対価 ハッカーとクラッカーの違い 商売とは？ しょうばい【商売】の意味 - goo国語辞書 ［名］１ 利益をあげる目的で物を売り買いすること。あきない。 けいざい【経済】の意味 - goo国語辞書 ［名］１ 人間の生活に必要な財貨・サービスを生産・分配・消費する活動。また、それらを通じて形成される社会関係。 ２ 《「経国済民」「経世済民」の略》国を治め民を救済すること。政治。 商売・経済とは、人間の生活に必要なものをみんなで分担して作って、分かち合うことですね。 お互いにあげたり、もらったりするときに、お金を媒介として使い、量（値段）を決めます。 お金＝感謝の対価 ユダヤ人大富豪の教え 幸せな金持ちになる17の秘訣 (だいわ文庫) 作者: 本田

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.11　オブジェクト サンプルコード 実行結果 オブジェクト 連想配列とは？ JavaScriptのオブジェクトは連想配列？ ドット演算子とは？ オブジェクトの作り方 オブジェクトを構成する要素の名称 オブジェクトからデータを読み取る・書き換える オブジェクトのメソッド オブジェクトの繰り返し処理 オブジェクトのイテレーター イテレーターとは？ map()メソッド まとめ 3.11　オブジェクト (p.135) 配列に続いて新しいデータの種類「オブジェクト」を紹介します。 「オブジェクトって、windowとかdocumentとか、いままで見てきたオブジェクトのこと？」 そう、同じです……基本的には。 ただ、ここでは複数のデータ

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.10　配列 サンプルコード 実行結果 配列 JavaScriptの配列 配列の作り方 配列からデータを読み取る 配列のメソッド DOM操作 DOMとは？ document.createElementメソッド textContent プロパティ appendChild()メソッド まとめ 3.10　配列 (p.124) 変数に代入する「データ」として、いままで文字列、数値、ブール値などを使ってきましたが、今回は新しいデータの種類として「配列」を紹介します。 これまで使用してきた各種データは、変数１つにつき１つのデータを保存できるだけでした。 配列を使うと、複数のデータを１つにまとめてグループ化することができます。 サンプルコー

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.9　算術演算子 FizzBuzzとは？ サンプルコード 実行結果 算術演算子 剰余演算子 % 冪乗演算子 ** まとめ 3.9　算術演算子 (p.119) FizzBuzzというゲームをプログラムで実現してみましょう。 これまでも +、-、*と、計算のための記号をあまり詳しく説明せずに使ってきましたが、この実習でも新たに割り算の余りを算出する%記号を使います。 FizzBuzzとは？ FizzBuzzとは、何人か組になって、「１」「２」と順番に数字を言っていき、３で割り切れる数字のときは「Fizz！」、５で割り切れるときは「Buzz！」、３でも５でも割り切れるときは「FizzBuzz！」と叫ぶゲームです。 Fizz Buzz

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.8　ファンクション functionの意味 構文 関数の宣言 関数式 ファーストクラスファンクション リテラル JavaScriptの関数リテラル（関数の書式） サンプルコード 実行結果 関数の基本的な考え方 ファンクションの呼び出し ファンクションを変数に代入 JavaScriptのプログラミング・パラダイム 無名関数 まとめ 3.8　ファンクション (p.110) この実習では、ファンクション（function）の作成と利用の方法を紹介します。 ファンクションとは、よく使う処理を１つにまとめた小さなサブプログラム（プログラム内のミニプログラム）で、使いたいときに呼び出して利用します。 なお、ファンクションは日本語では「関

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.7　繰り返し　while whileの意味 構文 サンプルコード 実行結果 for文とwhile文の違い while文のカウンター 無限ループに気をつけて！ 代入演算子 まとめ 3.7　繰り返し　while (p.102) 前節ではfor文を使用しました。この実習ではもうひとつの繰り返し、while文を使用します。 whileの意味 whileの意味 - 英和辞典 Weblio辞書 発音記号・読み方 /(h)wάɪl(米国英語), wάɪl(英国英語)/ 接続詞 …する間，…するうち，…と同時に 【用法】 「動作や状態の継続している時間[期間]」を表わす副詞節をつくる; while の節中に進行形が多く用いられる; We k

JavaScript学習のついでにTypeScriptも見ていたら、ついついC#に脱線してしまいました！！！ → 思わず、C#の本を衝動買いｗ(^^; C#は後々どこかで役に立ちそうな気もします。（Xamarin、Unityとかで使うかも？） 作って覚えるVisual C# 2015 デスクトップアプリ入門 作者: 荻原裕之,宮崎昭世 出版社/メーカー: 秀和システム 発売日: 2016/01/29 メディア: 単行本 この商品を含むブログを見る 目次 準備編　開発環境を使ってみよう！ Chapter 1 プログラミングの基礎 Chapter 2 Visual Studio Express 2015 for Windows Desktopの基本操作 初級編　プログラムを作ってみよう！ Chapter 3 オブジェクト指向プログラミングの考え方 Chapter 4 プログラム作成の基本を覚え

JavaScript学習のついでに、TypeScriptも学んでみます。 今日は、TypeScriptの「総称型」という機能について調べてみました。 オンラインのTypeScript実行環境 総称型とは？ 総称型の仕組み 型引数とは？ 型の情報（種類）を入れておく変数 用語 総称型と多重定義の違い （1）似た機能の関数がバラバラに用意されている状態 （2）引数を使って似た機能をまとめた関数 （3）引数のデータ型が違うけど、機能が似ている関数 （4）「Any型」で全部の型を引き受けられる関数 （5）オーバーロードで型チェックを実現した関数 オーバーロード（多重定義）とは？ シグネチャーとは？ （6）オーバーロードした関数を総称型で１つにまとめる 総称型の使いどころ 総称型（ジェネリック）の特徴 リファクタリングとは？ まとめ オマケ オンラインのTypeScript実行環境 ブラウザー上で、

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.6　繰り返し　for サンプルコード 実行結果 繰り返しのfor文 インクリメント（増加）とデクリメント（減少）の演算子 インクリメント演算子の注意点 サンプルコード 実行結果 文字列連結 まとめ 3.6　繰り返し　for (p.95) この実習では「繰り返し」を紹介します。 繰り返しとは、同じような処理をひたすらコンピュータにさせることで、JavaScriptにはそのための文法が用意されています。 繰り返しにはいくつかの方法がありますが、今回はそのうちのひとつ、for文を使用します。 サンプルコード 「index.html」というファイルを作り、以下の内容を書きます。 <!doctype html> <html> <hea

JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第９章を読んでみます。 jsstudy.hatenablog.com Mochaテストフレームワークを使う Mochaとは？ Node.jsの設定 フォルダの移動 Mochaのインストール gulpのインストール Mochaの動作確認 Mochaのパス設定（batファイルで代用） Gulpの動作確認 Gulpのパス設定（batファイルで代用） npmはWindowsのパスを書き換えない？ npmとは？ gulpとは？ Mochaテストフレームワークを使う (p.320) 本書はMochaというテストフレームワークを使用しています。 Mochaは振舞い駆動型のテストフレームワークであり、Node.jsでの単体テストを自動化します。 Mochaとは？ 「Mocha 使い方」で検索すると、い

WindowsにNode.jsをインストールするとき、Node.jsのバージョン管理ツールとして「nodist」を使ってみました。 「nvm」（Node Version Manager）というツールもあるので、nvmの使い方も調べてみました。 nodistの使い方 nvmとは？ nvmw nvm-windows nvm-windowsのインストール nvm-windowsインストーラーのダウンロード nvm-windowsのインストール nvm-windowsの動作確認 再インストール nvmでNode.jsをインストール nvmのコマンド Node.js 32ビット版を指定する方法 まとめ nodistの使い方 nodistによるNode.jsのバージョン管理は、こちらを参照してください。 jsstudy.hatenablog.com nvmとは？ Windows ではじめてみる Nod