タグ

_に関するjsstudyのブックマーク (289)

  • プログラマーの英語学習法 - JavaScript勉強会

    プログラミング学習をやっていると、英語は避けて通れない道ですね? プログラミング言語は、ほとんどアルファベット(英語)でコードを記述 プログラミングの用語は、ほとんど英語由来の単語 参考資料の原典は、ほとんど英語(コンピューターは欧米が発祥のため?) プログラミングの世界に一歩足を踏み込むと英語の嵐なので、英語の理解はプログラミング学習の一助となります。 プログラミングで困らない程度に英語をマスターする方法を検討してみました。 日プログラマー英語は下手でもOK ブロークン・イングリッシュから始めよう! 読む→書く→聞く→話す、の順番で攻略 英語学習情報 英語教材 英文法 英単語 英会話 スラッシュリーディングとは? スラッシュリーディング教材の自作 ENGLISH JOURNAL SIMスーパースピーキング SIM式の紹介書籍 オンライン英語講座 Skype 英語の思考法 言語学の知

    プログラマーの英語学習法 - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/15
    プログラマーのための英語の手抜き勉強法 → 英語のドキュメントでスラッシュリーディングをやればOK
  • 参考書の選び方 - JavaScript勉強会

    勉強で使う(教科書、参考書、専門書)を検討するときに、目次情報の提供は役に立たないという意見がありました。 皆さんは勉強でを読むとき、どんな選び方をしていますか? の目次情報の価値 目次は判断材料 索引は利便性に直結 最初は薄い、次に厚い 解釈学的循環の解消 何度も使う辞書類は手元に置く パラシュート学習法 同じ項目を比較する 正誤表(誤植)を確認する 著者のSNS 翻訳は原書も読んでみる 目次の確認が不要な を読んだ後のフォロー 著作権法とフェアユース(公正利用) ブログのバイラルマーケティング の目次情報の価値 関数型プログラミングの基礎 JavaScriptを使って学ぶ 【目次】 - JavaScript勉強会 こういうの目次を丸写しして、それ以外に大した感想とか書かない奴は、絶滅してほしいのだ、はいいすぎか。でも著作権とか気にしてほしいものだ 2017/04/1

    参考書の選び方 - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/15
    参考書を選ぶときのチェックポイント 薄い本と厚い本の使い分け id:lifeisadog 目次を見ないで本を選ぶ方法をご紹介ください。
  • nodistでWindowsにNode.jsをインストールする 【読書メモ】 - JavaScript勉強会

    JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第9章を読んでみます。 jsstudy.hatenablog.com WindowsにNode.jsをインストールする Windows用Node.jsバージョン管理ツール「nodist」 nodistのダウンロード 手動でnodistコマンドのパスを設定 Node.jsのインストール Windowsでnvmを使う方法 WindowsにNode.jsをインストールする Windows7でNode.jsを使うので、Windowsの場合の説明を参考にしてみます。 (p.316) WindowsにNode.jsをインストールするには、公式サイトの https://nodejs.org/en/download/releases/ から該当するバージョンのインストーラをダウンロードします。 書で

    nodistでWindowsにNode.jsをインストールする 【読書メモ】 - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/14
    Windows用のNode.jsバージョン管理ツール「nodist」を利用 → Node.jsのv0.12.0を入れる
  • 関数型プログラミングの基礎 JavaScriptを使って学ぶ 【目次】 - JavaScript勉強会

    JavaScriptの学習で面白そうながありました! 「関数型プログラミングの基礎 JavaScriptを使って学ぶ」というです。 このを参考にして関数型プログラミングのやり方に親しんでみたいと思います。 関数型プログラミングの基礎 JavaScriptを使って学ぶ 作者: 立川察理,長瀬嘉秀 出版社/メーカー: リックテレコム 発売日: 2016/10/29 メディア: 単行(ソフトカバー) この商品を含むブログを見る 目次 第Ⅰ部 関数型プログラミングの基礎 第1章 「計算」とは 第2章 なぜ関数型プログラミングが重要か 第Ⅱ部 JavaScriptによる関数型プログラミングの実践 第3章 心の準備 第4章 データの種類と特徴 第5章 プログラムをコントロールする仕組み 第6章 関数を利用する 第7章 高階関数を活用する 第8章 関数型言語を作る 第Ⅲ部 付録 第9章 Java

    関数型プログラミングの基礎 JavaScriptを使って学ぶ 【目次】 - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/13
    JavaScriptを使って関数型プログラミングの考え方を学ぶ本 (p.96) Column 学習ツールとしての単体テスト → 勉強のコツはいろいろあると思いますが「プログラミング学習にテストを活用する」という発想が参考になりました!
  • 3.5 時間で異なるメッセージを表示する 《論理演算子》 【JavaScript超入門】 - JavaScript勉強会

    JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.5 時間で異なるメッセージを表示する 《論理演算子》 サンプルコード 実行結果 論理演算子 &&演算子 ||演算子 「 | 」の入力の仕方 !演算子 論理演算子 一覧 論理演算とは? AND 論理積 OR 論理和 XOR 排他的論理和 NOT 論理否定 JavaScriptの論理演算子 まとめ 3.5 時間で異なるメッセージを表示する 《論理演算子》 (p.90) ここまでのif文では「○○が△△だったら」や「××が□□より大きかったら」というかたちの条件式を書いてきました。 それでは、「時刻が19時以降で、かつ21時より前」とか、「9時台、もしくは15時台」というような条件式はどうやって書けばよいでしょう? 今回は、新しく

    3.5 時間で異なるメッセージを表示する 《論理演算子》 【JavaScript超入門】 - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/09
    論理演算 0と1の足し算、掛け算 論理積「AND」、論理和「OR」、排他的論理和「XOR」、論理否定「NOT」の4種類 JSの論理演算子「&&」「||」「!」が用意されている 論理演算子を使って、複数の条件式を評価できる
  • プロトタイピング=試作品の制作を気軽に始めてみよう! - JavaScript勉強会

    JavaScript学習に役立つお話がありました。 「プロトタイピング」でプログラムを試作する練習について紹介されています。 www.webprofessional.jp (前回に引き続き、今回もこのお話から学んでみたいと思います。) jsstudy.hatenablog.com アプリ作成の進め方として、以下の手順が紹介されています。 最初に基を身に着けよう 計画を立てる コード無しで書いていく 小さな部分に分けて製作する 各パーツを結合する 実験とテスト 外部の助けを求める コードのリファクタリング(再構築) 試行錯誤の重要性 現実には、プロジェクトは完璧なコードをガンガン書くことではなく、たくさんの試行錯誤とリファレンスを幾度も参照して少しずつできあがるものなのです。 実験とテスト この段階ですでに、たくさんの実験とテストを繰り返して動作確認をしてきました。 きちんと動作するならば

    プロトタイピング=試作品の制作を気軽に始めてみよう! - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/09
    プロトタイピング=試作品を作って改良していく手法 アジャイル開発 PDCA OODA ハッカーウェイ 構築主義 ティンカリング こまけぇこたぁいいんだよ!!AA
  • リファクタリング=読みやすいプログラムを書こう! - JavaScript勉強会

    JavaScript学習に役立つお話がありました。 「リファクタリング」でプログラムを改善する練習について紹介されています。 www.webprofessional.jp (前回に引き続き、今回もこのお話から学んでみたいと思います。) jsstudy.hatenablog.com アプリ作成の進め方として、以下の手順が紹介されています。 最初に基を身に着けよう 計画を立てる コード無しで書いていく 小さな部分に分けて製作する 各パーツを結合する 実験とテスト 外部の助けを求める コードのリファクタリング(再構築) リファクタリングとは? reの意味 - 英和辞典 Weblio辞書 re‐ 【接頭辞】 「相互,反,後,退,秘; 離,去,下,再,否,不」などの意. 接頭辞の「re」は、再びという意味 factorの意味 - 英和辞典 Weblio辞書 factorとは (ある現象・結果を生ず

    リファクタリング=読みやすいプログラムを書こう! - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/09
    リファクタリングの定義と目的:外部から見たときの振る舞いを保ちつつ、理解や修正が簡単になるようにソフトウェアの内部構造を変化させること。「ソースコードの理解度を向上させること」がリファクタリングの目的
  • プログラミング学習で擬似コードを活用しよう! - JavaScript勉強会

    JavaScript学習に役立つお話がありました。 「擬似コード」でロジックを書き出す練習について紹介されています。 www.webprofessional.jp JavaScriptに限らず、プログラミングの基を学んだら何か動くモノ(プライベートプロジェクト)を作ってみたくなります。でも実際にどうやって進めたらいいのでしょうか? 現実には、プロジェクトは完璧なコードをガンガン書くことではなく、たくさんの試行錯誤とリファレンスを幾度も参照して少しずつできあがるものなのです。 アプリ作成の進め方として、以下の手順が紹介されています。 最初に基を身に着けよう 計画を立てる コード無しで書いていく 小さな部分に分けて製作する 各パーツを結合する 実験とテスト 外部の助けを求める コードのリファクタリング(再構築) あ 擬似コードの活用 「コード無しで書いていく」って、どういうことでしょうか?

    プログラミング学習で擬似コードを活用しよう! - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/08
    擬似コードでいったんロジックを書き出してみる練習
  • プログラミング学習は安全・快適・簡単!? - JavaScript勉強会

    ITの発展により、ITを活用した効率化が、世界中で不可欠になってきました。 日でも、ITの人材不足により、2020年から小学校でプログラミング教育が必修化されます。 miraino-manabi.jp 今後は、誰でも簡単にプログラミング技術を習得できる教材やカリキュラムが必要になるでしょう。 プログラミングは魔法じゃないので、仕組みは調べたら必ず分かるようにできています。プログラミングは順番に説明すれば誰でも理解できるものです。 問題は、知識が膨大だと学習に時間がかかることですね? どんな勉強でもインスタント、ショートカットはありませんが、枝葉の知識よりも先に、幹となる質的な考え方を押さえることが、早道につながると思います。 Pythonの入門書に、プログラミング学習の参考となる話が紹介されていたので、取り上げてみます。 入門 Python 3 作者: Bill Lubanovic,斎

    プログラミング学習は安全・快適・簡単!? - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/02
    プログラミングは、編み物や調理と同じ=規則と順番があるだけ 楽しくやろう!
  • クリエイターのマインドセット - JavaScript勉強会

    クリエイターに役立つアイデアやマインドセット(考え方)を集めたいです。 良いアイデアをみんなで共有しよう! (via Lack of gatekeepers leads to flood of entertainment news-SSCP) インプット アウトプット ビジネス インプット プログラミング学習は安全・快適・簡単!? 参考書の選び方 プログラマー英語学習法 「プライベートでは一切プログラミングしたくない」というプログラマーはいるのか? ハッカーと画家 ハッカーの特徴=好奇心=集中力の源 プログラミングの勉強は部品集めと同じ - JavaScript勉強会 アウトプット プログラミング学習で擬似コードを活用しよう! プロトタイピング=試作品の制作を気軽に始めてみよう! リファクタリング=読みやすいプログラムを書こう! 毎日30分のプログラミング習慣 UNIXという考え方 既存

    クリエイターのマインドセット - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/02
    クリエイターに役立つマインドセット(考え方)のコレクション
  • Webサイト制作【4】 Bootstrap準備編 - JavaScript勉強会

    JavaScript学習の一環として、Webサイト制作の練習もやってみます。 今回は、CSSフレームワーク「Bootstrap」を準備します。 用語 CSSフレームワーク jQuery レスポンシブデザイン グリッドシステム CSSフレームワーク CSSフレームワーク - Google 検索 CSSフレームワークとは、Webサイト制作でCSSを書くときに、よく使う便利なCSSの機能をまとめたパッケージです。 最近は、「Bootstrap」というCSSフレームワークが人気です。 【2016年冬】最新CSSフレームワークまとめ - Qiita (2016年 GitHub人気ランキング) 1位: Bootstrap http://getbootstrap.com/ 2位: Semantic-UI https://semantic-ui.com/ 3位: Foundation http://fou

    Webサイト制作【4】 Bootstrap準備編 - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/02
    Bootstrapのインストール
  • Webサイト制作【3】 Visual Studio Code準備編 - JavaScript勉強会

    JavaScript学習の一環として、Webサイト制作の練習もやってみます。 今回は、プログラムを書くツールを準備します。 以前用意した「Visual Studio Code」に、PHP用の設定を追加してみます。 用語 IDE 統合開発環境 - Wikipedia 統合開発環境、IDE (Integrated Development Environment) は、ソフトウェアの開発環境。 従来、コンパイラ、テキストエディタ、デバッガなどがばらばらで利用していたものをひとつの対話型操作環境(多くはGUI)から利用できるようにしたもの。 最近のIDEには、GUIアプリケーション開発のための迅速なプロトタイピング (RAD) が可能なものが多い。 統合開発環境を使うことによって、巨大かつ複雑なソフトウェアでも、作成者に負担をかけることなく開発することが可能になる。 サンがJava FXの実例をデ

    Webサイト制作【3】 Visual Studio Code準備編 - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/02
    Visual Studio Codeの設定 PHPの実行ファイルを指定する
  • Webサイト制作【2】 CodeIgniter準備編 - JavaScript勉強会

    JavaScript学習の一環として、Webサイト制作の練習もやってみます。 今日は、PHPのWAF(Web Application Framework)の1つである「CodeIgniter」を用意してみます。 用語 フレームワーク 制御の反転 Apache htaccess アプリケーションフレームワーク - Wikipedia アプリケーションフレームワーク (Application Framework) とは、プログラミングにおいて、特定のオペレーティングシステムのためのアプリケーションの標準構造を実装するのに使われるクラスやライブラリの集まりである。単にフレームワークとも呼ぶ。 多くの再利用可能なコードをフレームワークにまとめることによって、開発者の手間を省き、新たなアプリケーションのために標準的なコードを改めて書かなくて済むようにする。 Webアプリケーションフレームワーク -

    Webサイト制作【2】 CodeIgniter準備編 - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/02
    CodeIgniterのインストール
  • Webサイト制作【1】 XAMPP準備編 - JavaScript勉強会

    JavaScriptは、Webサイトを作るときによく使われます。 JavaScript学習の一環として、Webサイト制作の練習もやってみましょう。 用語 サーバーサイド(バックエンド) クライアントサイド(フロントエンド) LL(Lightweight Language 軽量プログラミング言語) 「超」初心者のためにPHPフロントエンド言語の違いをサクッと解説 | Tech2GO フロントエンドとバックエンドの違い HTMLCSSJavaScriptなどでのフロントエンド処理はWEBページ内で完結する処理=「ユーザーに見せる外側の処理」、 PHPなどでのバックエンド処理はWEBページを飛び越えサーバー上で行う処理=「内部的な処理」 Lightweight Languageとは - はてなキーワード コンピュータの世界におけるプログラミング言語の中でも"軽量"と思われるものの総称。LL

    Webサイト制作【1】 XAMPP準備編 - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/02
    LAMPスタックでWebサイト制作 XAMPP(ザンプ)のインストール
  • 3.4 数当てゲーム 《比較演算子、データ型》 【JavaScript超入門】 - JavaScript勉強会

    JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.4 比較演算子、データ型 サンプルコード 実行結果 比較演算子 データ型 型変換(キャスト) 文字列 → 数値 数値 → 文字列 数値、文字列 → ブーリアン型 ヨーダ記法 3.4 比較演算子、データ型 (p.83) if文からさらに一歩進んで、数字の大小を比較する条件式を作ります。 サンプルコード (例)0~5の乱数を当てるクイズ <!doctype html> <html> <head> <meta charset="UTF-8"> <title>3-04_comparison</title> </head> <body> <h1>数当てゲーム</h1> <h2>さまざまな比較演算子を使用する</h2> <script>

    3.4 数当てゲーム 《比較演算子、データ型》 【JavaScript超入門】 - JavaScript勉強会
    jsstudy
    jsstudy 2017/04/01
    条件式 比較演算子 型変換 ヨーダ記法
  • GoやSwiftもAltJSとして使おう! - JavaScript勉強会

    JavaScriptの代替手段として、現在様々なAltJS(Alternative JavaScript)が提供されています。 (参考)AltJS(Alternative JavaScript)をまとめて比較してみました AltJSとは、Altnative Javascriptの略称で、JavaScriptの代替となりうる次世代のプログラミング言語、スクリプト言語の候補群のことです。 特定の言語を指していません。 主要IT企業で開発されているプログラミング言語も、AltJSとして使うことができます。 マイクロソフト → TypeScript グーグル → Go アップル → Swift TypeScript TypeScriptは、JavaScriptの代替を目的として開発された言語なので、AltJSの命と言えるでしょう。 www.typescriptlang.org TypeScrip

    GoやSwiftもAltJSとして使おう! - JavaScript勉強会
    jsstudy
    jsstudy 2017/03/31
    AltJSの選択肢 Go→GopherJS Swift→ShiftJS
  • 7つの言語 7つの世界 【目次】 - JavaScript勉強会

    JavaScriptの学習で、「7つの言語 7つの世界」というを参考にしてみます。 プロトタイプベースのプログラミング言語「Io」について学んでみます。 7つの言語 7つの世界 作者: Bruce A. Tate,まつもとゆきひろ,田和勝 出版社/メーカー: オーム社 発売日: 2011/07/23 メディア: 単行(ソフトカバー) この商品を含むブログを見る 目次 母に捧ぐ 謝辞 序文 第1章 はじめに 1.1 書のねらい 1.2 こので扱う言語 1.3 このを買ってください 1.4 このを買わないでください 1.5 終わりに 第2章 Ruby 2.1 簡単な歴史 2.2 1日目:乳母を探す 2.3 2日目:空からふわふわ舞い降りる 2.4 3日目:真剣な変更 2.5 Rubyのまとめ 第3章 Io 3.1 Ioとは 3.2 1日目:学校をさぼって,気ままに過ごす 3.3 2

    7つの言語 7つの世界 【目次】 - JavaScript勉強会
    jsstudy
    jsstudy 2017/03/30
  • JavaScript フレームワーク入門 【目次】 - JavaScript勉強会

    JavaScriptの学習で、「JavaScript フレームワーク入門」というを読んでみます。 JavaScript フレームワーク入門 作者: 掌田津耶乃 出版社/メーカー: 秀和システム 発売日: 2016/09/16 メディア: 単行 この商品を含むブログを見る 目次 Chapter 1 JavaScriptとフレームワーク Chapter 2 jQuery Chapter 3 TypeScript Chapter 4 Vue.js Chapter 5 Backbone.js Chapter 6 Angular Chapter 7 React Chapter 8 Aurelia Chapter 9 パッケージ管理ツール Chapter 10 JavaScriptフレームワークの今後 出版社情報 著者紹介 目次 Chapter 1 JavaScriptとフレームワーク 1-1 フ

    JavaScript フレームワーク入門 【目次】 - JavaScript勉強会
    jsstudy
    jsstudy 2017/03/30
    TypeScriptの説明もある ワンストップでJSフレームワーク関連の概要を把握(広く浅く) → 詳細な各論は、公式サイトや他の専門書を探る?(狭く深く)
  • 開眼! JavaScript 【目次】 - JavaScript勉強会

    JavaScriptの学習で、「開眼! JavaScript」というを読んでみます。 開眼! JavaScript ―言語仕様から学ぶJavaScript質 作者: Cody Lindley,和田祐一郎 出版社/メーカー: オライリージャパン 発売日: 2013/06/19 メディア: 単行(ソフトカバー) この商品を含むブログを見る 目次 1章 JavaScriptオブジェクト 2章 オブジェクトとプロパティを扱う 3章 オブジェクト(Object()) 4章 関数(Function()) 5章 グローバルオブジェクト 6章 this 7章 スコープとクロージャ 8章 関数のprototypeプロパティ 9章 配列(Array()) 10章 String() 11章 Number() 12章 Boolean() 13章 プリミティブ型文字列、数値、真偽値 14章 null 15章

    開眼! JavaScript 【目次】 - JavaScript勉強会
  • Web制作の現場で使うjQueryデザイン入門 【目次】 - JavaScript勉強会

    JavaScriptの学習で、「Web制作の現場で使うjQueryデザイン入門」というを読んでみます。 Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books) 作者: 西畑一馬 出版社/メーカー: KADOKAWA/アスキー・メディアワークス 発売日: 2013/03/07 メディア: 大型 この商品を含むブログを見る 目次 第1章 jQueryをはじめる前の基礎知識 第2章 サンプルで学ぶjQueryのキホン 第3章 現場で使えるデザインレシピ 第4章 jQueryプラグインでラクラクWeb制作 出版社情報 著者紹介 目次 第1章 jQueryをはじめる前の基礎知識 [1-1] jQueryとは? [1-2] jQueryを使うための準備 [コラム] GoogleのサーバーでjQueryを使う 第2章 サンプルで学ぶjQueryの

    Web制作の現場で使うjQueryデザイン入門 【目次】 - JavaScript勉強会