Skip to content

Instantly share code, notes, and snippets.

View yamanoku's full-sized avatar
🐙

Oyama Michinoku yamanoku

🐙
126 followers · 103 following
View GitHub Profile
@yamanoku
yamanoku / tumblr-theme-style.css
Last active October 14, 2017 12:08
scrapbox tumblr theme color
body {
background-color: #36465d;
}
a {
color: #8f8f8f;
text-decoration: none;
}
a:hover {
color: #8f8f8f;
text-decoration: underline;
@yamanoku
yamanoku / .htaccess
Created October 14, 2017 13:04
WordPress Security .htaccess
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
@yamanoku
yamanoku / pref_selectbox.pug
Last active November 12, 2018 08:54
pref_selectbox.pug
select(name="pref")
option(value="", selected) 選択
each val, index in {'001':'北海道', '002':'青森県', '003':'岩手県', '004':'宮城県', '005':'秋田県', '006':'山形県', '007':'福島県', '008':'茨城県', '009':'栃木県', '010':'群馬県', '011':'埼玉県', '012':'千葉県', '013':'東京都', '014':'神奈川県', '015':'新潟県', '016':'富山県', '017':'石川県', '018':'福井県', '019':'山梨県', '020':'長野県', '021':'岐阜県', '022':'静岡県', '023':'愛知県', '024':'三重県', '025':'滋賀県', '026':'京都府', '027':'大阪府', '028':'兵庫県', '029':'奈良県', '030':'和歌山県', '031':'鳥取県', '032':'島根県', '033':'岡山県', '034':'広島県', '035':'山口県', '036':'徳島県', '037':'香川県', '038':'愛媛県', '039':'高知県', '040':'福岡県', '041':'佐賀県', '042':'長崎県', '043':'熊本県', '044':'大分県', '045':'宮崎県', '046':'鹿児島県', '047':'沖縄県'}
option(value=index)= val
@yamanoku
yamanoku / react-native-website-docs-accessibility.md
Last active February 22, 2020 14:50
（WIP）ReactNativeのアクセシビリティ項目の日本語訳
id accessibility
title アクセシビリティ
description AndroidとiOSで動作するように設計されたReact NativeのAPIを使って、支援技術によるアクセシブルなモバイルアプリを作成する

AndroidとiOSはどちらも、OS付属のスクリーンリーダーのVoiceOver(iOS)やTalkback(Android)などの支援技術とアプリを統合できるAPIを提供している。React Nativeには、アプリがすべてのユーザーに対応できるAPIがある。

AndroidとiOSではアプローチが少し異なるため、React Nativeの実装はプラットフォームによって異なる可能性がある。

@yamanoku
yamanoku / JavaScript.md
Created August 12, 2020 23:32 — forked from kenmori/JavaScript.md
JavaScript練習問題集(ECMAScript2015,2016,2017,2018,2019,2020,other Library)

JavaScript練習問題集

JavaScript

更新情報

・Decoratorsに関する問題を追加(2020/6/6)
・リンクを追加(2020/5/30)
・問題を追加(2020/4/18)
@yamanoku
yamanoku / 2020-best-of-tweet-1st.md
Last active December 29, 2020 10:28
@yamanoku
yamanoku / 2020-best-of-tweet-2nd.md
Last active December 30, 2020 11:10
@yamanoku
yamanoku / select-frontend-tech.md
Created March 26, 2021 01:45 — forked from mizchi/select-frontend-tech.md

フロントエンドの技術選定で考えること

Frontend Study 用

前提: フロントエンドは式年遷宮が有効である

  • DB を持たないため、表層の技術を交換するだけで済む
    • JSON API が実質的な分解点になっている
    • 近年ではモバイルアプリのために JSON API が切り離されていることが多く、ここの利用者になるだけでよい
  • Rails や PHP で ORM ヘルパーにべったりな場合に困難になる(クライアントで同等のバリデーションを再現する必要)
@yamanoku
yamanoku / useNumberField-ja.md
Created April 18, 2021 13:11
https://react-spectrum.adobe.com/react-aria/useNumberField.html 日本語翻訳

機能

数値フィールドは <input type="number"> で構築できますが、ブラウザやプラットフォーム間で動作が非常に一貫しておらず、ローカライズされた書式設定オプションが限られています。また、ステッパーボタンのスタイルを設定するのが困難です。useNumberFieldは、国際化フォーマットオプションをサポートし、必要に応じてスタイル設定できるアクセス可能な数値フィールドを実現します。

  • 小数点、パーセント、通貨値、単位などの国際化された数値フォーマットおよび解析のサポート
  • ラテン、アラビア、および漢数字システムといった30以上の言語のサポート
  • 使用されている番号付けシステムを自動的に検出し、国ごとのデフォルトの番号付けシステムにない番号の解析をサポートします
  • 標準または会計表記の記号、コード、名前など、複数の通貨書式をサポート
  • ユーザーからの入力におけるキーボード入力を検証し、国および番号付けシステムに従った有効な数値入力のみが受け入れられるようにします
  • インプット・メソッド・エディタ (Pinyinなど) から組版された入力を処理します。
  • 現在のプラットフォームと許可されている値に従って、モバイルに適したソフトウェアキーボードを自動的に選択します。
@yamanoku
yamanoku / index.md
Last active July 31, 2021 04:56
https://necolas.github.io/react-native-web/docs/accessibility の非公式日本語訳

アクセシビリティ

使い慣れたウェブアクセシビリティ API をプラットフォームに依存しない形で提供。

React Native for Web におけるアクセシビリティは、複数の独立した Web API をまとまったシステムとして統合しています。支援技術（VoiceOver、TalkBack といったスクリーンリーダーなど）は、ウェブアプリの構造、目的、対話性について、[HTML 要素][html-accessibility-url]、属性、および [ARIA in HTML][aria-in-html-url] から有用な情報を得ます。

アクセシビリティ Props API

React Native for Web には、アクセシブルなアプリを作るための API が含まれています。Web で最も一般的でサポートされているアクセシビリティ機能が、プラットフォームに依存しない accessibility* props として公開されています。