Markdownだけで綺麗なスライドを作るCLIを作っている - 技術探し
テーマ やりたかったこと デモ 手順 タスク 仕組み できること・できないこと できること できないこと 次の実装 さいごに fusuma0.0.1をリリースした。https://t.co/EpS9Wkq7DT— npx hiroppy😶 (@about_hiroppy) 2018年4月27日 今現在、0.2.1 テーマ 本質ではないwebpackとかBabelとかPostcssとかの設定ファイルを書くことなく、1コマンドでリリースまで面倒を見てくれて、マークダウンだけクールなスライドを作れるようにしたい。 サッとスライドを作れて、サッっとデプロイしたい。 やりたかったこと webpackやBabelの設定を隠蔽したい 開発・プロダクトビルド・リリースを1コマンドで終わらせたい マークダウン(or HTML)で書けるようにしたい フレームワークへの接続 bespoke.js以外にも対応さ
出来る限り短く説明するReactJS入門 - Qiita
VTeacher 所属の Masaki Suzuki です。 ※各項目をできるだけ3行以内にまとめています デザイナーさんやフロントのエンジニアさん向けのReact.js（リアクトジェーエス）入門です。 「最近、『リアクト』と聞くけど、つまり何？」ってひとが対象です。 React.jsとは React.jsはUIのパーツ（構成部品）を作るためのライブラリです。 FacebookがOSSとして公開しています。 初回投稿日：2015年06月21日 この投稿はReactが話題になり始めた頃（6年前のv0.1の頃）、整理した記事です。 最新情報はこちら React Server Components 2021年からReactを始めるなら React Server Components 一択ではないか？ https://zenn.dev/rgbkids/articles/e58ef9b947b199
JavaScript (Electron) を使ってアプリの見栄えを整える - Qiita
Electronを使って見栄えを整えてみる ElectronはJavaScriptでデスクトップアプリケーションが作れるツールです。 前回「30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで」では簡単なアプリを作って配布するところまでやりました。 あとはいつも通りの JS + HTML + CSS でガリガリ書いていけばいいのですが、まずは見た目から入ろうということで、もう少しアプリっぽい見栄えにしてみましょう。 ちなみに、Macではいろいろ動作を確認しましたが、Windowsは知りません。 大体同じように動くはずですが、もしダメだったらWindows版の記述を教えて頂けると助かります。 基本設定は browser-window APIで browser-windowはアプリのウィンドウを表示するためのAPIです。 例えば、以下は単なるin
Electronの手習い〜Electron環境からパッケージ化まで〜 - Qiita
Electronってどういうことができるのか全く知らない状態からスタートです。 Electronとは？についての参考資料 - Electron 本家サイト - HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは - Electron 1.0でデスクトップアプリ開発超入門――動作の仕組み、基本的な使い方、セキュリティの懸念点 - 本家サイトを翻訳してくれているページ発見 助かる。。 ★ 本家サイトからのデモファイルDL時に混乱したこと http://electron.atom.io/#get-started に「Downlode for mac」があったのでそれをDLして中身を確認しようとしました。 しかし、これは「Electronで開発したアプリでは、どのようなことが行えるか」がわかるappであり、期待しているソースファイルはありませんでした。 自分
JavaScriptの { } を理解する - Qiita
結果はどうなったでしょうか。 自分が今使っているGoogle Chromeだとこうなりました。 結果は{a: 10}というオブジェクトです。まあ、これは当然ですね。3 + 5と入力すれば実行されて8が返ってくるのですから、{a: 10}というオブジェクトリテラルを書けば{a: 10}というオブジェクトが作られるのは当然です。 ……。 ここで、一部の人は「おいふざけんなよ」と思っているかもしれません。というのも、この例は環境によっては違う結果になるのです。具体的には、Chrome以外2のブラウザのREPL（FirefoxやEdgeなど）が該当します。あと、ts-nodeのREPLも該当するらしいです。これらの環境では、結果は{a: 10}ではなく次のようになります。 オブジェクトを作ったはずなのに結果が10とか意味不明ですね。そもそも、こんな簡単なプログラムで結果が全然違うとか、JavaSc
Nuxt.js を GitHub Pages で使う
Nuxt.js は Vue.js の Framework で Webpack, Babel 等の設定や、ルーティング、SPA、サーバサイドレンダリングの実装をシンプルなものにしてくれます。 Nuxt.js には静的なページを生成する機能もあるので今回はこれを利用して、GitHub Pages を作成します。 `nuxt-sumple` というリポジトリ名で作成しました。 今回使用したコード、作成したページは以下になります。 https://github.com/fiahfy/nuxt-sample https://fiahfy.github.io/nuxt-sample/ ###Install requirements yarn, vue-cli を使用します。 インストールしていない場合はインストールします。 ```bash $ npm i -g yarn vue-cli ``` ###
使うのはJavaScriptとNode.jsだけ！30分で3Dオンライン対戦ゲームを作って公開してみた - paiza times
プレイしてみる (English article is here) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 皆さんは、オンライン対戦ゲームをプレイしたことはありますか？ オンラインゲームは友人と遊ぶだけでなく、世界中の知らない人たちと一緒にプレイするのも楽しいですよね。最近は、PUBGやフォートナイトのような3Dの対戦ゲームも盛り上がっています。 このような3Dオンライン対戦ゲームを自分で作ってみませんか？ かつては、このようなゲームを自分で作ろうと思ったら、サーバとクライアントのプログラムを用意した上で、複雑なネットワーク通信や3Dプログラミングに挑戦しなければなりませんでした。 しかし、最近ではサーバ・クライアント・ネットワーク・3Dの全てをJavaScriptだけで取り扱うことができるようになっており、以前よりかなり簡単に3Dオンライン対戦ゲーム
Node.jsでpromise-mysqlを扱ってみたかったので独自目線で纏めた - Qiita
はじめに どうも、また私です。 今度はpromise-mysqlを扱ってみようと思います。 例の如く手探りです。 ここへ至る経緯はこっちから Node.jsでMySQLを扱いたかったので独自目線で纏めた 簡単な動作確認 設定 const mysql = require('/usr/local/lib/node_modules/promise-mysql'); mysql.createConnection({ host: 'localhost', user: 'root', password: '', database: 'nodejs' }).then(function(conn) { // do stuff with conn console.log('promise-mysql createConnection.'); console.log(conn); conn.end(); })
node.jsの中身を読む話と、debuggerが便利な話 - Qiita
ことの発端 自作のgrunt pluginをgulpに移植しよーと頑張っていたら、突然requireで失敗するようになった。 (´・ω・｀) nodeのrequire実装を覗いてみないと、なにが起きてるのかわからなかった ってわけで、調べよう 標準モジュールを読んでみる エラーログで、nodeの中のmodule.jsというでエラーが出ている旨が書いてあるのだけれど、その実ファイルはどこにあるのか。 → このへんはコンパイル済なので、実行している実ファイルは追えない模様 でも、ソースコードは読めるよ！ 1. githubで読む https://github.com/joyent/node tagから見たいバージョンを選んできて、lib以下あたりを見るといろいろある 2. ローカルで読む nodebrew使ってる場合、.nodebrew/src/{バージョン}/node-{バージョン}/lib
vimでJavaScriptを開発するためにternをインストール
前々から気になっていたTern for Vimのインストールメモ 10月16日追記： 補完についての記事を書いています。あわせて御覧ください。 Tern for VimでVimのJavaScript補完環境を強化する | niwaringo() {Tumblr} そもそもTernとはTernはJavaScript解析エンジンで、特定のエディタに依存する事なくインテリジェンスなJavaScript開発をサポートしてくれるものです。node.jsで作られており、クラウドファウンディングを利用して開発された。。みたいです。 Tern: intelligent JavaScript editing | Indiegogo Ternをエディタで利用するために、Emacs, Vim, Sublime Textには標準でプラグインが用意されており、 Brackets と Edge Codeには標準で組み
Promiseを複数組み合わせる時の基本パターン（直列、並列、分岐） - Qiita
ES6形式のPromiseを使うときに頻出する3つのパターン。直列パターン、並列パターン、分岐パターンを説明します。 最近、Promise周りが盛り上がっていて、reduceを使ったほうが良いとか、ライブラリがどうとか・・・いう話を聞くのですが、そもそも「ベタに書いたときにどうするのが基本なのか」という情報が見つからないので書いてみました。 直列パターン 一番良く使うのは、複数の処理を直列につなげるパターンでしょう。#1が終わってから、#2、#2が終わってから#3というパターンです。 Promise.resolve() .then(function(){ return new Promise(function(fulfilled, rejected){ asyncFunc(function(){ fulfilled(); }); }) }) .then(function(){ return
puppeteerでの要素の取得方法 - Qiita
page.evaluate + (querySelector|querySelectorALL) page.$ page.$$ page.$eval page.$$eval とありますが、実際にそれらを使うためにどう書くかをまとめています。速度等は検証できていませんが、evalを使うのがそれぞれコードがシンプルになるので良いかと思います。 APIの動作の詳細はpuppeteerのAPIを参照ください。 https://pptr.dev/api/ #前提 以下のようなliの中にアンカータグが入っているページを取得することを想定しています。 <ul> <li><a href="some link">some HTML</a></li> <li><a href="some link">some HTML</a></li> <li><a href="some link">some HTML</a>
MEMO: PuppeteerでSPA(Single Page Application)を操作する時の留意点 - Qiita
問題点 PuppeteerによるWebテストの自動化を行うと、HTML等のWebページ遷移が発生しないSingle Page Application(SPA)が正常に動作しない場合があります。特にGithubのPuppeteerのREADME.mdにある使用例をそのまま流用するとハマる可能性があります。 例えば、以下のようにCSSセレクターが見つからないエラーだったり UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): AssertionError [ERR_ASSERTION]: No node found for selector: ... 画面が遷移したにも関わらず以下のようにタイムアウトが発生してしまうエラーだったりします。 UnhandledPromiseRejectio
puppeteerでよく使うであろう処理の書き方 - Qiita
puppeteer https://github.com/GoogleChrome/puppeteer/releases puppeteerを触ってみて自分がよく使う書き方を載せたら これから始めてみようかなって人に需要あるんじゃないかと書いてみます Basic認証突破 const USERNAME = 'user'; const PASSWORD = 'passwd'; await page1.setExtraHTTPHeaders({ Authorization: `Basic ${new Buffer(`${USERNAME}:${PASSWORD}`).toString('base64')}` });
Node.jsでMySQLを使うメモ - Qiita
JavaScriptとMySQLがつながる。そう Node.jsならね。 前置き node.js始めて3日目程度の知識で書いています。 また、MySQLもそんなに詳しいわけではないです。 この記事は本家のドキュメントを元に作成しました。 コードもほぼ本家のコピペです。 間違い等ありましたらコメントでおしえてください。 ここではnode-mysqlを使います。 インストール npm install mysql コネクション var mysql = require('mysql'); var connection = mysql.createConnection({ host : 'localhost', user : 'me', password : 'secret' }); //これは省略してもoK。 connection.connect(); connection.connect(fun
node.js + mysqlでMySQLに接続し、テーブルからデータを取得する | DevelopersIO
おばんです、最近EM20を聞いて巨災対をイメージしながら仕事をしている田中です。 webとかその周辺知識が欲しくなってnode.jsはじめました。AWS Lambdaとか使うとサクッとオープンなものも作れるそうですしね。 環境 node.jsを扱うためにはmysqlというパッケージを使います。 node.js: v6.2.2 mysql: 2.11.1 MySQL: 14.14 前提 今回はすでに作成済みのデータベースにnode.jsからアクセスしてデータを取得します。 MySQLの準備 こちらを参考にさせていただきました。 MacにMySQLをインストールして触ってみる ｜ Developers.IO 作成済みのデータについて 先述したリンクを参考に作成したデータベース、テーブル、レコードは以下のような状態になっています。 データベース名：testdatabase テーブル名：userd
いまさら聞けない！npmのこれだけは知っておきたい基礎知識
いまや Webフロントエンド開発に欠かせなくなったNode.js。併せて使うことが多いnpmの使い方を基礎から学びましょう。 Node.jsは、サーバーでJavaScriptアプリケーションが書けます。V8 JavaScriptランタイムで動作し、C++で書かれているため高速です。当初、アプリケーションにサーバー環境を提供する目的でしたが、ローカル環境のタスク自動化ツールとしても利用されています。Grunt、Gulp、WebpackなどのNode.jsをベースにしたツールによる新たなエコシステムは進化を続け、フロントエンド開発の形を変えるまでに至りました。 Node.jsのツールやパッケージインストールしたり管理したりする方法を、Node.jsのパッケージマネージャーであるnpmが担っています。npmには必要なパッケージをインストールするほか、パッケージを扱うための便利なインターフェイスが
【注意】AWS LambdaでNode.js v4.3の終了がアナウンスされました | DevelopersIO
https://github.com/nodejs/Release/blob/master/README.md より v8系はOpenSSL-1.0.2のEOLに合わせてEOLになるためMaintenance LTSの期間が短くなっています。 AWS LambdaにおけるNode.js v4.3のEOL AWS Lambdaではアナウンスメントに以下の記載が有ります。 New function creation and code updates for existing functions using the Node.js v4.3 runtime will be disabled by July 31 and October 31, 2018, respectively. つまり、Node.js v4.3ランタイムを使用した新規の関数作成は2018年7月31日まで、既存の関数の更新は2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
箱庭 - Hakoniwa - Youtuber検索コミュニティ
Quickstart Guide — Mailgun API documentation