JavaScript

「JavaScript」に関する情報が集まっています

人気の投稿

新着の投稿

自分用メモ。文字列⇔配列の変換。カンマ区切りをよく利用するため、利用する記号はカンマ,とする。pythonは最近習い立て。 PHP 文字列→配列の変換【explode】 $str = 'aaa,bbb,ccc'; $arr = explode(',', $str); これにより下記のような配列に変換される。 $arr = [ ...

2018-12-24

こんにちは、しきゆらです。今回は、DOMに対してクラス名を外す処理とつける処理を1行でやる方法を知ったのでメモしておきます。 DOMへのクラス追加・削除 DOMに対してクラスを追加・削除するには、それぞれadd/removeというメソッドが定義されています。これらを使えば、動的にDOMのクラスを変更することができます。 しかし、例えば既存...

2019-03-06

自分用のWeb作成ボイラープレートである「Ususama」はgulpを使っているのですが、JSファイルを機能ごとに分離したくなってきました。 そこでモジュールバンドラを考えたのですが、既にScssやejsのコンパイル、画像の圧縮などの機能は盛り込んであるので、Webpackは機能多過と感じました。 今更Browserifyというのもちょっと...

2019-03-16

はじめに 最近のアニメの公式ホームページって、すごいおしゃれですよね。なんかもう『技術の粋』って感じです。 そんなアニメの公式ホームページをありがたく拝見し学ばせていただこうというのがこの記事の趣旨です。 なお語彙力不足により説明がわかりにくいので、各自公式ホームページを開きながら読んでください。また、JavaScriptのコードを一つ一...

2019-03-15

ignoreオプションで除外対象ファイルを指定する。パターンはglob形式で指定できる。 package.json ... "scripts": { "build": "babel src --out-dir lib --ignore './src/**/*.test.js'", "watch": ...

2019-03-13

以前、MarkdownからPDFドキュメントを生成してホットリロードで確認できる「Kamimai」を自分のブログで取り上げました。 それとは別に、記事にはしていませんがreveal.jsを使用したWebの技術でスライド作成&ホットリロード確認できる「Benten」というボイラープレートも作ってあります。 さて、PDFドキュメ...

2019-03-10

はじめに JavaScriptでもformat()がしたい! したくないですか?したいですよね?私はしたいです!あなたもしたいはずです! こんなの '{}! {}!! {}!!!'.format('hoge', 'huga', 'piyo'); '{}! {}!! {}!!!'.format(['foo', 'bar', 'baz...

2019-03-08

お断り ただのネタです。 掲示板に書き込むと補導または書類送検される可能性があるので、気をつけてください 他人のブックマークレットを勝手に下記にしてしまうと怒られると思うので、冗談は程々に。 コード javascript:while(1)alert('何回閉じても無駄ですよ〜'); 参考 https://qi...

2019-03-07

概要 サーバーサイドマンだった自分が4月からフロントエンドも触り始めるので、javascriptのキャッチアップをしていた。そのときに、import文とrequire文の動作で1時間近く詰まったので、備忘 やりたかったこと expressを利用して、起動させてからの状態を持っているオブジェクトへの操作のために、singletonのオブジェクト...

2019-03-06

挫折した ESLintという静的検証ツール。フロントエンド初心者こそ使うべきツールだと思い導入を試みたが・・・挫折したorzエラーが出まくりで全然実行できなくなる。 それにわざとそういうスタイルにしているところにも警告でるし、こんだけエラーが出るとかえって意味がなくなりそう。ちゃんとカスタマイズすればいんだろうけど、それをメンテできるノウハウも...

2019-03-05

はじめに 「あーこの部分のHTMLがうまく記述されてないなー」 「いいサービスなんだけどデザインがなぁ」 そんなときはユーザースタイルシートやユーザースクリプト!でもそんなに楽ではないのです。 ユーザースタイルシート Stylusなどの拡張機能では、Webページに自らのCSSを適用させることが可能です。が、そんなに楽ではないの...

2019-03-05

こんにちは、しきゆらです。今回は、以前に少しだけ触れたparcelを使って開発環境を構築してみました。また、個人的に以前まで疑問だった、JSとSCSSを用いた場合にどう管理するのか問題を解決することができたので合わせてメモしておきます。 parcelに関しては、以前少しだけ記事にしたことがありました。=> 以前の記事:【JS】フロントエンド...

2019-03-04
このエントリーをはてなブックマークに追加