- 1. タイピングゲーム
- 1.0.1. JavaScriptとShellScriptで、プログラマブルなインフラを実現する
- 1.0.2. Rails+LazyHighChartsでチャートを描画する
- 1.0.3. 非Javascriptエンジニアのための「Javascriptの算術演算子」
- 1.0.4. カレンダーを自作する
- 1.0.5. create-react-appを使わずにReactの環境構築をして周辺ツールとかを理解する
- 1.0.6. InternetExplorerを拒否するサイトの作り方
- 1.0.7. 案件を受注するとパトランプが回るようにした話
- 1.0.8. three.jsで一筆書きのlineを作る
- 1.0.9. 年末まで毎日webサイトを作り続ける大学生 〜52日目 JavaScriptで神経衰弱ゲームを作る〜
- 1.0.10. React初心者がHookを使ってTo Doリストを作ったらこうなった
- 1.0.11. jQueryプラグインの実践
- 1.0.12. はじめてぶらうざののべるげーむをつくってみたの!
- 2. ノベルゲーム!
Vue.jsでローディング画面を作る
フロントエンドエンジニアもすなるVue.jsというものを、自称フロントエンドエンジニアもしてみむとてするなり。
というわけでVue.js初心者です、こんにちは。先日すごく小さなサイトでVueを導入してみたのですが、そのときに案外情報がなくて困ったんだけど、わりと使いたい、サイトロード時のローディング画面を作ってみました。
#完成形
Vue CLI + TypeScript でおみくじを引いてみた
[qnote Advent Calendar](https://qiita.com/advent-calendar/2019/qnote) の7日目です。
# はじめに
先日会社の LT で `JavaScript` の `OptionalChaining` と `Null合体演算子` について発表したのですが、それがきっかけで `TypeScript` 使いたいなと思うようになりました。
どうせなら何か作りたいなとも思ったので、今回は `Vue CLI` を使って `Vue` + `TypeScript` で、おみくじを引ける静的な web アプリを作ってみます。# 初期設定
## 環境– `Vue CLI v4.1.1`
`TypeScript` のサポートは `v3.0` 系からあるようなので、 `v3.0` 系でも大丈夫です。
`Vue CLI` のインストールはここでは省略いたします。## プロジェクト作成
“`shell
$ vue create neko-omikuji
“`対話形式で初期設定が行えます。下記の選択では今回は `TypeScr
今更ながらjQueryのセレクタにハマった話
[ディップ Advent Calendar 2019](https://qiita.com/advent-calendar/2019/dip-dev)の10日目です。
## はじめに
こんにちは、ディップ株式会社に2018年新卒で入社し、求人系サービスの開発や社内向けツールの開発を行なっている@taku-0728です。
今回は私がjQueryのセレクタでハマった話を書きたいと思います。
知ってる方からすれば当たり前だと思うかもしれませんが、自分用メモとして残します。
よろしくお願いいたします。## 結論
細かいことはいいから結論が知りたい忙しい人用に僕がこの記事で言いたいことを一言でいうと「**jQueryでセレクタに使う際にエスケープが必要なものがある**」ということです。エスケープが必要な文字は下記です。先頭に半角スペースを含んでいます。“`
!”#$%&'()*+,./:;<=>?@[\]^`{|}~
“`
(先頭の半角スペースを含んだ)これらの文字は2つのバックスラッシュ`\\`を使ってエスケープする必要があります。## 実例
“`html
WebでSVGを操作したら意外とハマった
[駒場祭のマップページ](https://www.komabasai.net/70/visitor/map)では、SVGをJavascriptで操作することにより地図機能を実装しています。
しかし、この分野あまり流行ってないからなのか、結構ブラウザによって差異があったりします。ここではその一部を紹介します。# CSS
## (Firefox)``にstyleを書かないと`