Skip to content

Instantly share code, notes, and snippets.

@Tenderfeel
Tenderfeel / getDataUrl
Created Feb 25, 2020
画像の向きを修正するやつ(主にスマホ向け)
View getDataUrl
/**
* 画像の向きを修正する
* https://stackoverflow.com/questions/20600800/js-client-side-exif-orientation-rotate-and-mirror-jpeg-images
* @param {(File|Blob)} file 画像
* @return {Promise.<{src, width, height}>}
*/
export function getDataUrl(file) {
return new Promise(resolve => {
const callback = function(srcOrientation) {
const reader2 = new FileReader();
View DataList.php
<?php
// 7.0 厳密な型宣言(strictモード)
declare(strict_types = 1);
namespace pagination; // 名前空間
/**
* ダミーデータ
* @namespace pagination
*/
View Numbers.php
<?php
/**
* ページ番号リンクの表示
* @param int $totalPage データの最大件数
* @param int $page 現在のページ番号
* @param int $pageRange $pageから前後何件のページ番号を表示するか
*/
function paging2($totalPage, $page = 1, $pageRange = 2){
// ページ番号
View vue-pagination-tutorial-3_App.vue
<template>
<div id="app">
<div class="content">
<ol>
<li v-for="(item, i) in filterItems" :key="i">{{item}}</li>
</ol>
</div>
<prev-next :page="page" :totalPage="totalPage" @change="onPageChange"/>
</div>
</template>
View vue-pagination-tutorial-3_prev-next.vue
<template>
<div class="pagination">
<a
:href="`?page=${prevPage}`"
class="prev"
v-if="currentPage > 1"
@click.prevent="onPrev"
>&lt; 前へ</a>
<div class="total">ページ {{currentPage}}/{{totalPage}}</div>
<a
View vue-pagination-tutorial-2.vue
<template>
<div id="app">
<div class="content">
<ol>
<li v-for="(item, i) in items" :key="i">{{item}}</li>
</ol>
</div>
</div>
</template>
@Tenderfeel
Tenderfeel / vue-pagination-tutorial-1.vue
Created Mar 24, 2019
[Vue] ページングコンポーネントの作り方とか 1
View vue-pagination-tutorial-1.vue
<template>
<div id="app">
</div>
</template>
<script>
export default {
name: "App",
components: {},
};
@Tenderfeel
Tenderfeel / nuxt-child-keep-alive-sample.vue
Last active Feb 21, 2019
nuxt-childでkeep-aliveを有効にした時にdataを保持する
View nuxt-child-keep-alive-sample.vue
<template>
<div>
<p>{{id}}</p>
<div>{{profile}}</div>
</div>
</template>
<script>
let cacheData = null;
export default {
name: 'user-index',
@Tenderfeel
Tenderfeel / CustomDie.php
Last active Sep 28, 2018
味気ないwp_dieの出力を変更する
View CustomDie.php
<?php
/**
* 味気ないwp_dieの出力を変更する
*/
class CustomDie {
public function __cosntruct() {
}
public function enable_custom_die() {
View modal-focus.js
// モーダル開閉時のフォーカス操作(モーダルのルート要素にtabindex=0必要)
$('.uk-modal').on('show', (e) => {
$(e.target).data('lastFocusdElement', window.document.activeElement).focus();
}).on('hide', (e) => {
$(e.target).data('lastFocusdElement').focus();
});
You can’t perform that action at this time.