JavaScript
import { ref, reactive, readonly } from "vue"; export function useStore() { const items = reactive({ list: [] }); let backupList = []; const auth0 = reactive({ auth: null }); function setUser(auth) { auth0.auth = auth; } function getUser()…
個人的なwebサービス開発時にVueJSを導入しようとして色々調べているうちに思ったことを書いていく 前提として私のJSスキルはフレームワークはjQueryしかまともに触ったことがないです(PureなJSもES6も書けますよ) まあ表題の通りなので簡単にはいかないよね…
code JS CSS HTML 使い方 jQuery UIを使わずにmodalを表示するロジックをメモ書きします。 ※modal, modalessウィンドウのサイズやカラーは適当 code JS // modal var modalWindow = (function() { return { open: function(modal) { var $cover = $("div.cov…
バグの温床 data, attr, propでのデータ取得(get)/更新(set) $(this)の中身 id読み込み時の挙動 true/falseの空判定 null.~~ find, closest等による要素取得 自由度が高いからと言って好き放題やらない 他の酷い例 焦ったり急いでコーディングしてると忘れが…
概要 IAM Role準備 ユーザー作成 グループ作成 IAM Roleでログイン 独自ドメイン取得/SSL準備 API形だけ作成 実データ配置(S3) S3へのPOSTアクセス キャッシュコントロール テーブル用意 Lambda関数作成 Configure triggers Configure function Lambda funct…
どうも。 HTMLの一部を動的に書き換える方法としてはappendやbefore, ajaxなどといった手段があります。HTMLを動的に書き換えるのには、BackboneJSとAngularJSを使った書き換え方法もあります。でも新たにライブラリを習得するのも面倒なのでもっと簡単にや…
どうも。 知っておくことでちょっとした落とし穴を回避出来そうな知識と少しだけ便利なテクニックをば。 divの中身を敷き詰める JSのイベント発火 イベントを登録してそれを発火させるとき、普通はクリックしたら～とかマウスオーバーしたら～という条件で発…
どうも。 JavaScript(以降JS)でappend, prepend, after, before等でhtml要素を動的に追加/削除した場合に、その変更後要素に対してイベントを追加する時に困ることがあると思います。ajaxなんかもそうですね。 コード上はどう考えても動くはずなのに、どうな…
どうも。 ES6の時代がもうそろそろやってきますね〜。 JSも進化してるってことでしょうけど、そもそもJSなんて多用すべきじゃないって意見もあるし、使い所が正直かなり難しい言語だなと個人的にも思います。これから独自でホームページを立てようとしている…
どうも。 自分の練習用&ライブラリ増強のために掲題のJSを書いてみました。 JSでファイル読み込みなんてしないな〜と思いつつも、あったらいつか便利な時が来るかも！なんて気持ちもあったので作ってみました。 ここではドラッグ&ドロップでファイル読み込み…
どうも。 UIの一つとして使える、クリックしてラベル付けをする挙動をJS, CSSを用いて実装してみました。jQueryで書いててネイティブに起こすのは大変なのではてぶ上では実装してませんが、codepenとかですぐ試せるはずなのでお試しあれ。 HTML <div class="wrapper"> <div class="contents"> <div class="panel_area" id="panel_upper"><ul class="proposed"></ul></div> <div id="panel_lower"> <ul class="proposed"> <li></li></ul></div></div></div>
どうも。 前回に引き続き、はてなブログ上でコーディングする場合のやり方に触れつつ、テンプレ的にこれから私個人としても使いそうなデザインをメモっておきます。 おさらい 記事全体に共通のデザインを当てたい場合 個別の記事にスタイルを当てるには？ 簡…
どうも。 JSで、HTML5の便利機能maxlengthを指定できるようにしました。でもクロスブラウザの対応すると、一部というか古いIEだと対応してなくて設定しても意味ねーし！ってことになることもあるでしょう。いい加減最新版使えよ、って思うところですがしっか…
どうも。 ふとしたきっかけでゴーストボタンを作ることになったので、ちょっとチャレンジ。せっかくなので、CSSのみで作るのでなく、クリックすると消えるタイプを作ってみようと思います。ニコ動の再生ボタンと一緒に表示されてるアレみたいなものです。 JS…
どうも。 何らかのコードをhtml上に記載する場合、それがメモ帳みたく単なる文字列になってたらなんか残念ですね。 そこで、すぐ思い当たる点として、有名なgoogle code prettifyを使うといいでしょう。 github.com でも、それだと話が終わってしまいます。 …
どうも。 画像のアップロード機能って便利ですよね。そして、画像を表示する時のinline imageも合わせて使えると、サイトが大規模化した時に対処しやすい。一度に表示する画像数が増えると、レスポンスひどいですからね。 でも一から作り直そうとするとやっ…
