ささきしき

チラシ

トップ > プログラミング

日記 2 Apr 2020

プログラミング

最近やってた手遊びがひと段落ついたので宣伝しちゃおｗみたいなやつ（挨拶）

github.com

Pixiv小説をシュッと保存するマン。名前はまだない。言うほどシュッとしてない。

お宅のデータを壊すような破滅的なバグはないとおもうけど、存在がバギーだし多少はね？みたいな能書きを許せる方のみ使ってみてください。

本文おわり

なぜReactよりVueのほうが好きなのか

プログラミング 備忘録

より正しくは「キミは以前 React も使っていたようだけれど、今は Vue を使っているよね。これは何か理由があって？」と尋ねられたものの曖昧な返答しかできなかったので、改めてちゃんと書きたいねせやねって回。

ただ前置きとして、ここで言う React の使用時期というのは 2017年末ごろであり、同様に Vue の使用時期は 2019年現在である。 したがって、私の技術的熟練度や「おまえ今の React 知らないだろ（その話題改善されてるよ）」という反応が有り得るしごもっともな訳だが、とはいえ現在 Vue に乗り換えはじめてワイワイやっているので、とりあえずは Vue でええねん…という雑な回答しかできません。その辺ヨロシクです。

適当に長いけど中身はないので畳む。

続きを読む

jQueryのslim_buildにはanimate()も入ってない

プログラミング JavaScript

表題がすべてですが、念のため確認。

背景

Semantic-UI のモーダルを使いたかったので、こんな感じで呼んでいた

<!doctype html>
<html lang="ja">
<head>
<!-- 略 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.3/semantic.min.css" />
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.3/semantic.min.js"></script>
</head>
<body>

<!-- 略 -->

<button onclick="$('#Modal').modal('show'); return !1;">push</button>
<div id="Modal" class="ui modal">

<!-- 略 -->

そしたら妙な挙動を起こしてエラー吐いて止まるんですね。エラーは以下。

Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: animated

はて何ぞやと確認して回ったら、jQuery の slim build には Ajax のほかに effects (animate) も入ってないのが原因と発覚。
改めて普通のに差し替えたら何事も無く動きましたとさ。

- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

参考

You can also use the slim build, which excludes the ajax and effects modules:

https://jquery.com/download/