[B! JavaScript][introduction][programming] astk

astk_f id:astk_f

JavaScriptとintroductionとprogrammingに関するastk_fのブックマーク (31)

[JavaScript]初心者が初見で必ずthinking顔になるもの特集 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
astk_f 2020/04/15
javascript

programming

introduction
リンク
モダンJavaScript再入門 / Re-introduction to Modern JavaScript
FRONTEND CONFERENCE 2019の登壇資料です。 https://2019.kfug.jp/session/onoueyosuke Webサイト・Webアプリ制作への高まる要求に耐えられるようにJavaScriptは進化を続けてきました。特にこの約5年間で、JavaScriptは…
astk_f 2019/11/06
slide

javascript

introduction

programming
リンク
TypeScript Tutorial For Beginners: Your Friendly Guide
Published: Sep 23, 2019 - Last updated: Feb 7, 2020 Table of Contents TypeScript tutorial for beginners: who this guide is for The following guide is a TypeScript tutorial for JavaScript developers interested in learning more about TypeScript. That means a decent knowledge of "vanilla" JavaScript is appreciated, even though I'll give you pointers to the fundamentals as we go. Do the words TypeScri
astk_f 2019/10/01
TypeScript

javascript

programming

introduction
リンク
TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に｜ハイクラス転職・求人情報サイトアンビ（AMBI）
TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に JavaScript プロジェクトでTypeScriptを導入する際には、“柔らかい”静的型付き言語とするのがおすすめです。藤吾郎（gfx）さんがまとめた「がんばらないTypeScript」のガイドラインです。 TypeScriptは、すべてのJavaScript プロジェクトで採用する価値のある技術です。TypeScriptとこれに対応したエディタを導入することで、補完や型ベースの整合性のチェックにより、すべてのプロジェクトで生産性が上がります。またリファクタリングも容易になるので、長期あるいは大規模なプロジェクトでも品質を保ちやすくなります。この記事では、TypeScriptについて最低限の知識とともに、サクッと（どちらかというと既存のプロジェクトに）導入するための
astk_f 2019/04/18
TypeScript

introduction

programming

javascript
リンク
JavaScript Primer - 迷わないための入門書 #jsprimer
JavaScript Primer 迷わないための入門書 Tweet Watch Star Xのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。プログラミングをやったことはあるが、今のJavaScriptがよくわからないという人が、今のJavaScriptアプリケーションを読み書きできるように書かれています。初めてのプログラミング言語としてJavaScriptを学ぶ人は、まずは「はじめに」から読んでみてください。書籍版このウェブサイトの内容はアスキードワンゴから書籍として出版されています。書籍版の内容はウェブサイト版と同一ですが、本として読めるように最適化されています。書籍版は次のサイトから購入できます。 Amazon 達人出版会（電子書籍版）詳細につ
astk_f 2018/11/22
programming

javascript

introduction
リンク
JavaScriptを言語仕様から把握し、ライブラリに振り回されない漢を目指す人に贈るJavaScriptの基礎 - Qiita
個人的に本とかネットで勉強していたものを、ここにまとめていたのですが、せっかくなのでQiitaにも投稿します。間違いなどお気付きの点があればご指摘をお願いいたします。 JavaScript(以下JS) ES6 = ES2015 とする(呼び方多すぎ) 変数と定数の定義基本的に const で定義するようにし、どうしても必要な時だけ let を使うと事故を減らせる var はES6で書けるのであればもう使わなくて良い let 変数を宣言する。宣言できるのは一度だけ宣言時に初期化を行わなくてもエラーにはならない(中身はundefinedとなる) 値の再代入は可能だが、再宣言はエラーになる const 定数を宣言する。宣言と同時に必ず初期化する必要がある値の再代入も再宣言も不可能定数名は大文字とアンダースコアを組み合わせた名前を使うことが多い模様識別子変数名、定数名として使われる文
astk_f 2018/08/31
javascript

programming

introduction
リンク
Promise と async/await を始めからていねいに - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
astk_f 2018/06/25
javascript

非同期

programming

introduction
リンク
TypeScriptの型入門 - Qiita
TypeScriptは型がついたJavaScriptです。プログラミングにおいて型があることの恩恵は大きく、近頃AltJSの代表格として人気を集めています。TypeScriptはもともと型のないJavaScriptで書かれるコードに型を付けることを使命としていることもあり、たまに変な型が追加されます。例えばTypeScript2.8で追加されたconditional typesはずいぶん注目を集めました。これによってTypeScriptの型システムの表現力が広がりましたが、一方でTypeScriptを書いている人の中には、よく分からない型が増えてついて行けない、一部の人たちが長くてよく分からない型定義を書いて喜んでいるだけと思っている方もいるのではないでしょうか。実際、健全にJavaScriptを書いていれば、自分でそのような変な型を書くことはあまり多くありません。そこで、この記事ではT
astk_f 2018/02/19
TypeScript

introduction

programming

javascript
リンク
【JavaScript基礎】thisとは何か・シーン別参照先のまとめ - KDE BLOG
＜目次＞ thisとは何か thisの値の決められ方グローバルコンテクスト内でのthis 関数内でのthis メソッド内でのthis 入れ子の関数でのthis コンストラクタ内でのthis call()メソッド、apply()メソッドでのthis アロー関数内でのthis thisの退避まとめ参考 thisとは何か JavaScriptでのthisは、関数内で使用されるキーワードで、関数が実行される際に値が設定されます。このときに設定される値は関数を呼び出すオブジェクトへのリンクです。別の言い方をすると、実行中の関数をプロパティ、もしくはメソッドとして保持するオブジェクトへの参照と言えますが、言葉だけでは説明しにくいのでコードを見てみます。 const taro = { age: 30, gender: '男性', getGender: function() { return t
astk_f 2017/07/11
javascript

introduction

programming
リンク
クジラ飛行机「仕事に役立つJavaScript入門」：ITpro
パソコンやスマートフォンを活用していると遭遇する「ちょっと困ったこと」や「できたらいいなと思うこと」をJavaScriptでスッキリ解決しましょう。サンプルプログラムや改造のヒントを示して、プログラミング初心者でも分かりやすく解説します。 Googleスプレッドシートで作った単語帳から毎日LINEに英単語を送ろう Google Apps Scriptを使ってLINEでメッセージを送ろう（4）ここ4回にわたって、LINE Notify APIとGoogle Apps Scriptを組み合わせて使う方法を紹介しています。今回は、Googleスプレッドシートを参照して、毎日、覚えたい英単語をLINEに送るという仕組みを作ってみましょう。 2017.06.29 Googleカレンダーの予定を毎朝LINEに通知しよう Google Apps Scriptを使ってLINEからメッセージを送ろう（3）
astk_f 2017/06/20
javascript

introduction

連載

excel

node.js

Firebase

programming

gps
リンク
JavaScript標準ライブラリの使い方超入門
JavaScriptの標準仕様としてビルトインされている主なオブジェクトの使い方を紹介する連載。今回は、ユーザーを識別する情報を扱うCookieについて。ユーザーのデータを保存、取得する、有効期限を設定する基本を解説。
astk_f 2016/10/26
javascript

introduction

正規表現

連載

programming
リンク
老害と言われないためのES6勉強会報告・イントロダクション編 - Qiita
はじめにだいたい昔からJavaScriptを触ってたりすると、ECMA-262 Edition 5.1に慣れきってしまって、もうそれでいいじゃんという雰囲気になったりする。しかし、既に5.1だけを使うのは老害なのではないか(はっきりとは断言しない)という危機感によって、今回はECMAScript 2015を勉強しようという話になった。なぜ5.1は老害なのかまず最初にBabelによって、ECMA Script2015を無理矢理5.1にすることが可能になった。その後、段々と対応ブラウザが増えつつあり、今後おきかわる可能性がある。これはプロダクトの都合。プログラマーとしては格段に書きやすくなった。参考資料 Amazon 2016年11月に出版されたので、とにかくECMAScript 2015の対応は早かった。本の内容も、めくってみた感じだと、それほど悪くない印象がある。参考資料2 はて
astk_f 2016/10/18
javascript

programming

ES6

introduction
リンク
はてな教科書 JavaScript編
はてな教科書JavaScript編講義の目的 JavaScriptについて、自分で調べて学習するための基礎知識を身につけるリファレンスをひけば良い部分は覚えない話の流れ JavaScriptの言語コア部分構文とか WebとJSにまつわるあれこれ DOM 非同期プログラミング Ajax jQuery フロントエンド設計 Node.js 駆け足で進めるので、速すぎるなら遠慮せず言ってください！ LICENSE この作品はクリエイティブ・コモンズ表示 - 非営利 - 継承2.1日本ライセンスの下に提供されています。
astk_f 2016/10/07
javascript

introduction

programming
リンク
ES2015で始めるJavaScript入門 - Qiita
はじめに JavaScript勉強会の資料です。内容は、簡単なコマンドラインツールを作りながら、JavaScript(ES2015を含む)の書き方を学ぶものとなってます。内容的には初心者向けなので、JavaScriptを勉強したい、JavaScriptは触ったことあるけどES2015を知らないので勉強したい、といった方が対象です。 JavaScriptとは Webブラウザで実行可能なインタプリタ言語最近ではサーバサイドのものもある(Node.jsなど) 各ブラウザで独自の実装があるが、標準化されたECMAScriptに準拠している ES5, ES2015(ES6), ES2016, … ES2015からは毎年新しい規格が策定されるこれによりナンバリングは策定した年に変更 ES2015 ES5(2011年策定)から4年ぶりに策定されたECMAScript 非常に多くの機能が追加された
astk_f 2016/09/10
javascript

introduction

programming

ES6
リンク
今から始めるES2015
社内勉強会にて発表した今からES2015を始める人のための資料です。
astk_f 2016/06/28
javascript

slide

programming

ES6

introduction

Babel
リンク
生のReactを知ろう – JSX、Flux、ES6、Webpackを使わず… | POSTD
(編注：2016/07/29、いただいたフィードバックをもとに記事を修正いたしました。) 免責事項：　私はJSX、Flux、 ES6 、そして webpack を非常に気に入っています。これらのツールについては他のシリーズで話します。 React.jsが騒ぎを起こしているのはご存知の通りです。確かに、 XMLHttpRequest 以来の良いツールです。しかし、調査に数時間を費やした挙句、あまりに多くの用語に圧倒されただけで終わっていないでしょうか。JSX、flux、ES6、webpack、react-routerが使える今、他に必要なのは React の使い方を説明してくれる人だけです。喜んでください、それがまさに当シリーズでやろうとしていることです。信じられませんか？大丈夫、 2分後、初めてのReactアプリを作った後には納得いただけるでしょう。何もダウンロードせずに、です。
astk_f 2016/04/04
React

tutorial

programming

javascript

introduction
リンク
春からはじめるモダンJavaScript / ES2015 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点
astk_f 2016/03/18
javascript

trend

introduction

programming
リンク
旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita
はじめにネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
astk_f 2016/02/05
javascript

introduction

programming
リンク
Redux入門【ダイジェスト版】10分で理解するReduxの基礎 - Qiita
ReduxのGithubドキュメントを基に入門用記事として書いたものを、簡潔にまとめました。もと記事はこちらです。 Redux入門 1日目 Reduxとは Redux入門 2日目 Reduxの基本・Actions Redux入門 3日目 Reduxの基本・Reducers Redux入門 4日目 Reduxの基本・Stores Redux入門 5日目 Reduxの基本・Data Flow Redux入門 6日目 ReduxとReactの連携 Reduxとは Reduxは、ReactJSが扱うUIのstate(状態)を管理をするためのフレームワークです。Reactではstateの管理するデータフローにFluxを提案していますが、ReduxはFluxの概念を拡張してより扱いやすく設計されています。 Reduxはstateを管理するためのライブラリーなので、React以外にもAngularJS
astk_f 2015/12/08
Redux

introduction

javascript

programming

flux

React
リンク
NodeSchoolでJS力をアップしよう！ - Qiita
記事内容に間違いや改善等ありましたらコメント欄にてご指摘をお願いしますm(__)m NodeSchoolとは詳細は公式サイトに書かれていますが要は無料でNodeやそれに関連する技術を学べるオープンソースのツールです。 NodeSchoolという名前なので、なにかしら Node関連のものしかないように思われがちですが、JavaScriptのみに着目した科目（他にもNoSQL関係だったり、etc）などもあるので、「JavaScriptの勉強をしたい！」という人にもおすすめです！必要なもの項目説明 Node.jsインストールの推奨方法 Node.jsは活発に開発が進んでいるのでバージョンが結構頻繁に変わります。なのでNode.jsのバージョン管理をしてくれるツールのインストールを推奨します。（Rubyで言うrvmのような存在）現時点（2015/10/27時点）で推奨するNode.js
astk_f 2015/10/30
javascript

node.js

introduction

study

programming
リンク
1 2 次のページ