人気のあるUIサンプル

• 広告費の指標「ROI」
• ROIとは 広告で使った費用が利益に対して何％になったか割合を表します。 Return on Investmentの略です。 計算式「ROI = 広告由来の利益 ÷ 広告費 × 1...
• 2019-08-07 23:19:13

• jQuery 要素を追加するいろんな方法
• ページを表示したり、ボタンを押したりしたとき、画像やテキストなど要素を追加するサンプルです。 jQueryで要素を追加するメソッドは複数あります。 知っておくといろんなUIを作るときに便利です。 どんな違いがあるかというと以下のように、追加する場所...
• 2019-08-07 23:24:08

• jQuery 要素を追加・移動する
• appendとappendToのメソッドの違いを知っておくと要素の追加と移動がかんたんになります。 appendとappendTo、それぞれどんなメソッドかというと、追加したい要素を追加先の末尾に追加するという同じようなメソッドです。 [[$("追加先（セレクタ...
• 2019-08-07 23:29:41

• jQuery 入力フォームの変更時に発動させる
• セレクトボックスやラジオボタン、チェックボックスを選択したときや、テキストボックスに入力ときをきっかけにその情報を受け取るサンプルです。 まずはセレクトボタンを変更すると、そのテキスト情報と相応する値を取得するサンプルです。 A型 B型 AB型 O型 選択...
• 2019-08-07 23:34:10

• jQuery コンテンツの選択と変更
• jQueryのcontentsメソッドの活用サンプルです。 特定の要素の中の子要素に対して、一斉に変更などの処理を行いとき、contentsメソッドが便利です。 言葉で説明するのも難しいので以下のサンプルをご参照くだ...
• 2019-08-07 23:40:57

• jQuery クラスで一括操作
• クラスが付いている要素にだけ処理を実行したい場合のよく使うメソッドです。 filterとhasClassのメソッドのサンプルの二つを用意しました。 実行している内容はほぼ同じです。 まずはfilterメソッドを使った場合...
• 2019-08-07 23:45:03

• jQuery 要素をタグで囲う
• 作った要素を、後から別のdivタグで囲みたいとき、wrapメソッドを使って囲うサンプルです。 下記のサンプルは、クリックすると、クリックされた要素の外側がdivで囲まれ、影のスタイルが当たります。 クリックするたびに、div要素が二重、三重になって...
• 2019-08-07 23:53:39

• jQuery 消去法のUI
• 一覧になっている要素をユーザの操作で削除するUIのサンプルです。 ニュースやECなど閲覧の傾向からレコメンドされることはありますが、私はそのおすすめが気に入らないことがよくあります。 裏でいろいろな仕組みが動いて、最...
• 2019-08-07 23:58:46

• VueJS クッキーの操作
• Vue.jsを使ったソースでクッキーの操作を実装しました。 フォームで入力した値をクッキーに書き込みます。 その後、ページロードでも読み込みますが、読み込みボタン、削除ボタンを実装しました。...
• 2019-08-08 00:08:12

• Laravel 導入してみました
• 当サイトのPHPを最新にアップデート、それに合わせてPHPフレームワークのLaravel（ララベル）にサイトをリファクタリング（機能はそのまま仕組みを変更）しました。 当サイトでは、PHPを7.3に変更することで、DBの接続が早まり、表示速度が改善されました。 また、それに伴い、PHPフレームワークLaravelを採用し、カオスにな...
• 2019-08-08 00:16:26