Nuxtで初めるWEBアプリ開発（SSR＆SPA）
Nuxt使ってサイトをリニューアルしたので色々まとめていきます。 使い方などは公式サイトが充実しているのでほかサイトでも説明があるため Nuxtについてはサラッと流して困ったポイントをまとめてい...
6
5
Comment2
32 search resultsShowing 1~20 results
Stocked
You need to log-in
CypressとResamble.jsを使ったwebサイトの差分画像比較
VueやReactなどを使って運用していると色んな所に影響するようなコンポーネントをさわるケースが出てくると思います。 そのときに影響範囲がある画面をポチポチして確認するのがしんどいので 予め確...
2
4
Comment0
pushStateとAjaxの組み合わせpjax
site: http://develo.org/2014/04/29/1614.html サイトをpjaxを使って実装して思ったのですが、ページ移動がものすごくはやくて快適！今後サイト新しく作る...
111
110
Comment2
DropboxのWebhookのurlをGoogle Cloud Functionsで作ったapiを使ってやってみる
Google Cloud Functions 簡単に言うとGCP上で Javascriptで書いた関数を実行するサービスです。Nodeを使った書くことができます。 詳しくは下記のサイトなどをみて...
1
1
Comment0
スクロールによってCSSを変更し、パララックス効果を実現するjQueryプラグイン
スクロールによってさまざまなCSSを変更することができます。 またプラグインのオプションをdata属性に設定できるjs（jquery.dataExtend）を使うとdata属性に指定するだけで効...
27
28
Comment0
MacからWindows10に移行したときになるべく違和感がなくなるような設定
最近Surfaceを買いました。 久し振りにWindowsを使ったという事もあって、 Macの感覚でそのまま使おうとしたら、操作にかなり違和感があってなかなか大変でした。 なるべく操作をMacに...
15
18
Comment1
jQueryPluginを作ってnpmで公開するまでの流れと構成
最近はがっつりjQueryでーって言うのも少なくなってきているかもしれないですが 細かいものを作ったときにプラグインとしてまとめておくとあとあと 自分でもnpm installして使うーってこと...
1
4
Comment0
スムーズにスクロールするjQueryプラグイン
Github: https://github.com/kamem/jquery.smoothPageScroll 今までnpmに登録していなかったので作りなおして登録しましたっ！ スムーズにスク...
5
5
Comment0
jQuery Pluginをパラメーターの代わりにdata属性で代用できるプラグイン
Github: https://github.com/kamem/jquery.pluginFromDataAttr プラグインを複数のページなどで違う動作をしたい場合に わざわざjsを用意して...
1
4
Comment0
Herokuでgulpのwebserverをそのまま使う
自分でサクッとherokuで一旦公開したいときに いつも迷うのでメモしておこうと思います。 Herokuでアプリを作っている、Herokuにpcからログインできる状態を前提にしています。 Git...
1
2
Comment0
タグをランダム配置＆サイズにしてなるべく重ならないように配置するjQueryプラグイン
ランダム配置を作った時に上手く行くときはきれいな形になるのだけど 失敗するとすごい重なっちゃってあんまり綺麗に見えないことがあります・・。 なので極力重ならないようにしてくれる仕組みを作ってみま...
14
14
Comment0
スムーズにスクロールするjQuery プラグイン
新しく今プラグインを作りなおしました。 http://qiita.com/kamem/items/c94c4dc75516b36f3766 site: http://develo.org/jqu...
13
12
Comment0
パララックス効果を再現するjQueryプラグイン「jquery.parallax」
新しく使いやすく作り直しました。 スクロールによってCSSを変更し、パララックス効果を実現するjQueryプラグイン この記事のものとは使い方が少し異なりますが、同じ機能をもっています。 sit...
32
35
Comment0
サイトを作り始める時の初期準備 2015
サイトを作り始めると時にいつも「どうしようかなぁ・・。」と迷って とりあえずその時の最善だと思うものを用意してやってはいたのですが、 そろそろ「ちゃんと考えなおそう！」と思いたち 作りはじめる前...
22
23
Comment3
data-ga属性をつけるとGoogle Analyticsのクリックイベントを取得してくれるJavascript
クリックイベントをつけようと思った時に、どうやってつけようかなぁ。とかいつも迷っていたので汎用的に使えるものを作ってみました。 プラグイン化するほどでもないかなぁってことで、ソースのみ書いちゃっ...
13
14
Comment0
sassでz-indexをまとめて管理しておく＆配列順に番号をつけてくれる関数
z-indexを使っていると、この要素ってどのぐらいの値なんだっけ・・。と迷うことがあったり とりあえず99999とか大きい数字つけとくかなーみたいな考えになったりしちゃう時がありますね＾＾； ...
10
9
Comment1
テキストエディタでの便利な正規表現での置換
何かで挟まれた値の中身だけは残して周りの記述を置換したい・・。 だけど値が違ったりしてうまくいっぱつで置換できない・・。 みたいな時ってありますよね。 Codaとかだと標準で簡単に置換できるよう...
6
9
Comment0
Sass、Compassのバージョンアップに伴い（sass 3.4, compass 1.0）
Sassのmixinなど色々作っていたのですが。 しばらくバージョンアップなどしていなかったうちに 色々と仕様が変わっていたので、 自作mixinの作り直し + 仕様が変わった点などをまとめたい...
23
23
Comment0
border-imageをbefore,after擬似要素で使うとRetina対応もできて便利
site: http://develo.org/border-image-after ボックスの周りに装飾として画像を置きたい場合に背景画像で対応するのもいいのですが 3つに切って・・。真ん中を...
7
6
Comment0
領域からはみ出てる文字列をCSSだけで「・・・」にする
site: http://develo.org/text-overflow-ellipsis サイトを作っていると、デザイン的に一行におさめたい・・。という時があります。 そういう時はJavas...
20
21
Comment0
32 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles