Rodhos Soft

備忘録を兼ねた技術的なメモです。Rofhos SoftではiOSアプリ開発を中心としてAndroid, Webサービス等の開発を承っております。まずはご相談下さい。

JavaScript

Slickの導入

サイトからDL slick - the last carousel you'll ever need htmlから読み込む <script type="text/javascript" src="/js/slick/slick/slick.min.js"></script> <link rel="stylesheet" type="text/css" href="/js/slick/slick/slick.css" media="screen" /> </link>

Web技術の情報

developers.google.comgoogle、よく書かれている。

メモリリーク

メモリの問題の解決 | Tools for Web Developers | Google Developersここも詳しい。 https://qiita.com/y_fujieda/items/a0a69151cf7307039f74

グローバル関数

global関数はwindow(ルートオブジェクト?)からはえる global変数、global関数はwindow(というかルートオブジェクトにはえる)

DOM関連2

DOM Standard 詳細はこれを読むことになる。

DOM関連

ここを読むと詳しく載っている。 DOM | MDN

情報サイト

どれくらいつかえるか Can I use... Support tables for HTML5, CSS3, etc

html埋め込み

webpackのhtml-loaderを使ってhtmlをjavascriptで読み込んだ使う。 html-loaderのインストール。 npm install html-loader webpack.config.jsを設定 module.exports = { entry: './app.js', output: { path: __dirname + "/dist", filename: "bundle.js"; },…

typescript環境

TypeScript https://ics.media/entry/16329 インストール typescript また、webpackで使用するために ts-loader もインストール 設定ファイル ルートにtsconfig.json { "compilerOptions": { "sourceMap": true, "target": "es5", "module": "es2015" // 出…

webpackの使い方

WebPack https://webpack.js.org/ 読み込んで使う。エントリーポイント //spc/index.js import bar from './bar'; bar(); 読み込まれる側 //src/bar.js export default function bar() { // } これを設定するにはwebpack.config.jsを作る。 const path = req…

基本

npm パッケージ管理スタート npm init これでpackage.jsonが作成される。 ローカルインストールは /node_modules 内にインストールされる。 -gをつけるとグローバルインストール。 アンインストールは uninstall パッケージのアップデートは update パッケー…

validationらしきもの

とっかかりをつくってみた。 const toStr = (t) => { if (t == null) { return "null"; } else { return t.toString(); } } /** * * @param {Node} node * @returns {string} */ function nodeDesc(node) { const list = [node.nodeName, node.nodeType, nod…

関数とコメント2

更に色々書いてみた。 /** * @type{HTMLDivElement} */ const listBox = document.getElementById("listBox"); const toStr = (t) => { if (t == null) { return "null"; } else { return t.toString(); } } /** * * @param {Node} node * @returns {string}…

関数とコメント

色々javascriptを書いてみた /** * @type{HTMLDivElement} */ const d = document.getElementById("cell"); /** * @type{HTMLDivElement} */ const listBox = document.getElementById("listBox"); const toStr = (t) => { if (t == null) { return "null"; …

初歩2

とほほのサイトに色々書いてある。 /*jshint esversion: 6 */ // import {hello_world} from "mymodule.js"; // http://www.tohoho-web.com/js/index.htm //document.write("Hello World") //alert("Hello world!!"); const id_container = "container"; ///…

初歩

イマドキのJavaScriptの書き方2018 - Qiita1. 関数はfunction() {} 2. window.onload = hogeFunction;で読み込み時に読まれる 3. DOM要素の取得 const myC = document.getElementById("myC"); 4. 子要素にHTMLを入れる。 myC.insertAdjacentHTML("beforeend"…