JavaScript Primer - 迷わないための入門書
ユースケース: Node.jsでCLIアプリケーション ここではNode.jsでCLI（コマンドラインインターフェース）アプリケーションを開発します。 CLIのユースケースとしてMarkdown形式のテキストファイルをHTMLテキストに変換するツールを作成します。 作成するアプリケーションは次の要件を満たすものとします。 コマンドライン引数として変換対象のファイルパスを受け取る Markdown形式のファイルを読み込み、変換したHTMLを標準出力に表示する 変換の設定をコマンドライン引数でオプションとして与えられる 目次 Node.jsでHello World Hello Worldアプリケーションを通じてNode.jsのCLIアプリケーションの基本を学びます。 コマンドライン引数を処理する コマンドライン引数を受け取り、アプリケーションから使いやすい形にパースする方法を学びます。 ファイ
Node.jsでウェブスクレイピングする色々な方法 - Qiita
ウェブサイトの更新チェックをするのに、ブラウザを開くのが面倒でスクリプト化したいことがあります。 Node.jsを使って、スクリプト化します。 お題 国立大学法人 電気通信大学から最新の新着情報の日付を取得します。 ブラウザ上での動作 最初にブラウザでの情報取得方法を確認します。 開発コンソールで次のJavaScriptを実行します。 document.querySelector('.newsList').children[0].firstChild.textContent.trim() "2017年10月 5日"最新の新着情報の日付が取得できます。 解法 色々な実装方法があります。 環境 Nodo.js v8.6.0 MacBook Pro (Retina, 13-inch, Late 2013) 比較表 最初に簡単な比較を載せます。 ソースコードは後半にあります。 ヘッドレスブラウザ
SwaggerでAPI通信のコードを自動生成させて楽をしよう！ - Qiita
概要 API通信処理、どんな方法で実装していますか？ クライアントアプリを開発してると何かと書く機会が多い部分ですが、アプリごとに頑張って書いていくの面倒ですよね。 同じ言語ならライブラリとして切り出せば良いですが、プラットフォームが違う場合は大抵言語も違うので、その場合は再開発する必要が出てきて辛いですよね。 そういう時はSwaggerを使うとその問題解決、あるいは軽減できるかもしれません。 今回はSwaggerを使った通信処理を自動生成する方法を紹介したいと思います。 こんな人にオススメ APIドキュメントの追従や管理がつらい プラットフォームごとに実装書くのつらい JSONをいい感じにパースするライブラリがない （もしくはあるけど実装がめんどい） APIガッツリ使うプロダクトなのに、開発開始直後でサーバー側にAPIが用意されてない 結合まで待ってたら作業進まない javaはGsonと
スッとスライドを作れ！
とつぜんですがみなさま．大急ぎでスライドを作る必要に迫られたときどうしておられるでしょうか． 先日，わたしもそんなような感じになったので，どうやってやり過ごしたのかを紹介します． 環境 基本的にはUbuntu 18.04で作業しますが，発表はmacOSあるいはWindowsで行わなければならないかもしれません． 時間がないのでちょちょっと書かないといけません． 高価なソフトウェア（およびそのライセンス）は所持していません． 現代人として版管理はしますよね？ 要望 ようするに，まずはクロスプラットホームを望みます．というより，プレーンなテキストとして書く→なにがしかの処理をする，という感じであれば，動作する環境は限定的であるとしても，スライドの作成自体はいつでもどこでもできそうだなぁという感じでしょうか． テキスト自体はやはりAsciidocで書きたいというか書くべきというかそう思います．M
はじめに — Vue.js
最終更新日: 2020年11月7日 Vue.js とは？Vue (発音は / v j u ː / 、 view と同様）はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolithic)なフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡単です。また、モダンなツールやサポートライブラリと併用することで、洗練されたシングルページアプリケーションの開発も可能です。 あなたが Vue についてもっと深く学ぶ前に概要を知りたいのなら、中核となる原則とサンプルプロジェクトを元に説明するビデオを作成しているので、それを見るとよいでしょう。 あなたが経験豊富なフロントエ
「 Javascript / Node.js で仕事自動化」記事まとめ - ほんじゃらねっと
Javascript と Node.js を使ってあれこれ自動化する記事が増えてきたので、 目次としてまとめておく。 blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net b
「Webサイト用」モダン開発環境の考察 - Qiita
社内のフロントエンド、マークアップエンジニア向けに話をしそうなので、そのメモ。 なんとなくで読んでください。 Index 「Webサイト用」モダン開発環境 パフォーマンス施策 Webサイト制作において必要な条件 モダンな技術を採用しつつ、今までの案件で使える SPAではなくWebサイトに対応 HTMLファイルが各ページで存在している head内の情報が直接書かれている きれいなHTML minifyされていない Nuxt.jsのgenerateみたいに、最適化されすぎていない 変えたいもの 脱Gulp Gulp -> npm scripts（タスクランナー） Gulp -> webpack（バンドラー、トランスパイラー） jQuery -> Vue.js & Vanilla.js ES2015+ -> TypeScript（Classベース） EJS -> Pug 脱Gulp（Gulpをや
プレーンテキストから４コママンガに変換出来るツールを作った - No Regrets in Bathing
白ハゲ４コマメーカー リリースしました！ テキストを入力してポンポンスタンプを押すだけで４コマ漫画を作れます。 ※Twitterに直接画像をアップロードする機能はないので、ローカルに一旦保存してくださいhttps://t.co/RCX183cdW8#白ハゲ４コマメーカー pic.twitter.com/qbvRHqO5R3— hashrock (@hashedrock) 2017年6月27日 作りました。 https://mangadown.netlify.app/ ここの所、Markdownからすべてを生成することを目指した「anydownプロジェクト」というのをやってます。 その流れで４コマもテキストから生成できそうだな、と思いついたので作りました。別にMarkdownじゃないんですが、それなりに書きやすいんじゃないかと思います。 大層なことにそれらしいWebフォントを使っていたり、縦
ReactNativeでiOSとAndroidの漫画アプリを同時に作る | Nagisaのすゝめ
はじめに NagisaでiOSエンジニアをしている伊藤です。 今回はReactNativeというスマホアプリのクロスプラットフォーム開発ツールを使った取り組みについて紹介をしたいと思います。 アプリのクロスプラットフォーム開発といえば、以前ではTitaniumやCordovaといったWebViewをベースとしたアプリをイメージするものが多く、純粋なネイティブアプリに比べるとどうしてももっさりとした感覚になってしまい、あまり採用されることはなかったように思います。 ReactNativeではこのもっさりとした感覚はなく、とてもスムーズに動作するアプリを作れます。その理由はWebViewを使用せず、ビューやラベル、スイッチなどで本当のネイティブコンポーネントを使った画面が構成されるところにあります。これにより国内でもにわかに人気が出てきています。 UPTOON!のReactNative化 UP
パッケージマネージャを利用した Node.js のインストール | Node.js
パッケージマネージャを利用した Node.js のインストール 注意: このページにあるパッケージはそれぞれのパッケージ管理者によってメンテナンスされています。Node.js コアチームによるものではありません。遭遇した問題はパッケージの管理者に報告してください。もしその問題が Node.js 自体のバグだと判明した場合は、管理者が報告をあげてくれます。 Android Arch Linux Debian と Ubuntu ベースの Linux ディストリビューション、エンタープライズ Linux/Fedora と Snap パッケージ FreeBSD と OpenBSD Gentoo IBM i NetBSD openSUSE と SLE macOS SmartOS と illumos Solus Void Linux Windows Android Android support is
webpack+React+material-uiの環境を最小手順で作成 - Qiita
などをやってください。 以下の内容は古くなりました。 表題通りでReactとmatrial-uiを使ったウェブページをwebpackを使って最小手順で作るための手順をまとめた。 準備 まずはディレクトリを作成してnpmの準備をする。 $ mkdir webpack-exe $ cd webpack-exe $ npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sane defaults. See `npm help json` for definitive documentation on these fields and exactly what they do. Use `np
รูเล็ต ทดลองเล่นรูเล็ต เว็บพนันออนไลน์ อันดับ 1 เครดิตฟรีกดรับเอง
7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับไม่ได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่เรามีให้เฉพาะสม
0から始めるjs未経験者向けReact Native入門 - Qiita
React Nativeをざっくり動かすまで＋簡単なアプリを作るのに必要な知識をまとめてみました。 Xcodeはインストールされている前提で進めます。 ※javascriptはほぼ未経験なのでミスの指摘をいただけるとすごい嬉しいです。 ※最近の記法にあわせ修正加えました インストール 公式のコマンドを打ち込みます。 特に問題なく進むと思います。 プロジェクト作成 ターミナルで、 react-native init [project name] と打つだけでできます。 ソース,リソース構成 index.ios.js/index.android.js がアプリ起動時に実行されるコードです。 あとは任意のフォルダに .js ファイルを配置して編集すればOKです。自分はどこかでみたサンプルに従い、 ./App/ 配下においてます。 画像リソースは適当なフォルダにおいて相対パスでアクセスすればOKで
webpackチートシート - Qiita
フロントまわりのツールは群雄割拠してる感がすごくて手を出せずにいたのですが、Rails5.1 で gem webpacker が導入されたこともあってwebpack/yarn構成に魅力を感じています。 今どきのモジュール/パッケージ管理したいので、まずはwebpackです。 概要 webpack = JavaScriptファイルのバンドラ モジュール単位に分離されたjsファイルをひとつのjsファイルにまとめる(バンドルする) 結合の過程で、jsファイルの依存関係を解決する CommonJS, AMD, ES6 Moduleなど復数のモジュールシステムに対応する 競合はrequire.js(依存解決), browserify(バンドル)など オープンソース, MITライセンス 導入 npmでインストールする。 プロダクション環境ではバンドルした状態で配置するわけなので、開発環境のみを指定する
Node.js — Download Node.js®
Package managers and their installation scripts are not maintained by the Node.js project. If you encounter issues, please reach out to the package manager's maintainers. Node.js includes npm (10.7.0). Read the changelog for this version Read the blog post for this version Learn how to verify signed SHASUMS Check out other community supported package managers
【俺用メモ】 CentOS6にNode.jsをインストールする - Qiita
$ nvm install stable Downloading and installing node v9.5.0... Downloading https://nodejs.org/dist/v9.5.0/node-v9.5.0-linux-x64.tar.xz... ######################################################################## 100.0% Computing checksum with sha256sum Checksums matched! Now using node v9.5.0 (npm v5.6.0) Creating default alias: default -> stable (-> v9.5.0) $ nvm install v4.4.5 Downloading and ins
React初心者のためのreact-routerの使い方 - ハッカーを目指す白Tのブログ
2015年1月、React ConferenceにてReact.jsでネイティブアプリが作れるようになると発表された。この発表を受けて最近何かと話題のReact.jsだが、リリースされたのは2013年であり、2009年にリリースされたAngularJSや、2010年のBackbonejsなどの他のjavascriptフレームワークに比べると新しく、まだネットに日本語の情報があまりない。ということで、React.jsのデファクトルーティングライブラリであるreact-routerの使い方についてまとめてみた。 目次1.そもそもreact-routerとは 2. react-routerのインストール方法 3. react-routerの使用例 4. react-routerのコンポーネント一覧 5. Routerのrunメソッド 1. そもそもreact-routerとはreact-rout
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptが辿った変遷 - Qiita
GitHub - anydown/anydown: Two-way editing Markdown notebook for small project scheduling
GitHub - hirokidaichi/uiflow: uiflow - the simplest way to write down your ui-flow diagram like markdown
