はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Vue.jsでタブメニューをつくります。 使い慣れているjQueryなら5分もかからずにデザインも込みで完了しますが、 まだ良くわかっていないVue.jsでは、正直どこから手を付けていいものやらだった。 他の記事にも書いたけど、間を開けずに取り組むべき・・・ 自分の理解を深めるためにも、jQueryと改めて見比べてみました。 サンプルコードを試す場合は、jQueryもVue.jsもCDNを読み込んでください。 （このバージョンでなくてもどこのCDNでも問題ないです。） ul{ margin: 0; padding: 0; } li{ list-style: none; } .tabs { overflow: hidden; } .tabs li, .tabs label { float: left; padding: 10px 20px; border: 1px solid #ccc; c

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 前置き（とばしてください〜） めっちゃ久しぶりに更新します。 プロフィールなども古いですがとりあえず今度そのあたりも更新しようと思っています。 簡単に今の私について。 携帯の販売→スマートフォンアプリの専門学校→Web制作会社→フリーランス→フリーランスの時に仕事を受けたスタートアップの会社に就職（まだ2週間前の話） こんな感じです。 フリーランスのときは（今もまだ仕事はちょこちょこ受けてますが） 基本的に私ができる仕事はなんでも受けていました。 ので、エンジニアの仕事があればデザインの仕事、Botのシナリオ作成（UXライター的な）、プ

よく忘れるのでメモ。 CSS TransformsでCSS Animation/Transitionと組み合わせて、要素を移動させたり、拡大縮小させるとちらつくことがあるらしい。 ちらつく現象はiOSのSafariの専売特許ではなく、PCやスマホに関係なく発生するらしい。 position: fixed;を指定したスタイルに以下を追加する。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

slick.js http://kenwheeler.github.io/slick/ こちらのスライダーのプラグインを、モーダル内で使おうとしたとき、表示崩れが起きた。 調べてみたら、display: none;のため、widthが0pxになっていた。 再設定できるeventが用意されていたので、それを試してみても、うまくいかず・・・ $(function(){ var slider = $('.slider').slick(); $('.open-modal').click(function(){ slider.slick('setPosition'); }); }); 丸2日頭を悩ませてしまったが、とてもシンプルな理由だった。 私はてっきり、slider.slick('setPosition');が動いていないと思ってしまった。 原因は、モーダルが300ミリ秒かけて表示していたこと。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

The XSS Auditor refused to execute a script in 'URL' because its source code was found within the request. The auditor was enabled as the server sent neither an 'X-XSS-Protection' nor 'Content-Security-Policy' header. 発生状況 とあるCMSで、登録したコンテンツの編集を行い、登録ボタンを押したとき、data:,というURLで真っ白な画面になる。 Consoleを見てみると、登録ボタンを押した時ではなく、画像のアップロードボタン・画像の取り消しボタンを押したときにエラーをはいている。 ちなみに、どの画像をアップロードしようとしてもダメで、他の投稿にアップロードすることは出来た。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

実在するカード番号を利用することもできます。 カードの番号として妥当であれば上記以外の番号も利用することができます。 こちらのページで、番号の確認ができます。 【PHP】クレジットカードチェックサンプル カード番号以外の情報について 基本的に何でも大丈夫です。 名前・・・スペース区切りで名字と氏名を記入した名前なら何でも使用できます。(例: Taro Tanaka) 有効期限・・・現在時刻より未来の年月を有効期限として指定してください。 セキュリティーコード・・・適当な任意の3桁か4桁の数字を入れてください。 エラーさせるカード番号 テスト環境では、有効期限切れや、カード会社に決済を拒否されたり、偶発的に接続へ失敗した場合などに発生する例外（card_error）を、以下の番号を指定することで意図的に発生させることができます。 クレジットカード番号 card_errorのcode エラー内

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?