Discover hisasann/rails_study Open Source project

Various sample collection using electron.

dotfile

hisasann's dotfiles

Shell

electron-various-tutorials

AngularJSTutorial

Deprecated: Just a very simple logging module for your Electron application

electron-log-rotate

すでにあるtitanium-jasmineをCommonJS化し、ディレクトリ構造を綺麗にしました。テストとRunをシームレスに実行できます。

titanium-jasmine

UIImagePickerControllerを使わずに、AVCaptureDeviceをつかってカスタムなCameraを作る方法。

AVCaptureDeviceCamera

Objective-C

gas-typescript-starter

🍡 Google Apps Script + TypeScript + lerna 🍼

http://hisasann.github.io/2015/12/08/electron-react-redux-boilerplate/

Like-a-Instagram-Camera-iOS

InstagramのようなカメラUI

Objective-C

electron-react-redux-boilerplate

This boilerplate can make a multi-language Web applications to use the middlen. In addition, we are disposed so as not to hit the ES6 (6to5ify), browserify, gulp, Sass on the architecture of the middleman.

middleman-browserify-gulp-boilerplate

CSS

5x5-routine-generator

For do muscle training

OSC communication sample on the electron.

electron-osc

初心者向けなgitの使い方を解説、WindowsとMacの両方あるよ。

how-to-use-git

react-server-side-rendering

Dark Souls is an action role-playing game developed by FromSoftware and published by Namco Bandai Games.

darksouls

In Alfred, is a workflow to achieve the movement of desktop of mission control.

MissionControlMoveSpace

AppleScript

ide

tmux の画面分割いい感じにする shell

Shell

cup-ramen-counter

ぼくが 2021/06 からカップラーメンを食べた回数を見ることができるサイトです。

Live editing development on desktop app and WebView

electron-webview-boilerplate

ぴゅあなCSS3だけでLightBoxを実現する方法。

CSS3Lightbox

github-actions-samples

github actions のサンプルをいくつか紹介しています

node native addon using nan

node-native-addon-using-nan

C++

hisasann

My awesome README.md

ESlint、TypeScript、Mock Service Worker(msw)でのモックサーバーを使ったリポジトリです

nuxt-lint-ts-msw

🍷 Random emoji copy to clipboard using fish shell 🌶

fish_random_emoji_copy

Shell

jFitImage

画像を指定したサイズにフィットさせます。またセンタリングもします。

🍛 aws-cdk でシンプルな lambda をデプロイしてみた

hello-cdk

dialy.hisasann.dev

BoyomiChan should inform you of the completion of the compilation grunt

grunt-yukkuroid

express-browserSync-boilerplate

第4回日記祭に向けた日記本の制作用のリポジトリです。

console.deka

でかっ！

hisasann-dialy-indesign

iDance

スティーブジョブス氏の追悼の意を込めて作りました。デザイナーのken_c_lo氏にデザインまわりを作って頂きました。

beefy-init-browserify

beefyを使ったシンプルな環境

A professional front-end template for building fast with pug and sass.

WebSocketChat

WebSocketを使った簡単なチャット。

pug-sass-boilerplate

simple console.log

アーティスト「Yaporigami」氏の曲をもとに、ダイレクトな感じがすごく伝わるようなアニメーションを音と連携してみました。WebAudioContext使用。

SyncBody

elastic-beanstalk-nginx-proxy-conf

electron-vue-boilerplate

javascript-glsl-boilerplate

CoffeeScript

PushNotification-iOSandAndroid

iOSとAndroidでのPush通知周りをメモ

Backbone.jsを使ったチュートリアルを作って見ました。まだRouterとViewのEventsを使ったときの流れが分からない！

git-staging-flow

BackboneTutorial

SwiftUI を使って MacOS 用の TouchBar を表示するまでのコード

MacOSTouchBar-SwiftUI

Swift

essay

ミックスナッツは高いほうがいい

Only webpack2 boilerplate with jquery

webpack2-jquery-boilerplate

addCommandはjQueryを使ったアニメーションをさらに使いやすくしたjQuery Pluginです。 1つのアニメーションが終わっから別のアニメーションを実行しようとするとjquery.animateメソッドではcallbackに次のアニメーションを指定する必要があります。これだとプログラムコードがネストしてしまい、コーディング時にちょっとした工夫をしないと読みにくくなってしまいます。これをサポートするのがaddCommand.jsです。

addCommand

BlackMilkという海外の水着やレギンスを扱っているブランドの写真をInstagramから引っ張っています。とにかく見たいんです。

ILoveBlackMilk

the-clip-i-saw

ArcPullToRefresh

ARC版のPullToRefreshのデモです。

Objective-C

gulp-init-browserify

It is a project of the minimum configuration to the browserify using a gulp of build tools

Tback専用のTumblrから1時間に一枚自動でつぶやくbotです。検索してからRTする機能もあり。

tbackBot

Ruby

nuxt-ssr-sample

bcrypt-m1-install

imageLazyLoader

画像の遅延読み込みjQueryPluginです。

http://hisasann.github.io/2017/03/28/webgl-webglcontextlost-event/

webgl-webglcontextlost-event

iDanceの元となった作品。スピーカーの操作により音のリアル感を出しています。WebAudioContext仕様。

til

📝 Today I Learned

AudioDance

画像入れ替えjQueryPluginです。シャッフル機能がウリです！

jStack

qwik-app

nuxt-ssg-deploy-to-cloudflare

Making basic TypeScript Definitely Typed.

tsc-definition-.d.ts

es6-study

JavaをjQuery風に使うライブラリ。bindやobserveなど、コールバック関数風に記述が可能です。

JavaQuery

📗 study about frontend with TypeScript

typescript-study

bitlyより短縮URLを取得し、JSONPを返します

bitlyJSONP

electron-babel-react-boilerplate

CoffeeScript

open-current-meet-in-browser

parcel-sample

Audioタグを簡単に使えるようにしたjQueryPluginです。

jAudio

async-function

Plug-in you want to redirect in JavaScript

frontRedirecter

express の node.js アプリを Github Actions を使い elastic-beanstalk にデプロイする方法

express-elastic-beanstalk

show youtube as playing bf1 footage with electron

bf1

generate image with node-canvas in node.js

node-generate-image

Electron 1.3.4, using webgl will leak memory.

electron-webgl-test-1.3.4

node native addon using node gyp

PullUpToRefresh

PullToRefreshの下版

node-native-addon-using-node-gyp

C++

docker-express

React Native 入門 Udemy の写経用リポジトリ

news-app

brevifolia-gatsby-forestry

SCSS

pulumi-s3website

クロスブラウザでの反射jQueryPluginです。

reflector

自分のサイトのヘルスチェック用 firebase functions

The-nip-cooners

monitor-my-site

gwopcap

vuetify-ui-sample

springboot-aop-gs-gradle

yarn workspace and React Native Sample

yarn-workspace-reactnative

webpack5 with file-loader, Fast Refresh

webpack-v5-with-file-loader

Most simply samples by using CSS Houdini.

hisasann.github.io

🍌 my blog

HTML

css-houdini-samples

HTML

lerna-yarn-sample

I tried using lerna at yarn

This is a custom routing example of next.js

next-ssr-sample

skyway-js-example

react-amplified-ts

electron-webgl-test-1.4.6

Electron 1.4.6, using webgl will not leak memory.