「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をや
パッケージマネージャを利用した 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でインストールする。 プロダクション環境ではバンドルした状態で配置するわけなので、開発環境のみを指定する
【俺用メモ】 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
ECMAScript2015(es6)の基本的な開発環境 - Qiita
サンプル JS側でCSVファイルを読み込んで、その内容を描画するサンプルを用意。 具体的には、csvファイルの1列目を読み込みtextareaに表示するサンプル。データがURL形式(http/https)かどうかチェックし、読み込む行数はtextareaのmaxlengthで指定された値に制限する。 コード 以下のファイルはすべて開発環境のルートディレクトリに配置する。 JSのコードについては、可能な限りES6で追加されているシンタックス（こちらを参考にした）を利用した。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>はじめてのES6</title> </head> <body> <div style="margin: 20px" class="js-csv-read"> <div style="
勉強メモ/npmの使い方(node.js=v0.11.16, npm=2.3.0, 2015-03時点) - Qiita
勉強メモ/npmの使い方(node.js=v0.11.16, npm=2.3.0, 2015-03時点)JavaScriptNode.jsnpm 参考： https://docs.npmjs.com/ https://docs.npmjs.com/misc/faq npm help install npm help root npm help bin npm help 5 folders npm help 7 config パッケージインストールの考え方： ローカルインストール カレントディレクトリの node_modules 以下にパッケージをインストール。 開発プロジェクト固有で依存するパッケージをインストールしたい時に使いやすそう。 グローバルインストール システム共通の場所にパッケージをインストール。 ビルドツールなど、システム全体で利用するツール・コマンド類をインストールしたい時
Cannot install node modules that require compilation on Windows 7 x64/VS2012
I cannot install any of the modules that require compilation. All they fail with the following error: MSBUILD : error MSB3411: Could not load the Visual C++ component "VCBuild.exe". ... My environment: Windows 7 Enterprise x64, version 6.1.7601 node x86 0.8.16 npm 1.2.0 node-gyp 0.8.2 Visual Studio 2012 and numerous packages Related environment variables: Path=C:\Windows\system32;C:\Windows;C:\Win
node.jsでユーザ認証＆OAuthアプリケーション認証 - Qiita
node-auth-server Authorization Server by node reffrences ref1: here ref2: here ref3: here here source code github Getting Stated install mongoDB(mac) # install brew install mongodb # mongoDB auto start ln -sfv /usr/local/opt/mongodb/*.plist ~/Library/LaunchAgents launchctl load ~/Library/LaunchAgents/homebrew.mxcl.mongodb.plist
Amazon CognitoをJavaScriptから使ってみる - Qiita
Amazon Congnitoを用いてAWS認証情報を一時的に取得して、適切なアクセス制限をかけたいと思います。スマホやデバイスからAmazon S3やAmazon DynamoDBやAmazon Kinesisにデータをあげていく際に、クレデンシャルをクライアント側にあまり置きたくないので、Cognitoを使うことにします。 Amazon Cognitoとは CognitoはAWSを用いたスマホのアプリ開発をより簡単にするためのユーザの認証やデバイス感のデータの同期を簡単に実現するためのサービスです。Amazon、Facebook、Google といったパブリックログインプロバイダを使用して認証できますが、ここでは、パブリックログインプロバイダを使わずにCognitoのゲストアクセスの機能を用いて、アクセス制限のためのみに使います。つまり、アプリケーションに認証情報をハードコーディングす
Index of /download/
../ chakracore-nightly/ 10-Jan-2023 13:45 - chakracore-rc/ 23-May-2018 21:45 - chakracore-release/ 17-Nov-2018 08:25 - docs/ 22-Jan-2024 19:23 - next-nightly/ 30-Aug-2015 08:29 - nightly/ 30-Jan-2024 06:30 - rc/ 16-Oct-2023 12:54 - release/ 22-Jan-2024 19:23 - test/ 28-Jan-2024 12:00 - v8-canary/ 30-Jan-2024 13:00 -
TideSDK :: App Development
Desktop App development for Linux, Mac, Windows using HTML5, Javascript, CSS3, and a little help from PHP, Python, Ruby if you need it!Desktop App development for Linux, Windows, and Mac using HTML5, JavaScript and CSS3 plus the power of php, python, and ruby when you need it. A little details on what this is... TideSDK (formerly Titanium Desktop) is a remarkable project inherited from Appcelerato
node-webkit をインストールして、サンプルアプリを動かすまで - Qiita
公式サイトから、パッケージをダウンロード。 2014/05/01 だと v0.9.2 が最新。 展開して、node-webkit.app を/Applicationにコピー。 Hello World 手始めに Hello World を書いて、動かす。ファイルの内容は、Quick Startのまま。 $ mkdir hello-nw $ cd hello-nw $ vim index.html <!DOCTYPE html> <html> <head> <title>Hello World!!!!</title> </head> <body> <h1>Hello World!</h1> We are using node.js <script>document.write(process.version)</script>. </body> </html> $ vim package.js
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「あの言語のアレはこの言語でいうコレだよね」まとめてみた（開発環境・テスト） - Qiita
Node.js — Download Node.js®
Crowi
gulpを用いてplantUMLの生成自動化 - Qiita
Logdown - Site Maintenance