サイトアイコン KOKENSHAの技術ブログ

JavaScriptって何ができる?なんでもできる!

今日はこんな投稿したらちょっとバズりました!笑

 

実は、全然書けないのもいっぱいありました。

このツイートを書く意図は、別に他の言語をdisっている訳でもないですし、JavaScriptが全てが最高ではなく、1つの勢いのあるエコシステムとして注目をしているだけです。

このツイートがとてもいい機会なので

JavaScriptのできることをちょっと簡単にまとめようかなと思います。

目次

スマホアプリ開発

React Nativeとは何か?

ReactNativeでMapとCarouselのスワイプに連動するアニメーションの実現方法

2018最新定番!React Native開発の虎の巻

ITイベント、ITセミナー、IT勉強会検索アプリ

下の記事はとてもよく読まれています!

2018年 React Nativeで真剣なアプリを開発するなら、絶対使うライブラリー!

ReactNative + Firebase定番開発チュートリアル(1 インストール編)

Web開発

JavaScript三大フレームワーク2018ファイナルアンサー:Angular 対 React 対 Vueどっちがいいか!

nuxt.js簡単に試せる!(ページを作るまで)超簡単手順

システム開発

node.jsですよね。

node.js+express.jsサーバーのmongooseで、async/awaitを使えるようにする!簡単確実!

とにかくすぐsocket.ioを使ってみたい

netflixがnode.jsを使って彼らのAPIを構築しています。

AI

https://newspicks.com/news/3190711?ref=user_1184157

obnizでTensorflow.jsとPoseNetを使ってスマホからサーボを動かす!

openCVをnode.jsでやりましょう!Tensorflowのオブジェクトの認識までやっちゃいます!

https://js.tensorflow.org/

もっと時間を捻出して、いじり倒したいです!tensorflow.js

フロント開発

JavaScript三大フレームワーク2018ファイナルアンサー:Angular 対 React 対 Vueどっちがいいか!

他にも色々あります。ember.js, knockout.js、riot.jsなどなど

SPA

SPAって、JavaScriptの得意技ですよね。SPAと言えばJavaScriptというぐらいです。

ただ、SPAがSEOが少し弱くて、最近SSR(サーバーサイドレンダリング)が注目されています。

例えば、next.js, nuxt.jsなどです。

nuxt.js簡単に試せる!(ページを作るまで)超簡単手順

他は、上のプロント開発のセクションをご参照ください。

IoT

obniz サーボを動かしての第一印象、これは未来だ!

JavaScriptで電子工作できるIoTボード obniz ! nodejsからobnizを操作する

JavaScript(johnny-five)でArduinoのFirmata方式で、PCA9685複数サーボを動かす!

obniz(オブナイズ)+leapmotion+cylon.js連携でマジックハンドでサーボを動かす!本邦初公開!leapmotionとobnizの連携記事

LeapmotionとArduinoとCylon.jsでFirmataを利用して連続サーボの回転方向を制御する!俺のフォースを感じろ!

もちろんnode-redを忘れてはいけません!

https://nodered.org/

CMS

今まではCMSというと、Wordpress, Drupal, MoveTypeでしたが

JavaScript製のものも増えています。

https://github.com/tryghost/Ghost

3D

https://threejs.org/

デスクトップアプリケーション

electronですね。

例えば、みなさんが大好きなEditor、AtomもVScodeもElectronで作っています。

あとはSlackもそうです。

多数のAPI

世の中のほとんどのAPIがJavaScript対応になっています。(当たり前ですが)

FirebaseなどもとてもJavaScriptと相性がいいです。

jQuery

もちろんレガシーのjQueryも!

私も数年前はJavaScriptと言えばjQueryだという状態でした。

サーバーサイドで動くJavaScriptのnode.jsはなかなか理解できなかったのです。

Scraping

Scrapingと言えばPythonのBeautifulSoupなどの得意技ですが

JavaScriptでももちろんできます。

https://github.com/GoogleChrome/puppeteer

https://github.com/segmentio/nightmare

https://github.com/cheeriojs/cheerio

https://github.com/casperjs/casperjs

ドローンを飛ばす

Alexa Skillsも

https://github.com/alexa/alexa-skills-kit-sdk-for-nodejs

Alexaのスキルも作って見たいですね

英会話の学習アプリとか(すでにあるようですが)

マイクロソフトオフィスも?

https://docs.microsoft.com/ja-jp/office/dev/add-ins/develop/understanding-the-javascript-api-for-office

オペレーティングシステムも?

https://github.com/NodeOS/NodeOS

なかなか面白いですね。世界中いろんなプロジェクトをやっている人がいますね!

まとめ

これで、本当に氷山の一角にすぎません。もっともっと私の知らないのがいっぱいあるはずです。

これでも物足りない人は、こちらをご参照ください!

https://github.com/sorrycc/awesome-javascript

きっと満足できるはずです。

他に何か面白いのがあったらぜひおしらせください!

これからも急激に進化していくエコシステムですので

引き続き注目ですね。

[amazonjs asin=”4295003859″ locale=”JP” title=”スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ)”]

[amazonjs asin=”B01N2Y16BQ” locale=”JP” title=”JavaScriptエンジニアのためのNode.js入門”]

モバイルバージョンを終了