フロントエンジニアが3年間チャットワークにメモしてたことを振り返る

チャットワークのエクスポート

チャットワークには標準でエクスポートする機能がないので、以下のサービスを利用しました。 ChatWorkからファイルも含めてログをエクスポートしたいならgoodbye_chatworkだ!KDDI ChatWork対応 - Qiita

原因不明ですが、かなりの投稿が重複していたのと、Deleteも含まれていたので以下の作業を行いました。

  1. Excelで重複削除
  2. 201\d-(.*?)\[deleted]\nを置換
  3. jsonにコンバート

チャットワークにメモを残した経緯

最初の方はブックマークなどを利用していたのですが、あまり見ることがなく、 気になったことは業務で一番利用するチャットワークに保存するようになりました。

なので入社して数ヶ月の履歴はあまり多くありません。

まとまったコードに関してはCacherに保存していました。

経歴

  • 2015-05-08 入社
  • 2018-06-29 退職

その間にフロントエンドエンジニア→バックエンドエンジニアとなっていますが、
ほとんどがフロントエンドの作業でした。
入った当時のスキルは

  • マークアップの経験は0
  • レスポンシブコーディングを理解している
  • jQueryのプラグインをカスタマイズして独自の機能を追加できる
  • WordPressの既存テーマが修正できる

という感じでした。

3年間のチャットワーク一覧

日付順
【短いコードで色々出来る】Google Apps Scriptでスプレッドシートと連携した無料Ajaxフォームの作り方※サンプル付き【自動返信メールもあるよ】
https://qiita.com/snowsunny/items/56a85c63598dcfb1b06e

VuePressにもフォーム置ける。
キャラクター・ゆるキャラの制作・依頼が500円から | ココナラ
https://coconala.com/categories/193
ファイルをアップロードしました。
[preview id=261424581 ht=137][download:261424581]a.png (14.71 KB)[/download]

肉球のしたの部分がはぐれメタルっぽくてよい。
AfterEffectで指部分をgooey(ねばねば)感を出したアニメーション
Hover時にセンスある動きを依頼。
SVGファイル
ロゴ(svg)
ロゴ(svg) + テキスト

AfterEffectファイル
動き(ae)
データ(json)
Vuepressをサッとビルドして、Netlifyでサッとデプロイしてみた - めるノート
http://c5meru.hatenablog.jp/entry/2018/06/09/142256
* VuePressのNetlifyアップ
* analyticsアカウント作成
* vue-adsenseの動作確認
darrynten/vue-adsense: Google Adsense for Vue
https://github.com/darrynten/vue-adsense
mazipan / vue-google-adsense:AVue.js Google Adsenseコンポーネント(InFeedと記事広告サポートあり)
https://github.com/mazipan/vue-google-adsense
LottieFiles - Free animation files build for Lottie, Bodymovin
https://www.lottiefiles.com/?page=15
https://photo-tea.com/p/17/netlify-github-pages-hexo/
> PVが数十倍に増えたので、GitHub PagesからNetlifyへ引っ越しました。Netlifyが快適すぎるので、PVが増える前に早めに移行しておけば良かったです(^-^;)
VuePressはコーダーの夢を見るか。
https://qiita.com/gollowars/items/845baa30ceb7cc035919
[vuepress] minimum Node version not met:
You are using Node v7.2.1, but VuePress requires Node >=8.
Please upgrade your Node version.
Laravel open source project で参考になりそうなもの
https://qiita.com/acro5piano/items/8dc4597e12d9050c0708
「Vue.js + Go言語 + Firebase 」で始める! Frontend & Backend API 両方で認証するセキュアなSPA開発ハンズオン!
https://qiita.com/po3rin/items/d3e016d01162e9d9de80
さっそくVue NativeでHello Worldしてみた
https://qiita.com/taquaki-satwo/items/523f65723cf2bf7b049a
Vueネイティブ
https://vue-native.io/
エンジニアが最高のUIをつくるためのプロトタイピング方法まとめ(2017年版)
https://qiita.com/yuh_i/items/b0f163c9f649c6cc928c
MonacaとWP REST APIで自社メディアをアプリ化してみた | in-Pocket インポケット
https://www.i3design.jp/in-pocket/5910
$_REQUEST['ids'] = "3923,3922";
$post_ids = explode( ',', $_REQUEST['ids'] );

explodeは文字列を配列化する
implodeは配列を文字列化する。
マーケターの企み | Vol.44: おいしいと思う日本酒を、全国の蔵で少量ずつ造る | 日本酒応援団(株) 古原 忠直 さん | NIPPON MARKETERS
https://nipponmkt.net/2017/04/12/takurami44_nihonshu_kohara02/
美味しい日本酒の定期便(頒布会) | saketaku
https://saketaku.com/
スクロールのたびにhistory.replaceState、
遷移前にhistory.replaceStateすれば、スクロールポジション記憶できる。
↑×
chromeはデフォルトでスクロールポジション記憶してくれてるので、urlだけ履歴残しておき、urlをもとに表示する記事数を変更すればよい。
Vue.js + Nuxt.js + GraphCMSでSSRブログ生活 - ShoYamane.me
https://www.sho-yamane.me/blog/3/
Vue SSR ガイド | Vue.js サーバサイドレンダリングガイド
https://ssr.vuejs.org/ja/#%E3%81%A9%E3%81%86%E3%81%97%E3%81%A6-ssr-%E3%81%AA%E3%81%AE%E3%81%8B

> もしあなたが、幾つかのマーケティングのページの SEO を向上させるためだけに SSR を調べているとしたら (たとえば /, /about, /contact など)、代わりに**プリレンダリング (事前描画)**を使用することをオススメします。
Prerender SPA Plugin を使ってSPAサイトのSEO対策をする | なすびブログ
https://blog.nasbi.jp/programming/frontend/prerender-spa-plugin/
Googleが推奨する「戻るボタン対応・SEO」の無限スクロールを使ってみた ? 爺メン制作委員会
http://shinnoji.main.jp/jimen75th/blog/171
metafizzy/infinite-scrollは戻った時のコンテンツがhisotryのものしか表示されない。
Load data on scroll up (chat like behavior) ・ Issue #728 ・ metafizzy/infinite-scroll
https://github.com/metafizzy/infinite-scroll/issues/728#issuecomment-339978291


infinite scrollと
ボタンを押してスクロールをするというのは結構違う仕様。

Ajax 読み込み historyとかで検索する。

ショッピングカートライブラリ LaravelShoppingcart 使ってみた
https://qiita.com/beer_geek/items/9cee5f485ca8bd9318e0
drehimself/laravel-shopping-cart-example: An example Laravel App with Shopping Cart functionality
https://github.com/drehimself/laravel-shopping-cart-example
Crinsane / LaravelShoppingcart:Laravelの簡単なショッピングカートの実装
https://github.com/Crinsane/LaravelShoppingcart
「継続的インテグレーション(Continuous Integration、以下CIと略)」
Bitbucket Pipelinesで継続的デプロイ
https://qiita.com/uitspitss/items/4668a964dbedfb2af67e

BitbucketのPipelinesでmasterブランチにPull Request後、自動デプロイ - ushumpei’s blog
https://ushumpei.hatenablog.com/entry/2017/10/31/105831

WordPressのデプロイが辛すぎる問題を考える | 東京上野のWeb制作会社LIG
https://liginc.co.jp/388554

受託開発へ捧ぐBitbucket Pipelinesによるちょうどいいデプロイ
https://qiita.com/masakuni-ito/items/009a264c772006729e76
テスト: テストの準備 5.5 Laravel
https://readouble.com/laravel/5.5/ja/testing.html
RewriteRule ^column.* /blog/column/($1) [L]
RewriteRule ^column.* /blog/column/($1) [R=302,L]
【mod_rewrite】 RewriteRuleとは? ? mod rewrite
http://ysklog.net/mod-rewrite/rewrite-rule.html
2ファイルだけ!Laravelからwordpressのデータベースにアクセスする方法 ? console dot log
https://blog.capilano-fw.com/?p=459

RewriteBase /
RewriteCond %{REQUEST_FILENAME} !^(.*)\.(gif|jpg|jpeg|png|css|js|pdf|log)$ [NC]
RewriteRule ^column.* /blog/column/($1) [L]
number_format 標準関数だった。
{{ number_format($item['total_price_tax']) }}
ApaiIOはRESTまたはSOAPを使用してProduct Advertising APIを取得するための非常に柔軟なPHPライブラリです。ItemSearchやItemLookupなどの組み込み操作を使用することも、必要に応じて独自の操作を実装することもできます。
https://www.chatwork.com/#!rid32663466-1003474361740468224
Eloquent:利用の開始 5.5 Laravel
https://readouble.com/laravel/5.5/ja/eloquent.html

Eloquentのallメソッドはモデルテーブルの全レコードを結果として返します。Eloquentモデルはクエリビルダとしても動作しますのでクエリに制約を付け加えることもでき、結果を取得するにはgetメソッドを使用します。

$flights = App\Flight::where('active', 1)
->orderBy('name', 'desc')
->take(10)
->get();
Tip!! Eloquentモデルはクエリビルダですから、クエリビルダで使用できる全メソッドを確認しておくべきでしょう。Eloquentクエリでどんなメソッドも使用できます。
SublimeText2からPhpStormに乗り変えた人のためのショートカットキー表
https://qiita.com/kzbandai/items/1cbbc8c259125c896f90
> Laravel には、Collection という、配列のラッパークラスがあります。
Collections - Laravel - The PHP Framework For Web Artisans
https://laravel.com/docs/5.6/collections#method-all
JavaScript Promiseの本
http://azu.github.io/promises-book/
firebase、jwt、Auth0
クラウド認証サービス Auth0 を語る - Qiita
https://qiita.com/ovrmrw/items/22e76f12c814de6055e6
【必須】
テストと本番で違うものは基本的に.env、wp-configで管理する。
難しい場合は.gitignoreで監視外にする。
モバイルファーストで作るときはこっち。
airyland/vux: Mobile UI Components based on Vue & WeUI
https://github.com/airyland/vux
管理画面
PanJiaChen/vue-element-admin: A magical vue admin http://panjiachen.github.io/vue-element-admin
https://github.com/PanJiaChen/vue-element-admin

iview / iview-admin:iViewに基づくVue 2.0管理システムテンプレート
https://github.com/iview/iview-admin
> このプロジェクトは、登録、ログイン、製品の表示、ショッピングカート、注文など合計45ページあります。
> Vue2 + vuex + vue-router + webpack + ES6 / 7 + fetch + sass + flex + svg
ex + vue-router + webpack + ES6 / 7 + fetch + sass + fl
https://github.com/bailicangdu/vue2-elm
Goto Anything
sublime text で 特定のファイルにすばやく移動する
https://qiita.com/nyakako/items/b5b0ceece71fb386b9b2

: → Goto Line(指定した行番号へ移動)
@ → Goto Symbol(functionや、CSSセレクターなどをシンボルとして検索)
# → ファイル内検索。他の検索機能とは違い、入力に対する候補一覧が表示
git  自分だけ無視したいファイルを設定する .git/info/exclude ? エンジニアの便利手帳
http://3jigen.net/2017/03/post-416/
Googleが推奨する、SEOに最適な無限スクロールをjScrollで実装する
https://clickan.click/infinite-scroll/#jScroll-2
https://readouble.com/laravel/5.1/ja/requests.html
public function store(Request $request)
> 依存注入により、現在のHTTPリクエストインスタンスを取得するには、タイプヒントでIlluminate\Http\Requestクラスをコントローラーのコンストラクターかメソッドに指定します。現在のリクエストインスタンスが、サービスプロバイダーにより、自動的に注入されます。
トランジション ・ vue-router
https://router.vuejs.org/ja/advanced/transitions.html
Advanced Custom Fieldsのチェックボックスは検索に向いてない | 渡邉 充敏.com
https://watanabemitsutoshi.com/advanced-custom-fields-meta

> シャツ
> チェックシャツ
> ボタンダウンシャツ
> という検索フォームがあったとして、シャツと選び検索したとします。
> わかる方はわかると思いますがこの場合、チェックシャツとボタンダウンシャツというパラメータがつい> た投稿も引っかかってしまいます。
VeeValidate components
storeパターンとwatchで無理やったらあきらめる。
Vue.js tips - $watch を使ってデータの変更を監視しよう | phiary
http://phiary.me/vue-js-tips-watch/


他のやり方もありそうだが、ややこしい。
Vee Validate - Child Component Example
https://gist.github.com/sproogen/147d75db261505e8a558a7fd11a20551
MW WP Form v4 で Vue.js 2.x の UI コンポーネント Element を利用する : Serendip - Webデザイン・プログラミング
http://www.serendip.ws/archives/6361
WordPress+Vue.JSで作るジョブボード(1) 基礎知識 - Capital P
https://capitalp.jp/2018/01/09/vue-jobboard-essential/
非同期処理
イベント、$('#a').click(function(){console.log(1)})
setTimeout、setTimeout(function(){console.log(2)}, 1000);
Ajaxのcomplete
Vue.jsを使ってて、フロントサイドのバリデーションには VeeValidate が便利 - Qiita
https://qiita.com/acro5piano/items/2be6068b0647ecffcd86
JavaScriptの同期、非同期、コールバック、プロミス辺りを整理してみる - Qiita
https://qiita.com/YoshikiNakamura/items/732ded26c85a7f771a27
非同期やるならPromiseでらくらく。(現代的JavaScriptおれおれアドベントカレンダー2017 ? 10日目) | Ginpen.com
https://ginpen.com/2017/12/10/promise/
JavaScriptのasync/awaitがPromiseよりもっと良い - Qiita
https://qiita.com/Anders/items/dfcb48d8b27ceaffb443
$send_mail_countでエラー。
react-routerでページ遷移にちょっとしたアニメーションを付ける | WebDesign Dackel
http://webdesign-dackel.com/2015/11/03/react-router-animate/
Vue.jsのコンポーネント詰め合わせ「Element」がスゴかった | 綺麗に死ぬITエンジニア
https://s8a.jp/vue-js-library-element#%E3%81%BE%E3%81%A8%E3%82%81
ngs/vue-payjp-checkout: PAY.JP Checkout Button component for Vue.js
https://github.com/ngs/vue-payjp-checkout
論文もプログラムも作成の過程はいっしょだと思う。
文章が好きか、プログラムが好きか。
Vue.jsでバリデーション、vue-validatorを使ってみる | WebDesign Dackel
http://webdesign-dackel.com/2015/03/10/vue-validator/
・pdf直リンク設定
[dtext:file_uploaded]
[preview id=248533127 ht=42][download:248533127]12_px400.jpg (43.83 KB)[/download]
VuePress をお試ししてみた - Qiita
https://qiita.com/dojineko/items/aae7e6d13479e08d49fd
## ログイン情報とカード情報を連携。
開設後3週間で収益10万円を得た個人開発サイトでやったことの全部を公開する - Qiita
https://qiita.com/jabba/items/1a49e860a09a613b09d4

> これはほんの1例だが、私も含めてエンジニアが立てる企画のほどんどはシステム設計指向でコンテンツに対する考えがスカスカのが多い。コンテンツはシステム設計よりも優先して考えるべきことなのだ。
ダウンロード回数の制限はあるか?
現在は1回ダウンロードするとフィル名のsessionを削除するので1回のみ。
ただ、今回は$_SESSION["finger-print"]を使用していない。sessionハイジャックされても問題ない情報からだと思われる。

session + $fingerを使用すればデバイス判定も行われるので、より強固なセキュリティとなる。
$finger() = session_id()と(指定キー + Useragent + 文字コード)からhash化したものを返す関数
jQuery:外部読み込みしているJS内で自分自身のファイルパスを返す | クラウドアドバイザー
https://hacknote.jp/archives/12476/
次に生かせる仕事をする。
バック技術の知識のアウトプットの時間(4h)を毎週確保する。(求人にもなる。)
> 一緒にVue.jsを書きたい方、ぜひお待ちしております!
https://qiita.com/acro5piano/items/eb29f13b82f386220460
Facadesはこっちでやってダメだったら原因不明。
https://www.ritolab.com/entry/88
・ローディング
・確認画面
(ボタン・hiddenは確認画面に出力されないように。)
・完了画面
[dtext:file_uploaded]
[preview id=246838702 ht=63][download:246838702]dv.png (19.73 KB)[/download]
Webブラウザの自動操作 (Selenium with Rubyの実例集) - Qoosky
https://www.qoosky.io/techs/71dd2d67ea
amazon paymentsの決済手数料は?業界への影響は? | コラム「決済代行業界のこと」
https://www.ipservice.jp/service/column/how-much-settlement-fee-of-amazon-payments/
applepay, amazon pay, pay.jp, 銀行振り込み
Amazon JS ? WordPress プラグイン
https://ja.wordpress.org/plugins/amazonjs/
QRコード支払いもあったら便利かも。
> PAY IDで決済できるPAYCodeを発行するには、PAY.JPに登録またはBASEに登録してQRコード決済Appを導入、発行していただく必要があります。
これで支払いが完了します。 トークンはセキュリティのため、一度しか使用できない仕様になっています。ここでは最も単純な支払いの例を紹介しましたが、顧客にトークンを紐付けておき、顧客IDを使って支払いを行うこともできます。顧客IDは何度でも支払いに使用できるため、顧客にトークンを紐付けておけば、二回目以降はクレジットカード情報を入力させることなく、支払いを行うことができます。
> セキュリティのため、PAY.JPに対する全てのAPI通信は必ずHTTPSで行うようにしてください。
カスタムフィールドを検索対象に含める | WordPressカスタマイズ事典
http://wpcj.net/1363
Laracast 動画保存して通勤時チェック
The Best Laravel and PHP Screencasts
https://laracasts.com/
[dtext:file_uploaded]
[download:243561144]js in one pic.png (1.99 MB)[/download]
Bodymovinもまとめたい
Lottieであなたの「サービス」をもっとリッチにアニメーションさせる話 - pixiv inside
https://inside.pixiv.blog/matsurai/3138

BodymovinでSVGアニメーション - Qiita
https://qiita.com/mo4_9/items/306b236a9d16901d6b05
正:@charset "UTF-8";
@charset - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/@charset
Googleが推奨する「戻るボタン対応・SEO」の無限スクロールを使ってみた ? 爺メン制作委員会
http://shinnoji.main.jp/jimen75th/blog/171
はてな対応してなかった。
twitterカードとOGP対応していない。
20180424.md参照
goodshare.js/README.md at master ・ koddr/goodshare.js
https://github.com/koddr/goodshare.js/blob/master/README.md
仕様
・パラメーターにより、タイトル・テキストが異なる。
・フォームの項目は同じ。
・thanksページへは直接たどり着けない。(mw formいけるか?)
Laravel 5.4 で手軽にテストを書こう! | 株式会社インフィニットループ技術ブログ
https://www.infiniteloop.co.jp/blog/2017/05/laravel-5-testing/
PHPUnitの使い方まとめ2016 - Qiita
https://qiita.com/t_ishida/items/694b2356ed23a8d89295
GASでFAQとか、簡単な商品データ管理してもいいのでは。
SlackとGASを使って会社のお弁当発注を自動化した話 - Qiita
https://qiita.com/kazuooooo/items/3a605a4d0e20df870eaf

FAX送信自動化できる。
業務のFAX送信完了、購入完了とかはSlackですべて通知するのがよさげ。
Categoriesはポリモーフィック関係の多対多で実装したほうがすっきり。

> Eloquent はallやget以外にも色んな形で結果を返すことができ、それらはIlluminate\Database\Eloquent\Collection インスタンスとして返ってくる。
【Laravel】Eloquentのメソッド、プロパティ簡単まとめ - Qiita
https://qiita.com/S346/items/9c5718b960eb0501c91f
Eagerローディング
新入社員恒例の自己紹介+Laravelの機能紹介 | KEYPOINT ? キー・ポイント株式会社 開発日誌
https://www.key-p.com/blog/staff/archives/18942
これはしっかり理解すべき。

> ポリモーフィック関係の多対多
ポリモーフィックリレーションはあるモデルを一つの関係だけで、複数のモデルに所属させるものです。

> saveとcreateの違いはsaveが完全なEloquentモデルを受け付けるのに対し、createは普通のPHPの「配列」を受け付ける点です。
Laravel5.5でほぼ完成されたModelFactoryの使い方 - Qiita
https://qiita.com/fagai/items/7f63d651cbed3664b758

多:多のファクトリー
画像パスかファイル名で保存どっちがいい?
> 画像ファイル名 + ディレクトリ名で保存がよさげ?
sku_imagesはディレクトリ決まってるので、ファイル名だけでいいかも。
address_01, address_02で分けるメリットなに?
フォーム内では分けたほうが分かりやすいが、DB登録はaddressだけのほうがいいのでは?
> 登録&編集などのフォームからの保存で使用するので、フォームの形式に合わせたほうが使いやすい。
Faker@PHPでダミーデータを作る - Qiita
https://qiita.com/zaburo/items/4487b23543ce88ce7f0c

> randomElement(array)でこちらで用意した配列から生成可能。社内独自コードなどを利用する際に便利。

ISBN: 書籍
ASIN: 書籍以外
画像はほかのドメインからもってくる可能性を考慮すると、絶対パスのほうがいい?
> 置換するのが大変そうなので、ファイル名のみがよさげ
Laravelのfactory(faker)で3階層以上のテストデータを作る - Qiita
https://qiita.com/naoqoo2/items/5cd2b96a8b2bdd60bd79
Laravel 5.4 で手軽にテストを書こう! | 株式会社インフィニットループ技術ブログ
https://www.infiniteloop.co.jp/blog/2017/05/laravel-5-testing/
Laravel 5.3でREST APIのテストコードを書く - Qiita
https://qiita.com/keitakn/items/1a43d53e9c3b422ec5ef
デバッグ用にechoやprint_rを書く代わりにテストを書こう - Qiita
https://qiita.com/niisan-tokyo/items/cf445985f951291a1b34

> 何かを print 文やデバッガの式に書きたくなったときは、 代わりにその内容をテストに書くようにするんだ。
相対パスはやめましょう
webpackでトランスパイルする際、エントリポイントからの相対パスで見るので、Storybook を導入する際や、ディレクトリ構成がズレた際に全てズレるし、醜いからです。
webpackのpath resolve機能を利用し、 @/src/components/user-profile みたいに書けるようにしましょう。
可読性がグッと上がります。

2018年 スタートアップでSSRにVue.jsを導入してWebサービスを開発した際の知見 - Qiita
https://qiita.com/k-okina/items/96f0a2ad9c72e95a7c27
かゆいところに手が届くvue-routerの機能 by @noplan1989 on @Qiita
https://qiita.com/noplan1989/items/9ce7d6a04ffb82755ae1
【MySQL, SQL】データベースを扱う基本SQL一覧 - Qiita
https://qiita.com/knife0125/items/bb095a85d1a5d3c8f706
Laravel5.3とStripeAPIでECサイトを作ってみた。 - こさちゃん技術アップブログ
http://suga-tech3.hatenablog.com/entry/2016/11/20/202946
Vue.js 備忘録とTipsとか | Cubix
http://chibinowa.net/note/
[dtext:file_uploaded]
[download:237124777]element.html (1.28 KB)[/download]
Vueのリンク集
vuejs / awesome-vue:Vue.jsに関連するすばらしいものの一覧。
https://github.com/vuejs/awesome-vue#ui-components
vue.jsのcomponentをwebpackで.vueにして単一ファイルコンポーネントにする - Qiita
https://qiita.com/tkhr/items/ac22019c891fe8fa5f91
domnikl / DesignPatternsPHP:PHPのいくつかのデザインパターンのサンプルコード
https://github.com/domnikl/DesignPatternsPHP
Laravelの認証機能でログイン/ユーザ登録/パスワードリセットなどの管理画面を一撃構築する(基本&入門編)
https://www.ritolab.com/entry/51#development_environment
PHPで日付時刻処理を書くならCarbonを使うべき - Qiita
https://qiita.com/yudsuzuk/items/ff894bd0b76d4657741d
vagrant sshはcurlで認識しているが、
そもそもvagrantで立ててるサーバーがホスト(win)のアドレスを10.0.2.2と認識してないかも。
PHPのcurlでアクセスできたので↑嘘。
ファイルをアップロードしました。
[download:234554291]20180329-01.md (805 B)[/download]
Laravelで404等の独自エラーページを作成する。多言語対応も。
https://www.ritolab.com/entry/57#about_display_logic_of_original_error_page
異なるドメインのURLからデータを参照する方法 - Cross-Origin Resource Sharing
http://koiroha.blogspot.jp/2014/09/cross-origin-resource-sharing.html?view=timeslide
オリジン間リソース共有 (CORS) - HTTP | MDN
https://developer.mozilla.org/ja/docs/Web/HTTP/HTTP_access_control
Googleマップを現在地からの経路検索で開くリンクを作成する - Qiita
https://qiita.com/wacongZ/items/fc2a53d5567757c67590
開発時にCORSを無視するGoogleChromeの起動オプション - Qiita
https://qiita.com/mottox2/items/498bb31d67caa2d8a71f
json-serverでREST APIモックサーバを立てテスト駆動開発する | Black Everyday Company
https://kuroeveryday.blogspot.jp/2017/06/test-driven-develop-with-json-server.html
Pinterest風グリッドレイアウトを作ってみよう:jQuery×HTML5×CSS3を真面目に勉強(3) - @IT
http://www.atmarkit.co.jp/ait/articles/1306/10/news009.html
[Chrome] console.log()の色々な書き方 - Qiita
https://qiita.com/nakajmg/items/0a27c6642268243c8eef
Advanced Custom Fieldsプラグインを使う際の注意点など
http://notnil-creative.com/blog/archives/1752
WordPressでカスタムフィールドを検索対象に含める方法 | Web制作ナビ
https://www.webtoolnavi.com/wordpress-customefield-search/

カスタムフィールドが無限に増えてもプラグインなしで検索対象にする ? 鼻ちょうちん
https://keitahirai.net/archives/896
Challonge ? WordPress プラグイン
https://ja.wordpress.org/plugins/challonge/

見た目変更できるのか。
phpから外部のjsに値渡し - Qiita
https://qiita.com/kenhonda/items/eb98d15fd465d90e94d6
外部ファイルのスクリプトに引数を渡す方法 | JavaScript プログラミング解説
https://so-zou.jp/web-app/tech/programming/javascript/sample/argument.htm#script
テストカード | PAY.JP
https://pay.jp/docs/testcard
PAY.JP - クレジットカード決済サービス
https://pay.jp/
アクセスしているURLが、ディレクトリでもファイルでもなかった場合、Laravelのコントローラである index.php にリライトして、ルーティングなどを行います。
https://cloudpack.media/10634

Laravelにcmsフォルダ(wordpress)を入れる
・Laravelの.htacessではトレイングスラッシュを削除する
ゲーム関連銘柄 - ゲーム関連株情報『Game-i』
http://game-i.daa.jp/?%E3%82%B2%E3%83%BC%E3%83%A0%E9%96%A2%E9%80%A3%E9%8A%98%E6%9F%84
curl削除 powershell
[download:228842206]Microsoft.PowerShell_profile.ps1 (14 B)[/download]

https://qiita.com/bitnz/items/400bb6a0b124b8b3d398
Laravel mixとJSON Serverでタスクアプリ作成記事
◎APIモック
php
【PHP】とりあえずAPIのスタブをパパっと作る - Qiita
https://qiita.com/sola-msr/items/609677e6e57e7f126487

npm
たった30秒でREST APIのモックが作れる JSON Serverでフロントエンド開発が捗る - WPJ
https://www.webprofessional.jp/mock-rest-apis-using-json-server/

【個人メモ】JSON Serverを使って手っ取り早くWebAPIのモックアップを作る - Qiita
https://qiita.com/futoase/items/2859a60c8b240da70572

Windows(コマンドプロンプト)でcurlコマンドを使う | ぽちゃ猫.com
https://www.pochaneko.com/curl-in-windows/

curlのインストール、パス設定
C:\Windows\System32\WindowsPowerShell\v1.0
WordPressプラグイン「WP-Copyright-Protection」で右クリック・ドラック禁止でコピーガード ? Web雑記帳。
http://motoshige.net/blog/archives/6648
どこよりも詳しい万能スライダーjQueryプラグインslick.jsの使い方 | ITハット
http://ithat.me/2016/10/17/how-to-use-slick-jquery-plugin

$slider.slick('slickGoTo', 3);で特定スライダーへ移動
mobileFirst: true,
comment_star_ratingのjs全ページで読んでるので特定ページのみ有効化。
(コメントの存在をトリガー?)
スタイルは新機能で追加したの分のが全てで読み込む必要があるのでok

他のプラグインではどう読み込んでるか確認
phpで日付操作を行うための複数の方法 - Qiita
https://qiita.com/ichironagata/items/efdf21ec9189daf41d95
新しい投稿へのコメントを許可する にチェックを入れるとそれ以降の追加記事のコメントが有効化される。
Instagram 埋め込みコードの構造を解析してみた - Qiita
https://qiita.com/h5y1m141@github/items/403dee38e88570185949
BMBB.JP|ブログコメントサービス「Disqus」のコメント表示が恐ろしく進化してた!
http://bmbb.jp/2014/02/disqus/

> WordPressやMovableTypeなど、様々なタイプのブログに導入できる。

1. ヘッダーでjquery読み込み
2. ヘッダーraty読み込み
3. フッターでjquery読み込み
4. 実行 document.addEventListener('DOMContentLoaded', function() {});

DOMContentLoadedの実行順が最後なのでその前に2度目のjqueryが読み込まれてしまうのが問題っぽい




add_action( 'wp_footer', array( $this, 'script' ) );
add_action( 'wp_footer', array( $this, 'wp_enqueue_styles' ) );
add_action( 'wp_footer', array( $this, 'wp_enqueue_scripts' ) );

# 下階層全てのフォルダ内で ".uploads" ファイルを無視したい
*/wp-content/uploads/

# カレントディレクトリの.htacessのみ
/.htaccess
あとからまとめて.gitignoreする方法 - Qiita
https://qiita.com/yuuAn/items/b1d1df2e810fd6b92574
XAMPPで任意のディレクトリをバーチャルホストにする方法 - Qiita
https://qiita.com/nbkn/items/e72b283c54403a30b2e1
管理画面を作る:AdminLTE Laravel組込み編 - Qiita
https://qiita.com/zaburo/items/b9e769c7c4a87614b3f9
2018年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita
https://qiita.com/rana_kualu/items/96b303307d6435aedf8b
反省
・仮想環境 -> FTPアップ時間ロス
・bitbucket運用 -> 自信ない
・全体システム把握(サイトマップ) -> 最初に確認する時間必要
・同時並行(コーディング外注・あてこみ 差異が発生してた) -> スケジュール遅れる
[qt][qtmeta aid=1355724 time=1519182792]スケジュールずらせますか?
コーディングのチェック終わった状態で作業進めたいです。[/qt]
・bitubucketのgitignore設定 -> 自信ない
・本アップ手順書作成 -> 必須

【コード】
・body_id, page_idの管理
・メタ情報の管理
5.3以上から
データベース:ペジネーション 5.4 Laravel
https://readouble.com/laravel/5.4/ja/pagination.html
paginationのカスタム
php artisan vendor:publish --tag=laravel-pagination

これがエラーで実行できない。
AWS標準状態では、Regenerate Thumbnails使えない
本番環境の場合
APP_ENV=productionAPP_DEBUG=false
ステージング環境の場合
APP_ENV=stagingAPP_DEBUG=false
テスト環境の場合
APP_ENV=testingAPP_DEBUG=true
ローカル環境の場合
APP_ENV=localAPP_DEBUG=true
Laravel5.4でさまざまな条件での絞り込み方法 | will STYLE Inc.|神戸にあるウェブ制作会社
https://www.willstyle.co.jp/blog/1116/
Laravel の whereRaw は使っても良い - Qiita
https://qiita.com/happy_ryo/items/17bc86778df8a8f02d02
【保存版】Laravelで掲示板を作成する方法【チュートリアル】
https://manablog.org/laravel_bulletin_board/
Laravelでcsvエクスポート&インポート
Laravel5.4でマルチログインを実装する | will STYLE Inc.|神戸にあるウェブ制作会社
https://www.willstyle.co.jp/blog/907/

Laravel ExcelでCSVをアップロードしてそのままDBに保存&ダウンロード | webOpixel
http://www.webopixel.net/php/1345.html

Laravel-Excel の CSV文字化けに絶望したのでパッケージを作った! ? console dot log
https://blog.capilano-fw.com/?p=67
フロント <=> バック 課題
・フロントがまず全パターンのコーディングを行う(Ajax含む、Ajaxのデータはバックが用意)(どうしても同時並行の場合はバックに工数を確保する)
・フォームやアップロードのマークアップはバックに確認する。(後回しにされた場合はバックが回収する)
不必要に静的化したURLよりもパラメータ付きURLをGoogleは好む | 海外SEO情報ブログ
https://www.suzukikenichi.com/blog/google-prefers-the-clean-parameterized-url-to-unnecessary-url-rewriting/
XMLやCSVならどんなものでもインポートできます。 ? WordPress プラグイン
https://ja.wordpress.org/plugins/wp-all-import/
JavascriptでUser AgentからiOSのバージョン番号を判別する方法 ? WP Advisor
https://hacknote.jp/archives/22633/
JavaScript - (React.js)画面下のfixedテキストエリアがソフトウェアキーボードで隠れてしまう(58686)|teratail
https://teratail.com/questions/58686
iOS11の場合のみ
テキストエリアをtopからのpositionfixedでおいてやればよい。
カスタムキーボードのデフォルトサイズ一覧 - Qiita
https://qiita.com/MIN/items/c17ac069de5bd01cacf5

javascript:(function()%7Balert(navigator.userAgent);%7D)()
iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog
http://alpha.mixi.co.jp/entry/2012/10807/
vueのjsプラグインのオプション適用方法(vue amind lte のjsオプション適用方法)
devjin0617/vue2-admin-lte: adminLTE to vuejs v2.x converting project
https://github.com/devjin0617/vue2-admin-lte
一回使ってみたい無料系の管理画面フレームワークまとめとく - Qiita
https://qiita.com/h-tko/items/ae7f33a229c4422448bb
adminLTEは全面スクロールだけだが、
mjはコンテンツ部分のみスクロールにする必要がある。
スタイリッシュな管理画面のVue.js対応デザインテンプレート 12選
https://www.google.co.jp/search?q=%E7%AE%A1%E7%90%86%E7%94%BB%E9%9D%A2+vue&oq=%E7%AE%A1%E7%90%86%E7%94%BB%E9%9D%A2+vue&aqs=chrome..69i57j0.4999j1j7&sourceid=chrome&ie=UTF-8

vue-autosize
https://github.com/mage3k/vue-autosize
【v-bind】
式に通常の属性をバインディングする。

idに変数を設定する

親->子に変数を渡す
【v-model】
form の input 要素 と textarea 要素で双方向 (two-way) データバインディングを作成するには、v-model ディレクティブを使用することができます。
※dataで宣言必要
Vue.jsで高品質なUIライブラリElementを使ってみる | webOpixel
http://www.webopixel.net/javascript/1229.html
【Vue.js】autosizeなtextarea - Qiita
https://qiita.com/huigo/items/f03b3fa732a1c49845b0
可変のtextarea
windowサイズ変更でレイアウト調整できるのがないか。
フォーム入力バインディング ? Vue.js
https://jp.vuejs.org/v2/guide/forms.html#number
HackerNews クローン ? Vue.js
https://jp.vuejs.org/v2/examples/hackernews.html
Vue.jsのTransitionでいい感じのアプリにする - Qiita
https://qiita.com/nasum/items/bcac216cf1a9a5e79a31
Vue.jsとAxiosなら驚くほど簡単に作れる!外部APIを使ったWebアプリの実例 - WPJ
https://www.webprofessional.jp/fetching-data-third-party-api-vue-axios/
Vue-ServerでVue.js SPAのSEO対応 - Qiita
https://qiita.com/tejitak/items/cc9d835f5eaecb4291a3
PowerShellでcurl, wgetを使いたい on @Qiita https://qiita.com/gentaro/items/af0d0eba7e9aca1a6416
Laravelを使っていないプロジェクトでLaravel Mixを導入した話 - Qiita
https://qiita.com/amderbar/items/33b5e98aba865d29e59d

nodist最新にアップデート
npm run devでエラーでたので、npm rebuild node-sass

npm run hot
http://localhost:8080/

▼その他のプロジェクトのgulpが動かなくなった。
Error: Couldn't resolve version spec %s: %s
C:\Program Files (x86)\Nodist
.node-versionファイルを削除
Laravelで始めるTDD開発:準備 - 豆腐とコンソメ
http://www.tohuandkonsome.site/entry/2017/11/20/233324

動画
Vue.jsでつくるオブジェクト指向フォーム(1) - 豆腐とコンソメ
http://www.tohuandkonsome.site/entry/2017/12/13/205504
PhpStorm + Composer + Yarn + Laravel + Vue.js + ES6でSPA開発環境を整える
https://qiita.com/Mon_chi/items/7541bc1ca02ab85d5874
Auth::check()
静的メソッドではない。
Laravel コードで見るファサードクラスの仕組み - Shin x blog
http://www.1x1.jp/blog/2014/03/laravel-facade-class.html
Laravel Recipes日本語版
http://recipes.laravel.jp/
Controllerの基底クラスでView shareされていた。
View::shareを利用してサイト全体のViewで支える変数を設定 - Qiita
https://qiita.com/kenichi-arita/items/099851053bfff5402828


View::share([
'cart_num' => count($item),
'body_id' => 'cart',
'login' => $login
]);

view側でこれで判定できる。

@if(isset( $login ))
ログイン中
@else
非ログイン
@endif

view側でauthクラスを直接使うこともできる <- ファサードを使ってるのでuse Auth 書かなくても使える?

@if(Auth::check())
ログイン中
@else
非ログイン
@endif
カートの数を共通ヘッダーで取得
サービスプロバイダー + ビューコンポーザー
$item = Cookie::get('cart', []);
でカートの配列を取得しようとするも、ミドルウェアの処理前なので暗号化されており、配列で取得できない。
サービスプロバイダーにpage_idを管理するのがいいかも。
テンプレートの入っているフォルダ名を取れれば動的にあてれる。
Providers/***.php

public function boot()
{
// home default view composer
View::composer('index.index',function($view){
$view->with('page_id','home');
});
// 404 default view composer
View::composer('errors.404',function($view){
$view->with('page_id','page404');
});
}
wadackel.me - wadackel.meは、わだ つよし(@wadackel)の技術xプライベートなブログです。ダックスフンド is かわいい。
https://blog.wadackel.me/
私がWordPressをこれ以上使うのを諦めた理由 | 綺麗に死ぬITエンジニア
https://s8a.jp/wordpress-is-not-the-best
ログイン状態を全ページで取得する方法
View::shareを利用してサイト全体のViewで支える変数を設定 - Qiita
https://qiita.com/kenichi-arita/items/099851053bfff5402828

Laravelでログイン済みの全てのページに共通のビュー変数を渡す方法 - Qiita
https://qiita.com/kure/items/24d5b97818edd4cc29e2

または、ViewComposer
Laravel サイト全体で共有するデータをViewにセットする | Webエンジニアブログ
http://dim5.net/laravel/global-view-data.html

Views & Responses - Laravel - The PHP Framework For Web Artisans
https://laravel.com/docs/4.2/responses#view-composers
Canvasを使って手書きの署名機能を実装する ? カバの樹
https://www.kabanoki.net/934
難しいGitコマンドは、仕組みから理解してみよう - Qiita
https://qiita.com/_ha1f/items/2dca1047c57d4f0bd465
git fetch origin
リモートの最新情報取得

git branch -a
* master
remotes/origin/develop
remotes/origin/master
ブランチを確認

git merge --allow-unrelated-histories origin/develop
リモートを現在のbranchにマージ

git branch origin/test
新規ブランチ作成

リモートにpush
既存のディレクトリに git clone するには - Corredor
http://neos21.hatenablog.com/entry/2016/02/07/000000
AWS設定
Route53 -> ロードバランサー(RB) -> ターゲットグループ(TG) -> インスタンス
・Route53がRBを向いているか
・RBのリスナーのルールがTGになっているか
・TGのターゲットがインスタンスになっているか
・インスタンスのセキュリティが適切か

503 ロードバランサー関係の設定ミス(静的ファイル見れない)
504 DB接続ミス(静的ファイル見れる)(インスタンスのセキュティの設定が間違っている)

RDSがIP制限してる可能性がある。
153.142.97.59で制限していた。HeidiSQLから参照出来てawsから参照できなかったのはそのため。
egeloen/ivory-google-map: Google Map API v3 integration for PHP 5.6+.
https://github.com/egeloen/ivory-google-map

このプログラムとjsでできることは何が違うのか。
Airbnbっぽく不動産物件を地図表示をするPHPスクリプト
https://manablog.org/airbnb-wp_properties/

Yelpと連携したらおもしろいかも。
https://www.airbnb.jp/s/%E4%BA%AC%E9%83%BD/homes?checkin=&checkout=&adults=1&children=0&infants=0&source=mc_search_bar&sem_keywords=airbnb&s_tag=V5s7Fvr5&allow_override%5B%5D=
Amazon API Library:apai-ioの使い方とサンプルコード
https://manablog.org/amazon-api-library-apai-io/
Laravel + Vue.js で出席管理Webアプリを作成する - Part.1 | LuftGarden
https://luftgarden.work/laravel-vue-attendance-part1/

Vue.js を PHP7+Laravel5 で使用してみた雑感と注意点 - Qiita
https://qiita.com/komatzz/items/f9515f677ee58ed097b6
Vue.jsとAxiosなら驚くほど簡単に作れる!外部APIを使ったWebアプリの実例 - WPJ
https://www.webprofessional.jp/fetching-data-third-party-api-vue-axios/
HTML5 Form Validation のカスタマイズ ? GirlieMac! Blog
https://girliemac.com/blog/2012/12/01/html5-form-validation-jp/
Laravelのファイル管理ライブラリ Laravel File Manager | webOpixel
http://www.webopixel.net/php/1264.html
comment imageのリサイズ方法
画像のリサイズ(imagecopyresampled) - Qiita
https://qiita.com/ao_love/items/febc6c0a0153d88645a0

その他
PHPで画像のリサイズ&圧縮する方法を比較する - Qiita
https://qiita.com/tokutoku393/items/ebaaafaff90e48bfd42c
https://core.trac.wordpress.org/browser/tags/4.7.2/src/wp-includes/comment-template.php
これ見る限りnonce csrfなさげ?
質問投げる。
Yelp API v2の今後の廃止予定
https://engineeringblog.yelp.com/2017/06/upcoming-deprecation-of-yelp-api-v2.html

Yelp/yelp-fusion(本家)
https://github.com/Yelp/yelp-fusion
本家のはassertでエラーがでた。assertはphp7以上?

yelp fusion(非公式)
https://github.com/Yelp/yelp-fusion/blob/master/fusion/php/sample.php
Cookieとセッションをちゃんと理解する - Qiita
https://qiita.com/hththt/items/07136ad74127999df271
JWTをPHP(php-jwt)で試してみる - ゆっくり備忘録
http://mitsuakikawamorita.com/blog/?p=2884
[dtext:file_uploaded]
[preview id=212867935 ht=32][download:212867935]sss.png (3.90 KB)[/download]
Transformicons The Animated Icon Builder
http://www.transformicons.com/builder.html

トグル系
[dtext:file_uploaded]
[preview id=212730043 ht=150][download:212730043]ss.png (119.80 KB)[/download]
RDBインスタンス -> スナップショットの取得
セキュリティグループ - 本番、テスト
db-security (sg-17691e73)
db-security (sg-17691e73)
Amazon API Library:apai-ioの使い方とサンプルコード
https://manablog.org/amazon-api-library-apai-io/
データベースさわったこと無い新人向けトランザクション入門 - Qiita
https://qiita.com/komattio/items/838ea5df68eb076e8099

更新処理は全て実行される or 全て実行されない
状態で終わることを保証する性質。
再掲載
フォーム周りで覚えておくと便利なCSS Snippets | NxWorld
https://www.nxworld.net/tips/15-useful-css-snippets-in-form-style.html
メール送信うまくいかん。
mw formのform.js2回送信できるのでは?
	$( '.mw_wp_form input[type="submit"]' ).click( function() {
console.log("click");
var formElement = $( this ).closest( 'form' )[0];
if ( formElement && formElement.checkValidity && !formElement.checkValidity() ) {
return;
}
if ( mw_wp_form_button_no_click ) {
mw_wp_form_button_no_click = false;
} else {
$( this ).prop( 'disabled', true );
}
} );
バリデーションのタイミング

submitボタンをdisableに。

//送信ボタンが画面にはいったタイミング
//最後のフォームのkeyup or focusoutのタイミング
◎全ての必須項目にフォーカスがあたったら

バリデーションチェック

okなら submitボタン disable無効
mw formのvalidateの修正方法、
validate jqueryのカスタム
復習
・mwが二重送信防止しているので、jsでバリデートをくりっく以外で?
・エラーメッセージの位置。
↑テストサーバーのtypeが7だったので、
本番に合わせて10に変更した。
無事画像反映。
セレプレ /form/receiver/
jsのバリデーションをあてはめるだけ。
Heidi SQLのフィルタ
`plan_type` = '1' AND `service_type` LIKE '%,10,%' AND `disp_flg` = '1' AND `status` = '1' AND `valid` = '1'
git pull と git pull ?rebase の違いって?図を交えて説明します!
http://kray.jp/blog/git-pull-rebase/
[dtext:file_uploaded]
[download:205558084]sms.txt (680 B)[/download]
MW WP Form LINE Notify ? WordPress プラグイン
https://ja.wordpress.org/plugins/mw-wp-form-line-notify/
Laravelでリダイレクトしたときの入力フォームを取り出す方法
https://readouble.com/laravel/5.1/ja/requests.html
・withInputメソッドをリダイレクトにチェーンして簡単に、入力をフラッシュデータとして保存
・oldを使って直前の直前のリクエストのフラッシュデータを取得する

もしくはSessionを使用する
http://elastic-info.jp/php/2016/05/17/laravel5%E3%81%A7%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E7%A2%BA%E8%AA%8D%E7%94%BB%E9%9D%A2%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%99%E3%82%8B/

oldは直前のフラッシュデータなので更新したら消える。
ES6時代のJavaScript - クックパッド開発者ブログ
http://techlife.cookpad.com/entry/2015/02/02/094607

Arrow Functionでthisを解決
export default class Chat {
constructor(opts={}) {
this.form = opts.form;
}
setSize() {
let fh;
fh = this.form.outerHeight();
}
$('textarea').each(function(){
autosize(this); // thisはtextarea
});
$(window).on('chat-submit',()=>{
this.setSize(); // thisはインスタンス自身
});
}
メール送信機能の実装について - Laravel学習帳
http://laraweb.net/practice/977/
18行目の’driver’=>’smtp’を’driver’=>’sendmail’に変更すれば、sendmailが使用できます。
[dtext:file_uploaded]
[preview id=204351321 ht=116][download:204351321]ss.png (10.80 KB)[/download]
Phpmailerでスパム回避!Gmail等のSMTPを経由するPHPのメールフォーム解説 | エス技研
https://blog.s-giken.net/235.html
Laravel 5.2 メール送信 ? web入門
http://dennie.tokyo/web/2016/09/18/laravelmailsend/
・ローソク足(日足)
・急変した日にツールチップ(アイコン)を設定でき、クリックでライトボックス表示
・ライトボックスは個人のツイートやIRニュース・日経記事などを表示
D3.jsでローソク足チャートを描く - goodbyegangsterのブログ
http://goodbyegangster.hatenablog.com/entry/2017/02/23/214850

Real-Time Google Finance API を使って株価を取得する
http://x1.inkenkun.com/archives/5582

日本株の日足データをローカルのデータベースに取り込むツールを作った - うなの日記
http://unageanu.hatenablog.com/entry/2016/03/22/174043
WordPressとPHP/Laravelの共存をCloud9で検証 - 【WordPressカスタマイズ相談】現役プログラマが解決策を教えます
http://soudan.hatenablog.jp/entry/wordpress-laravel
Movable Typeトラブルその1:データベースが壊れた!? - JaGraプロフェッショナルDTP&Webスクール スキルアップブログ
http://jagraschool.hateblo.jp/entry/movable_type1
スマホイベント
hammer.js
http://hammerjs.github.io/
setTImeoutの中で即時関数かくと時間待たない。
setTimeout( (function () { self.addClass(`is-${animations[i]}`) }()) , delayTime);
:beforeやたぐはtransition効かない
Request Animation Frame
・scrollイベントよりrenderでスクロール位置をとったほうが滑らかな動きになる。(スクロールイベント発生回数 < render毎秒60)
Simple Calendar ? GoogleカレンダーをWordPressに表示できるプラグイン | ネタワン
http://netaone.com/wp/simple-calendar/
ブログ投稿->他ブログのインデックスしか更新できない?(他ブログの記事は更新できないっぽい)
http://ashinoyoshi.tumblr.com/post/121965669616/multiblog
Netlify + Hugo
Hugo や Hexo などの静的サイトジェネレータ

new $.ImgLoader({ でもなぜか通るようになった。
http://d.hatena.ne.jp/sandai/20110824/p1
> functionという文字が行の先頭にあるかどうかという点です。行の先頭にあればそれは関数宣言(関数の文)となり、それ以外であれば関数は式となります。
> +function() { alert('これでも即時関数です。実はカッコである必要はないのです');}();
> (function() {alert('関数呼び出しの演算子である( )をくっつける');})(); <- 一般的な呼び出し方
https://www.suzukikenichi.com/blog/using-prerendering-to-speed-up/

事前レンダリングに対応しているブラウザはChromeと、IE11です。
IEは最新版での対応ですが、Chromeはかなり以前、13から対応しています。
Chrome for Android で HTML5 の Video タグで再生出来ない mp4 があって困った話 - しばやん雑記
http://blog.shibayan.jp/entry/20140715/1405428747


私のMP4Box GUI 0.6.0.6無料ダウンロード - VideoHelp
https://www.videohelp.com/software/My-MP4Box-GUI

.mp4追加して、Add To Queue。開いたダイアログでstart
スマートフォン用サイトで動画を扱う時のポイント | ベイジの社長ブログ
https://baigie.me/sogitani/2011/07/smart-phone-movie/


そのため、MP4BOX(http://www.videohelp.com/tools/MP4Box)のようなアプリケーションでメタデータを書き換える必要あり。これを行うと、iPhone/iPadでも、Androidでも、PCの各種OSでも再生できる動画になる。
includeはTEMPLATEPATHを使う。
=>ローカルにconst TEMPLATEPATHを宣言。

画像パスはhttpsの関係からget_stylesheet_directory_uri()を使う
=>ローカルにget_stylesheet_directory_uri()を作る。home_url()も同様

その他の変数はglobal宣言を関数ごとに記述
=>
wordpressで共通パーツをショートコードでも使用
function mod_cv() {
$html = file_get_contents(TEMPLATEPATH . '/inc/mod_cv.php');
return $html;
}
add_shortcode('mod-cv', 'mod_cv');
遷移カッコ良い
http://www.a-tm.co.jp/news/
▼一覧ページのテンプレートについて
archive-{post_type}.php・・・メインループが使える。固定ページからメタ情報入力する場合、IDは静的で取得する必要がある(archiveページで固定ページのidが分からない為)。taxnomyページもまとめてメタ情報を設定できる。

カスタムテンプレートファイル(固定ページで指定したテンプレート)・・・固定ページでメタ情報が設定できる。taxonomyページは別。カスタムループの記述が必要。 <- CPT UIのアーカイブありをFALSE にしてこっちの設定のほうがいいかも。そもそもtaxonomyページはキーワード設定する必要ないし。
(CPTUIだと、「別の投稿タイプ名を選んでください。faq は既存のページスラッグと一致し、競合する可能性があります。」がでるので少しめんどくさい) 固定ページはページ送りもOK

固定ページで指定したテンプレート > page-{slug}.php 確認済み

↑CPT UIの アーカイブありTRUE/FALSEも関係あり。
アーカイブありTRUEにした場合は archive-.phpでarchive判定が行われる。
falseにしていた場合はarchive-.phpでもis_page判定が行われる。
All in One SEO Packではアーカイブページにメタタグが出ない
https://blog.maromaro.co.jp/archives/1362

>特に困るのが、タグ一覧やカテゴリ一覧などのアーカイブページではディスクリプションなどのメタタグを出力してくれない点です。

SEO的に一覧ページはクロールが巡回してくれない方がいいのでそのような仕様になっているのですが、一覧ページが固定ページのように機能していたり、そのページをユーザーがfacebookやtwitterなどのsnsで共有してしまう可能性があるなど、メタタグを出力したいケースはままあります。
まとめ

・カスタムフィールドで関連付ける場合は一方向(双方向もできるが設定が2倍)
・タクソノミーで関連づける場合は双方向
タクソノミーで関連付けるか、ACFの「関連」または「投稿オブジェクト」で関連付けるか。

▼タクソノミーで関連付ける場合
・記事にタクソノミーページがある場合(他の投稿タイプのタクソノミーを記事に関連付ける必要があるので)
・登録数が多く、自動で関連づけたい場合。

▼ACF
・上記以外の場合、または
・特定の記事を指定したい場合
.htacessやphpの設定系のエラーは下層が優先。
上層からエラーがでるか調べ、でるところとでないところの境目を見つければよい。
http://ideal-future.jp/party_category/party_high/
以下のようなクエリーでは取得できなかったので
.jp/?party_category=party_wakayama&party_high

.jp/party_category/party_high/?osaka
の?osakaで判定してクエリを条件分岐して取得した。
中央にクロスラインを表示
トラックマットで合成は上のレイヤーの形でマスクされる。
どこにでもランキング表示できるプラグイン ? WordPress Popular Postsの使い方
参考サイト: 【WordPress】人気の記事をどこにでもランキング表示できるプラグイン - WordPress Popular Postsの使い方 | WordPress College http://wordpresscollege.org/plug-in/wordpress-popular-posts/#ixzz4hQaNuHqY
http://wordpresscollege.org/plug-in/wordpress-popular-posts/
lottie fileのダウンロードして模倣するのが一番早い
http://www.lottiefiles.com/?page=5

自動トランジションモードを解除するには?
アニメーション?キーフレーム補助?シーケンスレイヤー の トランジション:オフ

エムハンドのアイコンをマスクするには?
1. svgでなく、aiファイルを読み込む
2. フッテージに移動する
3. 右クリック -> ベクターレイヤーからシェイプ作成
紙をめくる動き
http://pannyatto.firebird.jp/archives/525
http://www.turnjs.com/#samples/magazine2/10
https://tympanus.net/Development/BookBlock/index2.html

指示の動きに似ているから
http://www.dascorp.co.jp/
キーフレームのところの追加?を押してパスを追加する。
そこにイラレのデータをコピペ
//書き方
TweenLite.to(ターゲット, 秒数, プロパティ値);
数字アニメーション
http://codepen.io/shivasurya/pen/FatiB
http://codepen.io/syedrafeeq/pen/rcfsJ
http://codepen.io/tamak/pen/zrvwza
http://codepen.io/vsync/pen/dlwgj
出現タイミング
http://codepen.io/suez/pen/ByvKXE
ぽのす
http://www.ponos.jp/games/thebattlecats/
http://codepen.io/nicolasjengler/pen/QwKmqj
http://codepen.io/hrtzt/pen/JdYaEZ
[dtext:file_uploaded]
[download:143759539]sprite_movie.jpg (2.79 MB)[/download]
[dtext:file_uploaded]
[download:143759507]movie.css (389 B)[/download]
GOMプレイヤーで画像を連続キャプチャ

画像をリネーム

webブラウザに一括アップ、名前順でスプライト化、animation cssと同時に出力し、
スマホでも背景動画を使えるツールの作成

photoshop大きいサイズの画像はweb用に保存は使えない。
書き出し形式から保存する(時間かかる

15MB以上(69MBのpngで確認)だとiPhoneブラウザでクラッシュを確認。
CF7はoptionでlabel要素を付与できる。
mhFormはデフォルトでlabel要素。

label要素にクラスを付けたいならjsでやるのがベスト
フォーム部品とラベルを関連付けるには、
[dtext:file_uploaded]
[preview id=139591143 ht=25][download:139591143]cpp.png (21.56 KB)[/download]
query_postsでメインクエリーを書き換えても、もともとの記事数は17なので管理画面の記事数が10の場合は2ページしか出力されない。
よって3ページぺは404となる。

なので管理画面の設定記事数以上のパラメーターを設定してやればよい。
'posts_per_page' => 10

ページャーはquery_postsの'posts_per_page' を見るが、ページの表示するリライトはページ表示時のクエリーに影響することを押さえておく。
taxonomy-tax_area.phpに投稿が17件ある場合、tax_area.phpにあるすべての記事なのでメインクエリーによりページャーがうまく動かない。
なのであえてメインクエリーを書き換える、query_postsを使うとうまくいく。(wp_queryでうまくいくならそれでよい)
タクソノミーが複数の投稿タイプ(A,B,C)に関連付けられている場合、taxonomy-tax_area.phpのテンプレートで投稿タイプはA,B,Cのいづれかになるので、期待する投稿タイプが取得できない。

なのでurlから取得する。

$post_types = array('event', 'information', 'store', 'staff', 'blog'); // [request]のwp_posts.post_type参照
$server = $_SERVER['REQUEST_URI'];
$uri_array = explode("/", $server);
$post_type = "";
if( in_array( $uri_array[1], $post_types ) ) { // test: /cms/event/
$post_type = $uri_array[1];
}elseif( in_array( $uri_array[2], $post_types ) ) { // honban /event/
$post_type = $uri_array[2];
}else {
echo "エラー";
}
echo "post_type = ". $post_type . "
";
未設定
/tax_area/fukushima/
taxonomy-tax_area.php or taxonomy.phpでアクセス。
テンプレートはイベントごとにことなるので、

リライトルール設定後
/event/tax_area/fukushima
theme
url
post get_query_var('post_type')
Eグループ
商品レビュー投稿(E1-1)
・よろしければ「確認」する -> よろしければ「確認する」
商品レビュー投稿確認(E1-2)
・戻る矢印逆向き
商品レビュー投稿完了(E1-3)
・オレンジボーダー不要
googleのカスタム検索は広告が出るので、yahooのカスタムサーチを導入しました。
http://www.pic-web.jp/blog/entry/googleyahoo.html
https://support.google.com/customsearch/answer/70354?hl=ja
> 無料の基本検索エンジンの広告を無効にする
> 無料のカスタム検索エンジンで広告を無効にするには、米国内国歳入法の第 501 条(c)(3)項で免税が認められている団体にサイトが属している必要があります。米国外では、その国の法律で規定される公益法人が該当します。
ブログ内検索をGoogleカスタム検索から無料で広告表示のないYahoo!検索 カスタムサーチに乗り換えました | Time to live forever
http://unsolublesugar.com/20150115/221625/
[dtext:file_uploaded]
[download:135667919]wordpressグローバル変数について.txt (1.07 KB)[/download]
トーナメントジェネレーター
http://challonge.com/ja/tournament/bracket_generator
トーナメント作るプラグイン?
clux/tournament 使い方わからん。
https://github.com/clux/tournament
wordpressでコメントが表示されない時の対処法
http://cthuwebdice.session.jp/wordpress/wordpress-comment/

wp_list_comments( );は、 このタグでないと動かないらしいのです!


WP jQueryの正しい読み込み方、使い方、プラグインでの読み込み時の最善策

wp_footerで読むのが間違いなさそう。(標準のjquery消してる人対策)
filter_input関数を使用する意味について
http://www.phppro.jp/qa/4576#16373
IT技術系Q&Aコミュニティ「Stack Overflow」の4000万件以上ある質問&回答で最も多く引用された「プログラマー必読」な書籍トップ10リスト
http://gigazine.net/news/20170209-stackoverflow/
iCheck.jsのイベント取得方法
http://arimo.hatenablog.com/entry/icheck_radio_notwork
icomoonはjsonで共有する。
AjaxでStar Ratingをする際に使えるプラグインいろいろ
http://blog.verygoodtown.com/2011/01/ajax-star-rating/

リンク先全部切れている。
jQuery Star Rating Plugin で iTunes 風のレイティングを実装する
http://bashalog.c-brains.jp/11/02/09-111331.php
Comment Rating Field Pluginを無料でパワーアップさせるカスタマイズ集
http://welcustom.net/comment-rating-field-plugin-customize/
multi-device-switcher Githubリーディング用
https://github.com/thingsym/multi-device-switcher
http://ad-ibaraki.com/%E3%82%82%E3%81%AF%E3%82%84woocommerce%E3%82%82ec-cube%E3%82%82%E8%A6%81%E3%82%89%E3%81%AA%E3%81%84%E3%81%8B%E3%82%82/
茨木広告宣伝舎でもWordPressで商品紹介と集客を行い、購入はBASEに誘導するというウェブサイトを制作しています。WordPressからBASEの遷移をスムーズに行えるようにカスタマイズしています。
有効になっているカスタム投稿を取得する
$post_type = get_post_types( array('public')=>true ) );

attachementを除く
$post_type = wp_list_filter( get_post_types(array('public'=>true)),array('attachement'), 'NOT' );
Chatwork で info + title で記事を共有する
http://qiita.com/circled9/items/6f6eb1ae3478b7df4263
記事に好きなライブラリをセレクトボックスで読めるようにするプラグインを作りたい
フォーム部品をかっこよくカスタムする方法 記事
selectboxを装飾するプラグイン
https://liginc.co.jp/web/tool/other-tool/70907
タスクを追加しました。
[task aid=1355724 st=open lt=1486133999]inlineの把握、
ボタンのモジュールのcssをfix
Welcartの案件増える[/task]
Contact Form 7 で YubinBango を使う
http://qiita.com/gatespace/items/e30f4749d089fd67184f
WordPress 投稿(固定ページ)本文欄で使えるタグで作っておいたほうがいいスタイル
http://qiita.com/gatespace/items/cdff541981f7cffddfab
WordPress テーマ(プラグイン)開発オレオレsnippet集+便利なサービス
http://qiita.com/gatespace/items/324a037dd241ee908dd8

WordPress ローカルサーバー?テーマ・プラグイン構築 オレオレ環境 2016年版
http://qiita.com/gatespace/items/f540451d3b8706dafed8#_reference-976ffd8ab76f2138183b
レスポンシブテーブル
http://fooplugins.github.io/FooTable/
Icomoon
photoshoからsvg その時に正方形にしておく。
イラレで複合パスの場合はパスファインダーから複合をする
jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法
http://black-flag.net/jquery/20121010-4227.html
transition ショートハンド
//transition: duration property timing delay
transition: 1s border $ease-out-quad 0s,

//animation: name duration timing delay count direction;
animation: test 4.2s ease 0 infinite;
animation: movie 4.2s steps(49) 0 infinite; 無限
animation: movie 4.2s steps(49) 1s 1 alternate; movieを1回実行、逆再生実行

//both アニメーション再生後100%のスタイルが適用される。
animation-fill-mode: both;

@keyframes movie {
100% {
background-position: 0 0;
}
}
WP-Polls
https://ja.wordpress.org/plugins/wp-polls/
投票プラグイン、D3.jsと組み合わせたらよさげ
スマートフォンで手軽にリッチな動画演出(アルファ付き動画の再生)ができるH2MDとは
https://ics.media/entry/14687
H2MDライブラリ
https://h2md.axell-embedded.com/
data-属性にtooltipのテキストをいれてるとこがおもしろい
http://kazzkiq.github.io/balloon.css/
Chap Secure Login

ログイン時のパスワードをSSL無しで暗号化してくれるプラグイン。
エンコード、でコードツール
http://so-zou.jp/web-app/text/encode-decode/
npmとBrowserifyでjQueryを管理する
http://blog.webcreativepark.net/2015/12/24-221725.html
npm i -g gulp-sass
グローバルインストールするとここに入る。
C:\Program Files (x86)\Nodist\bin\node_modules\gulp-sass\node_modules\node-sass
1、node-sassが古くてsassのmediaqueryでエラーがでた。
2、ついでにnodistからnodeのverをあげる
3、ついでにnmpのverもあげる http://qiita.com/yokoh9/items/4ea3fa0e24623e53fc69

4、node-sassをリビルド
npm rebuild node-sass
フォーム周りで覚えておくと便利なCSS Snippets
http://www.nxworld.net/tips/15-useful-css-snippets-in-form-style.html
【2015】Gmailの携帯番号認証を回避して登録する方法6つ
http://itnow.blog.jp/archives/1021508835.html
Webフォントの使用時にゼッタイ知っておきたいこと。読み込み時に起こるFOIC/FOUC対策とは?
http://www.seleqt.net/programming/web-font-foic-fouc/
Contact Form7 自動挿入削除
define ('WPCF7_AUTOP', false);
【今更】
CSS: marginの正しい理解
http://kojika17.com/2012/08/margin-of-css.html

entryBody内の要素はmargin: 1em 0;とかで上下に相殺すればよかった・・。
【WordPress】ビジュアル・テキスト切り替えでタグが消える時の対処法(style,div,span,p,br等)
http://hapisupu.com/2015/09/wordpress-editor-visual-text-switch-tag-erase-fix/
WP
sticky_postsはカテゴリではきかないので一覧から表示しない設定したうえで
sticky_postsだけを表示してやればよい。

if ( $query->is_tax('cat_knowledge') ) {
$sticky = get_option( 'sticky_posts' );
$query->set('post__not_in', $sticky );
}
.をいれなくてもカテゴリ一覧は表示されるはず。
カテゴリーベースに . をいれることで
ページ送りもできるようになるはず。
タクソノミーがあるsingleとないsingle.phpもあることに注意。
http://www.m-hand.co.jp/program/2658/
add_filter('term_link',
のところをちゃんと理解してなかった。



ただし、これだけだとテンプレートタグの が返すリンクは変更されません。
ここも手当てしてやるには、さらにこんな感じで term_link フィルタもフックしてあげましょう。
https://dogmap.jp/2011/04/21/change-category-link-to-different-link/
HerbertはWPのプラグインを作成するためのフレームワークです。
http://kachibito.net/useful-resource/herbert
良記事
WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例
http://kachibito.net/web-design/wordpress-with-jquery.html
MVCモデルの概念を漫画で解説してみる
http://hijiriworld.com/web/mvc-concept/
【JavaScript】画像の遅延読み込みを行うライブラリ[Layzr.js]の使い方
http://on-ze.com/archives/5580
HTML/CSSを爆速コーディング Emmet入門 第4回 Emmetのスニペットや設定を編集して、思い通りの記述にしよう
https://blogs.adobe.com/creativestation/web-learning-emmet-snippets
wordpressでjqueryを使う時の推奨方法まとめ
http://kiyotatsu.com/web44/
Concatだけでビルドを済ませてた例(Backbone.jsとAngularJS)
https://havelog.ayumusato.com/develop/others/e613-concat_build_pattern_examples.html
Gulp+Browserifyでsrc/**/*.jsをdist/**/*.jsにする
http://takahashifumiki.com/web/programing/3512/

WordPress等のCMSがjQuery等を出力するとき、browserifyで上手いことやる。
https://torounit.com/blog/2015/07/29/2019/
トーナメント表
wpで管理できるように。
WordPressの記事内の画像をData URIで扱ってサイトを高速化させる方法
https://liginc.co.jp/web/wp/customize/154374
1.DNSに問い合わせをする
2.Webサーバーに接続する
3.データのリクエストをする
4.サーバーからの返事を待つ
5.返事が返ってきたらダウンロードする
https://app.codegrid.net/entry/datauri-basic
印刷にも対応!imgタグでCSSスプライトを使う方法
https://liginc.co.jp/designer/archives/6869
【画像編】サイト表示速度を高速化するために確認したい10項目
http://mimpiweb.net/blog/seo/faster-image-load/#check3
ディレクトリ構成出力便利
tree /f > tree.txt
メディアクエリ(Media Queries)の罠 ? $(window).width()とスクロールバー
https://tukumemo.com/mq-scrollbar-width/
translatedで遷移する滑らかスクロール使用時の注意点

$('対象').offset().topで取得できる高さがスクロールにより細かく変動する。(ページ更新時は激しく変動する)

-対策
$('対象').offset().top - $('scroll-body').offset().top で取得すればよい。
ウィンドウをスクロールさせるんじゃない。
スクロールしたあたいをもとにボックスをtranslatedでアニメーションさせる。
function render() {

requestId = window.requestAnimationFrame(render);

TweenLite.to($scroll, 0.6, {
y:-windowTop
});

この処理だけでなめらかスクロールできるっぽい
tween参考サイト
http://lempens-design.com/
シンプルでいい IE10でも動作◎
http://codepen.io/jacquelinclem/pen/udnwI
codepen パーティクル IEだと遅い
http://codepen.io/ImagineProgramming/pen/qdZWag
.pipe(browserSync.reload({stream:true, once:true}));
Three.js ぼわっとした球体
http://codepen.io/ykob/pen/YGXJZq
知らなかった…CSSでテキストの両端揃えが普通にできた
text-align: justify;
text-justify: inter-ideograph;

WebKit系ブラウザ(Chrome/Safari)で両端揃えはできないの?jQueryで検証してみた
chromeはそろえれない。
同じ関数を使い回したいときのクロージャーの使い方について
https://teratail.com/questions/47223?complete=

dataでdomに値をもたす。
・three.js ドットインストール
http://dotinstall.com/lessons/basic_threejs_v2
z-indexは指定しないとtop: auto;の位置に配置されるので
一番上におきたいときはtop: 0px;を指定する
https://yukiyamashina.com/blog/2014/10/27/what-are-haml-markdown-slim-jade-sass-scss-less-stylus-coffeescript-livescript-traceur/
HamlだのMarkdownだのSlimだのJadeだのSassだのSCSSだのLESSだのStylusだのCoffeeScriptだのLiveScriptだの
・CSS calc lock for line-height なにこれ?
http://codepen.io/timbrown/pen/akXvRw
・CSSア二メーション どうやってつくってんやろ
http://codepen.io/nickawalsh/pen/OydYWM
・Dashboard GSAP Animation かっこいい
http://codepen.io/nickspiel/pen/LpepvQ
・ロゴ案
http://codepen.io/dudleystorey/pen/grOgLp
http://codepen.io/ghost028/pen/vKqdAb
・モンスターボールアニメーション
http://codepen.io/jh3y/pen/pbrBZk
Menu with mix-blend-mode buttons
http://codepen.io/bennettfeely/pen/wWVZAW
・VCCW 手順
wp-config.phpのtable_prefixを本番のものに合わせる必要がある
http://vdeep.net/vccw-wordmove
Posts 2 Postsプラグインで、投稿やカスタム投稿タイプ、ユーザを相互に関連付ける(ひも付ける)
http://nskw-style.com/2012/wordpress/plugin/posts-2-posts.html

ログインユーザに、「お気に入りページ」を持たせる
ログインユーザーとページの紐付け
・codepen トーナメント票
https://codepen.io/supro/pen/dPxgGm
https://codepen.io/snorik/pen/pbgKjX
これ一つで全部OK!SVGアイコンの管理・作成・コード変換が簡単にできる無料ツール -Svgsus
http://coliss.com/articles/build-websites/operation/work/free-svg-tool-svgsus.html
sketchでsvgアイコン作る
https://creativeweb.jp/manga/graphics/page3
http://miz2403.com/sketch-koneta/
http://united-nagoya.hateblo.jp/entry/2016/07/23/141944
[dtext:file_uploaded]
[download:100263872]my-circle-right.svg (3.18 KB)[/download]
・地図に特化したエンジニアのブログ
http://shimz.me/blog/google-map-api/4063
mapapi カスタムオーバーレイでPokemon goの出現マップつくれそう
https://developers.google.com/maps/documentation/javascript/customoverlays?hl=ja

GoogleMapで任意の県に色をつける方法
https://tigawa.github.io/blog/2014/03/15/googlemap-shape/
・photoshop均等配置
バラバラに並んだたくさんのレイヤーをすべて選択し
移動ツールの「整列」→「垂直方向中央」と進みます。
http://daredemopc.blog51.fc2.com/blog-entry-802.html
Google Mapsで地図用コンテナを非表示にして地図を初期化すると表示がおかしい
googlemap display:none 問題
https://www.softel.co.jp/blogs/tech/archives/4069
WordPress:覚えておいて損はない、開発者向けプラグイン 25+
http://www.nxworld.net/wordpress/wordpress-plugins-for-developers.html
・Search Regex
投稿の記事の中身とかを一括置換できる神プラグイン
https://wordpress.org/plugins/search-regex/
・Code Snippets
Code Snippets - functions.phpのPHPコードを管理できるWordPressプラグイン
http://netaone.com/wp/code-snippets/
WordPress での URL rewrite の挙動を確認できる Rewrite Rules Inspector
http://loumo.jp/wp/archive/20141206000043/
visibilityつかったメガメニュー他のサイト
http://theorthodoxworks.com/web-design/drop-down-menu-multi-css/
Google Maps API
https://developers.google.com/maps/documentation/javascript/controls?hl=ja
https://developers.google.com/maps/documentation/javascript/examples/control-positioning?hl=ja
・matrix3d ごいごいすーみたいなアニメ所ん
http://codepen.io/bill-riley/pen/QEYApy
・Tweenmaxつかった電光掲示板
http://codepen.io/ninili/pen/grEokV
・マテリアルカードアコーディオン
http://codepen.io/brycesnyder/pen/yJWgjQ
Web制作するなら知っておきたい、JavaScriptライブラリ10選
http://org-rabo.com/javascript-library/
Hammer.jsを使ったデモです
http://sterfield.co.jp/demo/ninomiya/90/
hammer.js
スマホのメニューのとこに
on('click')かかない。反応がおそいから。
先ほどのIE10と同じように、iOSではタッチが起こった場合でもmousedownが発生したものとして扱います。タッチイベントはタッチの動作を扱うもの、マウスイベントはマウスの動作を扱うものではありますが、素直にそのようなブラウザの実装をしてしまうと、タッチイベントが普及していない状況においては、既存のWebサイトをほとんど利用できなくなってしまうことが想像されます。
・transitionの開始と戻りのアニメーションはそれぞれ設定できる
・display: blockがあるとanimationきかない。
・visiblityが便利
・スマホはmouseenter、PCのホバーもmouseenterで
text-align: justify;
visibility

http://www.jstarted.com/article/000284.shtml
transition要素の表示/非表示にはdisplayでなくvisibilityを使う
PCで電話番号無効化
@media screen and (min-width: $wPc) {
a[href^="tel:"] {
pointer-events: none;
}
}
Webスクレイピングのノウハウを公開します
http://tech.respect-pal.jp/web-scraping/
┏┓
┗■ CANVAS
  └────────────────────────……………‥‥‥
http://mrdoob.com/#/131/clouds
┏┓
┗■ PJAXのサイト
  └────────────────────────……………‥‥‥
http://www.tyo-id.jp/
・https://www.trefectamobility.com/about/vision/
記事一覧をこの出し方でするとおもしろいかも
http://www.tyo-id.jp/
WPイベント系プラグイン
http://techacademy.jp/magazine/3180

マイナビみたいに仕様が増える場合は最初から検討あり。
カスタムフィールドの日付、開始日〜終了日間にある記事を表示

'post_type' => 'news',
'posts_per_page' => 5,
'order' => ASC,
'orderby' => 'meta_value',
'meta_query' => array(
'relation' => 'OR',
array (
'key' => 'date',
'value' => date('Y.m.d'),
'compare' => '>=',
'type' => 'DATE',
),
array(
'key' => 'date_last',
'value' => date('Y.m.d'),
'compare' => '>=',
'type' => 'DATE'
),
),
);
$the_query = new WP_Query($args);
if($the_query->have_posts()): while($the_query->have_posts()): $the_query->the_post(); ?>


frontnode日本語ガイド
https://github.com/frontainer/frontnote
nodist インストール成功
今までのパンくず問題
・孫以上の固定ページは出力されない。(カレントの親ページまで。)
┏┓
┗■ RSS登録するブログ
  └────────────────────────……………‥‥‥
◎WordPress
https://torounit.com/blog/
・https://firegoby.jp/
・http://hijiriworld.com/web/
・https://dogmap.jp/
・http://nskw-style.com/feed
┏┓
┗■ パンくず修正について
  └────────────────────────……………‥‥‥・
・投稿詳細ページにて投稿のページスラッグがとれない
・毎回静的な修正が必要 <- めんどくさい
・パーマリンクいろいろ変更してる場合プラグインのパンくずは動かなさそう <- うごいてた。
・構造化マークアップに対応してない <- preg_replace。

・以下preg_replace()
http://yamatonchu.hateblo.jp/entry/2016/06/24/%E4%BD%9C%E6%A5%AD%E7%94%A8%E3%83%A1%E3%83%A2%EF%BC%9APHP_%E6%AD%A3%E8%A6%8F%E8%A1%A8%E7%8F%BE%E3%81%A7%E6%96%87%E5%AD%97%E5%88%97%E3%82%92%E7%BD%AE%E6%8F%9B%E3%81%99%E3%82%8B%E9%96%A2%E6%95%B0preg_repla
http://smkn.xsrv.jp/blog/2011/09/2-points-of-regular-expression/
http://www.1ft-seabass.jp/memo/2011/09/26/php-url-preg_match-trouble-recover/
[dtext:task_added]
[task aid=1355724 st=open lt=1470322799]Prime Strategy Bread Crumbを構造化マークアップに対応させる。
http://www.warna.info/archives/1310/

プラグインじゃないver
http://www.warna.info/archives/757/
http://www.warna.info/archives/723/[/task]
tableをぱらぱら表示非表示
http://82nd-and-fifth.metmuseum.org/
スティッキーナビとメニュー表示がかっこいい
https://www.sweetpunk.com/
わずか60秒。AIによる自動デザインとオートグロース可能な『FIREDROP』がweb制作を変える?
https://bita.jp/dml/firedrop-ai
バックスラッシュでおk
http://www.phpbook.jp/tutorial/string/index4.html
シングルクオーテーションで囲まれた文字列の中で、文字として「'」を記述したい場合はエスケープシーケンスを用いて「'」の代わりに「\'」と記述します。そして1つだけですが「\」記号はシングルクオーテーションの中でも特別な意味を持つため「\」と言う文字そのものを記述するには「\\」と記述します。

print '出身地は\'大阪\'です';
スクロールに追従するナビゲーションの工夫と実装(1/2)
https://book.mynavi.jp/wdonline/detail_summary/id=44005
高機能なモーション制作用JSライブラリTweenMaxを使ったタイムリマップ表現
https://ics.media/entry/7162
エンジニアのための「Sketch入門!」 1時間コース
http://qiita.com/st5757/items/663f17756d61aa8e8ea3
アプリースマホの使用時間
https://itunes.apple.com/jp/app/sumachuu/id993566417?mt=8

http://www.0shiki.jp/entry/moment/
起動したアプリ入力キー、ふりっくとかも記録できればgood
スマートフォンアプリに限らずPCでも管理パネルではなく外部ブログエディタからWordPressブログを更新出来るのはXML-RPCのお陰です。
http://waka8s.com/archives/wp4android-imgup-possible/
パイプを使って送信先を選択可能に
http://contactform7.com/ja/selectable-recipient-with-pipes/
http://qiita.com/yusuke_kokubo/items/4e28e1fb66cc34cae2b6

http://whiskers.nukos.kitchen/2014/11/04/sketch-links.html
sketchで変わるワークフロー
http://www.slideshare.net/asamieee7/sketch-50764516
CSS3:matrix3d
http://ds-overdesign.com/transform/matrix3d.html
http://kaorahi.bitbucket.org/shaker/
分かりやすい行列:http://wiki.fdiary.net/lacs/?GifAnimation

http://qiita.com/ANTON072/items/a1302f4761bf0ffcf525
snap.svg
http://snapsvg.io/
https://app.codegrid.net/entry/snapsvg-1
http://www.tam-tam.co.jp/tipsnote/javascript/post8876.html
http://enum-kabu.com/blog/post-1883/
http://www.h2.dion.ne.jp/~defghi/snapsvg/snapsvg.xhtml
[hr]https://creativeweb.jp/Manga/graphics/page3
WordPressで複数のブログをRSSで取得して時系列で表示
http://takabo.net/2011/04/28/rss-timeline/
http://detarame.moo.jp/2011/03/01/%E8%A4%87%E6%95%B0%E5%A4%96%E9%83%A8rss%E3%83%95%E3%82%A3%E3%83%BC%E3%83%89%E3%82%92wordpress%E3%81%A7%E8%A1%A8%E7%A4%BA/
wordpress feed 画像はむり?
http://on-ze.com/archives/2636
謎のレスポンシブtable 文字が多いテーブルで使える
http://codepen.io/AllThingsSmitty/pen/MyqmdM
Contact us form with animation 送信アニメーション イイ!
http://codepen.io/wwwebneko/pen/RRQKzZ
ContactForm7 ショートコード登録

function shortcode_templateurl() {
return get_stylesheet_directory_uri();
}
add_shortcode('themePass', 'shortcode_templateurl');
// Contact Form 7 にショートコードを追加
function get_mytheme_url() {
wpcf7_add_shortcode( 'wpcf7_themePass', 'shortcode_templateurl' );
}
wpcf7_add_shortcode('wpcf7_init', 'get_mytheme_url');
[dtext:file_uploaded]
[download:93629257]vagrant導入手順.txt (4.49 KB)[/download]
[JS]これを使うだけでWebサイトのインタラクションやレイアウトがかなりよくなる、便利でちょっとずるいスクリプトのまとめ
http://coliss.com/articles/build-websites/operation/javascript/javascript-best-2016-july.html
モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現
https://www.sakura.ad.jp/press/2016/0629_morisawa/
[dtext:file_uploaded]
[download:93143255]wordbench情報.txt (2.30 KB)[/download]
ランダムでアイキャッチ

ID) ): ?>
ID, 'pic1000' ); ?>


https://unsplash.it/1000/550?image=">


[dtext:file_uploaded]
[download:93030081]vagrant導入手順.txt (2.94 KB)[/download]
仕事でvagrant使うとき? provisionの時間を短縮
https://firegoby.jp/archives/5657
tweenmax きれいなアニメーション
http://www.lempens-design.com/#
tweenmax
http://lab.sonicmoov.com/development/animation-library-tweenmaxjs/
課金コンテンツ内では有料
http://un-tech.jp/tweenmax-started/
css filter blur
http://codepen.io/Kseso/full/JBrcD
http://codepen.io/Kseso/full/JBrcD
css フォルダー構成
http://codepen.io/rgg/pen/WrKyzj
cssのみアコーディオン
http://codepen.io/abergin/pen/ihlDf
いろんなアニメーション
http://codepen.io/tonkec/pen/jWmgqN
CSS only priority navigation
http://codepen.io/olach/pen/adeMzP
http://codepen.io/VPenkov/pen/wMZBOg
サイトマップこれでだしたらおもろいかも
http://codepen.io/jordanlachance/pen/yOJdRr
iOSのチェックボックス
http://codepen.io/havardob/pen/RajdNR
ボーダーつかったアニメーション
http://codepen.io/florian-wirtz/pen/vjBxF
すーぱーかっこいいナビ
http://codepen.io/karlovidek/pen/aNYWKE
さくらは動いているのでステージングサーバーで.htaccessのエラーがでていて、それ以下がきいていないとか。

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} !(^/btob/)
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

.htacessのリライトについて
https://teratail.com/questions/30718
https://ja.forums.wordpress.org/topic/24460

/btob/ 以下のリクエストがきたとき、リライトしない設定をしたい。

/ でリライトを行わないので、/btob/のhtacessを次にみるはずだが、 / でリライトを行い404ページへ遷移している。

考えられる原因:
rewriteが効いている。(指定が間違ってて、/btob/以下が除外されてない。)
htaccessが反映されていない。(リネームしても正常にリライトを行っていたので。)
ギャラリー系でつかえそう
http://codepen.io/xhepigerta/pen/XdGarQ
くるくるまわるかわいい動き
http://codepen.io/takaneichinose/pen/QNogMg
おしゃれカレンダー
http://codepen.io/havardob/pen/WwWooB
めっちゃきれいなボタン
http://codepen.io/THEORLAN2/pen/MyzWNw
横から出るナビ jsクラス付与のみ
http://codepen.io/tonkec/pen/gryZmg
マリーンズ お問い合わせの背景によさげ
http://codepen.io/fixcl/pen/WxeObg
hoverがすごくなめらかに移動する
http://codepen.io/joemaffei/pen/MeYdEo
ハンバーガーメニューいろいろ
http://codepen.io/kaylolo/pen/KzLwmR
hover,captionのうごきかっこいい
http://codepen.io/dudleystorey/pen/KdAev
日付入力かっこいい
http://codepen.io/AzazelN28/pen/JKdBEV
キーイベントで発火
http://codepen.io/joe-watkins/pen/KwLVrg
Sublimeのボタン js未使用、focusでクリック判定?
http://codepen.io/jkantner/pen/ezJaJY
このサイトのCSSはいろいろはかどりそう
http://css.programming.jp/?p=901
ここまでみた
http://codepen.io/picks/74/
cssのみどろっぷだうん
http://codepen.io/kkrueger/pen/qfoLa
背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ
http://photoshopvip.net/91670
CSSだけでスプライトシートを動かしてみよう
http://horicdesign.com/css/entry-83.html
リキッドの場合position:absoluteで高さがとれなくなると、正確なレイアウトでくむのがむずかしくなるので
できるだけfloatで組む。

http://localhost:3000/styleguide/sass-module-_imgTxt.html
mixin便利集作る
mhformの完了ページリダイレクト問題
http://2inc.org/blog/2013/08/08/3478/
管理画面で生成したフォームであれば、別URLであっても完了画面に次のショートコードを貼る必要があります。
[mwform_formkey key=”xxxx”]
Windowsでもvccw動かせるように。
http://tonari-it.com/vccw/
VCCW + WordMove + StaticPress + GitHubページでWordPressサイトを永代供養
https://firegoby.jp/archives/6221

GitHub Pagesで静的なサイトを公開し、独自ドメインを設定する
http://qiita.com/tiwu_official/items/d7fb6c493ed5eb9ee4fc
【WP】パーマリンクの解決手順

1、パラメーターで記事が出力されるか確認する。
2、rewriteルールで理想のurlに書き換える(通常はここで完了。それでもリダイレクトされる場合)
3、redirect_canonicalで特定のカノニカルをキャンセル。

プラグイン
Debug bar
まず小さい全コンポーネントから作っていく。
ボタン => 記事内パーツ(.entryBody内) => カードリスト => 共通セクション
[WordPress]プラグイン不要!WP_Queryを使ったときのPageNaviの作り方
http://wp-kyoto.net/wordpress-pagenation-for-wp-query-using-paginate-links/

wordpressで最も簡単にページネーションを実装する方法
http://11neko.com/wordpress-12/
gulp-sass
node - v = 0.12.6やと上手くインストールできない?
npm i -D gulp gulp-sass gulp-csscomb gulp-pleeease gulp-plumber gulp-notify gulp-cached gulp-changed
WordPressのテーマをjadeとstylusで作る
http://blog.claudetech.com/?p=38


今回は直接PHPコードをjadeに書き加えましたが、もちろん変数にまとめてくくりだしてしまったほうが好ましいのは言うまでもありません。 普通にJavascriptの関数として作っておけば、phpのメソッドに与える引数も自由にすることができます。
タグのタクソノミー名 = post_tag
返り値:配列にして、以下で出力するのがベストか。

$img = get_sub_field('img_tmp01');
$img_url = $img[size][pic600];
$img_alt = $img[alt];
<?php echo $img_alt; ?>


Advanced Custom Fields で画像の帰り値
https://third-party.org/isalog/acf-img/
記事が少ない(ページ送りが必要でない)ときは表示しない条件分岐

$posts_num = $wp_query->found_posts;
$posts_per_page = get_query_var( 'posts_per_page' );

if( $posts_num > $posts_per_page ):
カスタム投稿はこの判定方法が正しい
get_query_var('post_type') == 'case'


通常の投稿は
get_post_type() == 'post' 
the_posts_pagination()のタグをBootstrap 3形式にする
http://wpcj.net/806
【PHP Tips】sprintf()を使いこなそう
http://bashalog.c-brains.jp/09/12/07-172920.php
jQueryで下までスクロールした時にフッターに固定されるボタンを作る方法
http://recost-design.com/1819.html
スマホ対応パララックスサイト
https://www.tifana.com/column/20150918_nakagawa_8251.html
パララックスでのイベントの考察。scroll / throttle / debounce / touchmove / mousewheel
http://codechord.com/2012/12/basic_event_for_parallax/
with front falseにしておく
上記のリライトが True の際、With Front を True にしておくと、
http://example.com/news/works/実績その1/ という、意図しない URL になってしまいます。
jQueryで奥行きのある背景スクロールを作ってみる
http://www.webopixel.net/javascript/350.html
gulpのタスクを同期的に実行する方法
http://qiita.com/morou/items/d54000396a2a7d0714de
人気上昇中のJavaScriptライブラリを調べてみた【2015年版】
http://www.buildinsider.net/web/popularjslib/2015
http://ichimaruni-design.com/2016/01/backbone-handlebars-gulp/
Backbone.js + Handlebars.js をgulp.jsで結合、コンパイルする
非エンジニアに贈る「具体例でさらっと学ぶJSON」
http://dev.classmethod.jp/etc/concrete-example-of-json/

Web APIにはJSONベースのフォーマットを使おう
http://qiita.com/tkawa/items/2841e155e5b51c09ed40
使ってみようAjax!前編?AjaxとJSONを合わせて使ってみる?
http://www.sria.co.jp/blog/2014/10/lets-use-ajax-part-1-try-it-with-ajax-and-json/
【javaScript】ajaxがうまくいかない、使い方が分からない...実践的な開発上の2つの注意点【jQuery】
http://webnaut.jp/develop/1115.html
function.php
ジェネレーターつくろう
taransition :hoverなどと同じように、特定のアクションに対して要素を単純に状態変化させ、終了後に自動で逆のアニメーションで元に戻る
animation Flashのように細かいアニメーションの設定をする
[CSS] CSS3アニメーションのまとめ:transitionとanimationの基本
transition
transition: all 0.3s;
初期値のeaseが使われます
ease、ease-in、ease-out、linear、ease-in-outが使えます
数値で書く場合は cubic-bezier(0.2, 0.4, 0.7, 0.8) といった形になります
iPhoneでスクロールするとresizeイベントが発生してしまう問題
http://xn--nckmepf1g6g.com/blog-20151223/
【CSS3】話題のパララックス効果をスクリプト無しで実装する方法。
http://on-ze.com/archives/1947
React.jsではなくRiot.jsを採用した話、運用中サービス『GAMY』でリニューアル
http://qiita.com/narikei/items/1a7fbd7895cfb4220172
WordPressの本番環境に影響を与えずにテスト用テーマの確認ができるプラグインTheme Test Drive
http://love-guava.com/wordpress-theme-test-drive-plugin/
Web Component Angluar.js React.js Riotjs
スマホでスクロールバーがでてしまうとき
htmlにoverflow: auto;
bodyにoverflow: hidden;
第2回 gulpで生成を自動化
https://app.codegrid.net/entry/webfont-2
js バブリングわかりやすい記事
http://www.tam-tam.co.jp/tipsnote/javascript/post5050.html
get_queried_object()->name;
ループ中途かでも不変

echo "
";
print_r($wp_query);
echo "
";
jQueryで正規表現を学んでみる
http://www.webopixel.net/javascript/195.html
アーカイブページを固定ページに登録した場合、idを動的に取得することは可能か?
function.phpで宣言した変数を
get_header(); やget_footer()などで使うときは
globalを指定する必要がある
function.php
$kuma_voice_archive_id = 298;

header.php
global $kuma_voice_archive_id;
【WP】ページリンクにサムネイルをつけるほうほう
http://www.understandard.net/wordpress/wp027.html
詳細ページがない = カスタム投稿でなくてよい。ACFのループでいい。
カスタム投稿タイプに親子関係を設定する
http://outlook.aptrust.net/wp-toolset/set-relationship-post-types
・一覧
get_terms('cat_knowledge')

・記事内
get_the_terms($post->ID, 'cat_knowledge')
Jadeを使用した静的HTMLコーディング実践
http://qiita.com/nowri/items/242bc8a5d94e85d33a1e
Public Post Previewの有効期限

add_filter( 'ppp_nonce_life', 'my_nonce_life' );
function my_nonce_life() {
return 60 * 60 * 24 * 5; // 5 日間(秒×分×時間×日)
}
カスタム投稿順序付け
カスタム投稿でpage-attributesを有効にして

array(
'post_type' => 'books',
'orderby' => 'menu_order',
'order' => 'DESC',
'posts_per_page' => 30
);
どっといんすと
http://dotinstall.com/lessons/basic_vagrant
http://dotinstall.com/lessons/basic_localdev_mac
WordPressをVagrant環境にらくらくインストールする。 - VCCW
http://qiita.com/naru0504/items/58011181f2c271808c7f
http://ja.stackoverflow.com/questions/11880/vagrant-up%E3%81%8Cconnection-timeout-retrying-%E3%81%8B%E3%82%89%E9%80%B2%E3%81%BE%E3%81%AA%E3%81%84
出力を見る限りVCCWのバージョンが古いかVCCWではありません。
VCCWは最新版を使ってください。
VirtualBoxとVagrantも最新版がいいです。
WordMoveを使ってVagrant内のWordPressと本番環境を同期する!
https://firegoby.jp/archives/5644
$wpdb->update( $wpdb->terms, array('term_order' => ($item_key + 1)), array('term_id' => $term_id) );
1日1プラグイン
http://www.paka3.net/wpplugin/
wordpressのDBに直接接続してコンテンツ更新する方法
http://qiita.com/murapon/items/ba4eeb20eb49ff28471a
WordPress マルチサイトの新規サイト作成時にカスタム初期設定とカスタム初期データを設定しておく
http://hijiriworld.com/web/wp-multisite-initialize/
add_image_size( $name, $width, $height, $crop );
$name:任意の名前
$width:幅
$height:高さ
$crop:縮小しないで中央をトリミングなら true、比率を保ったまま縮小なら false のどちらか(デフォルトはfalse)
https://ja.forums.wordpress.org/topic/12984

トリミング
DWでテーブル作成
http://blog.1dz.jp/?eid=767
リッチスニペット
scherma.orgわかりやすい。
https://syncer.jp/schema-entering
DB作成ツール
urlにロシア( ru )とかの文字がはいっているとajaxできないことがある
header('Access-Control-Allow-Origin: *');
http://tadtak.jugem.jp/?eid=59
この設定の場合
/service/以下にリライト処理がかかるので、タグとの共存が難しい?
CPTUI側の設定
階層 false
カスタムリライトスラッグ service(カスタム投稿名)

function.phpに書く

// service
add_rewrite_rule('service/([^/]+)/?$', 'index.php?service_cat=$matches[1]', 'top');
add_rewrite_rule('service/([^/]+)/page/([0-9]+)/?$', 'index.php?service_cat=$matches[1]&paged=$matches[2]', 'top');
にアクセスされた場合、同じルールであるため、hoge をターム名として扱うか、それとも %postname% として扱うか、WordPress自身では適切に判断できないのです。
3が表示できていて、2が表示できていないということは、WordPressは hoge を %postname% と解釈して、該当するページがないため、404となってしまうのでしょう。

これを回避するには、add_rewrite_ruleを用いて、設定されているタームのみタームとして解釈されるように、URLの変換ルールを追加する必要があります。
また、設定されているタームのみ変換ルールに含ませるため、タームの追加や削除に応じて、変換ルールの更新を行う必要があります。
fb pluginレスポンシブ


http://contactform7.com/controlling-behavior-by-setting-constants/
wp-config.php
/* ContactForm7 自動挿入なし */
define('WPCF7_AUTOP', false );
matchHeightの寛容
var tolerance = 3,

隣り合う要素のトップ位置の差(torelance=3)まで高さを揃える
己以外
$(".toggle").not($(this))
[dtext:chatroom_mychat_created]

同じ日付は表示1回でおk
axiosでchatwork.jsonを取得
chatworkのデータに公開してはいけないデータがないかチェック
[info]...[/info][info]...[/info]の正規表現修正
検索機能追加
日付での記事並び替え
[code]...[/code]の正規表現 検索からアンカーリンクおすとずれる。最初からいれておくとずれない。

sweetscrollがうごなかった原因はidの形式が間違ってたから。 #date-2018-06-26T14:09:22+09:00

2016年6月あたりからcssのクラス設計に興味をもってる模様 大規模サイトのコーディングで苦しんでいたのでしょうか。

2017年5月もまだまだコーディングをやってますね。

いみわからん http://codepen.io/zadvorsky/pen/VaXqRW

:beforeや<i>たぐはtransition効かない あるある

2017年12月でやっと Laravelがでてきました

2018年1月で Vue.jsがでてきました。 gitもでてきました。(個人では使ってたんですが、会社でやっと浸透し始めた感じです)

この記事での技術メモ

正規表現 最短マッチ + gフラグ

[info]reg01[/info][info]reg02[/info]
↓
<div>reg01</div><div>reg02</div>

上記のように変換をしたい場合、最短マッチ + gフラグを付与する必要があります。

replace(/\[info](.*?)\[\/info]/g, '<div class="chat-body-info">$1</div>')

アロー関数でのthis

axios.get('/chatwork.json')
	.then(response => {
	    this.items = response.data;
	})

v-forの引数はvalue, key, indexが使える
リストレンダリング — Vue.js

<div class="chat-container" v-for="(item,key,index) in items">

v-htmlでfilterを使いたい - Qiita

<div class="chat-body" v-html="$options.filters.parse(item.content)"></div>

SweetScrollのoverflow:scrollボックスの場合

const sweetScroll = new SweetScroll({/*...*/}, "#container");

のように設定する必要がある。 またアンカーは#container内部に設置する必要がある。