Skip to content

Instantly share code, notes, and snippets.

View skysan87's full-sized avatar

skysan skysan87

3 followers · 3 following
  • Japan
View GitHub Profile
@skysan87
skysan87 / index.html
Last active January 3, 2024 07:57
[Vue 3][TailwindCSS 3] CSV Reader on Browser
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSV Viewer</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/encoding-japanese/2.0.0/encoding.min.js"></script>
<script type="importmap">
@skysan87
skysan87 / gantt.html
Last active June 20, 2022 05:19
[Vue]ガントチャート
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/vue@next"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.3/dayjs.min.js"></script>
<!-- tailwindcss v3 -->
<script src="https://cdn.tailwindcss.com"></script>
@skysan87
skysan87 / index.html
Last active June 5, 2022 14:46
CSS Grid Layoutで複数行と列の固定するテーブルサンプル
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/vue@next"></script>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<title>gird with fixed rows and cols</title>
</head>
@skysan87
skysan87 / Dockerfile
Created November 1, 2021 12:36
Salesforceの開発環境をVSCodeのdevContainerで作成する設定
FROM salesforce/salesforcedx:latest-rc-full
@skysan87
skysan87 / AuraCmp1.cmp
Created July 5, 2021 14:32
[Salesforce][Aura Component] Promiseを用いたApexアクションのコール方法
<aura:component
controller="HelloController"
implements="force:hasRecordId,force:lightningQuickAction">
<!-- 非公開属性 -->
<aura:attribute access="private" name="result" type="String" default="default value" />
<lightning:formattedText value="{! v.result }" />
<lightning:button label="Action" onclick="{! c.doAction }" />
@skysan87
skysan87 / index.html
Created May 30, 2021 14:30
[JavaScript][Vue] リストにあるタスクを特定の位置にDrag&Dropするサンプル
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/vue@next"></script>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<title>Document</title>
</head>
@skysan87
skysan87 / index.js
Created May 22, 2021 16:31
[JavaScript][IndexedDB] 複数条件の検索
console.log('loaded');
const dbopen = window.indexedDB.open('sample', 1)
dbopen.onsuccess = (event) => {
const _db = event.target.result
const trans = _db.transaction('todo', 'readwrite');
trans.oncomplete = (event) => {
console.log('trans end')
@skysan87
skysan87 / CustomList.cls
Created May 22, 2021 15:30
[Salesforce][Apex] how to sort a List by any property
public class CustomList {
private Map<String, Object> innerlist = new Map<String, Object>();
public void add(Object obj) {
this.innerlist.put(obj.hashCode().format(), obj);
}
public List<Object> sortBy(String propertyName) {
String str = JSON.serialize(this.innerlist);
@skysan87
skysan87 / resize_sidemenu.html
Created April 6, 2021 11:38
[Vue][Tailwind] resizeable sidemenu
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/vue@next"></script>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<title>サイドメニューが動く</title>
@skysan87
skysan87 / index.html
Created September 5, 2020 10:16
[Vue] セル結合のあるテーブル
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>結合テーブル</title>
<style>
* {
box-sizing: border-box;
}