CoDE4U 業務と生活の中で得た知識が誰かの役に立つようにまとめています

javascript

javascript

sidrを使って、イケてるメニューを設置する！

先日、記事としてもあげていたスライダーメニューの「sidr」ですが、さっそく使ってみました。 予想よりも簡単に利用することができてしまい、「こ、これだけ？」と呆気にとられてしまいました。   では、今回も3分？でサクっと実装してみたいと思います。   作業開始！ まずは、下記のU […]

続きを読む
javascript

Facebookの様なメニューを実装する！

スマホサイトを作る際に、メニューボタンを右上に設置と言うのはよくあるパターンですが、ちょっと人と違う部分でFacebookのようにサイドからでてくるメニューなんてカッコよくないですか？   今回は、サイドから出てくるメニューを取り上げてみたいと思います。 Snap.js フリック操作のみで […]

続きを読む
javascript

jQueryを利用して文字数のカウントを取る！

仕事でちょっと組み上げたので自分のためにメモです。 テキストエリアの文字数を取得し（改行も）表示する案件がありました。   データベースの登録の際にVARCHAR(128)に128文字（改行が複数行あった）ぴったりを入力したところエラーとなり、簡易ですがJavascript側でもチェックを […]

続きを読む
javascript

セレクトボックスを100倍使い易くする！！

社内のツールを空き時間で作成しているのですが、セレクトボックスで選択する項目の中身（option）が、ものすごい数になっており絞り込むにも絞り込めない状態でした。 少し調べて見たところ、とても素晴らしい物がありましのたで早速使って見ました。   Select2 – Select […]

続きを読む
javascript

jQueryをサーバに設置しない手段

以前とは違い、1ページで表示する物が非常に多くなった最近のサイトでは、jQueryなどJavaScriptのライブラリも多々使われるようになってきました。 何も意識せずに1処理を1ファイルに書き、たくさんのファイルに分けてくれる人もいますが、自分的にはある程度まとめてファイルを減らしてもらいたいです […]

続きを読む
javascript

jQueryを利用したスライダーを3分で設置する

このブログでも利用させてもらっている、「Flexslider」が簡単に設置出来すぎる・・・と言う事で記事にします。 ほんとにあっけないほど簡単に出来すぎて、楽させてもらっちゃいました。   作業開始！ まずは、下記のURLから必要なファイルをダウンロードしてきましょう。   Fl […]

続きを読む
javascript

JavaScriptを利用して、スマートフォンを判別する

他の方の業務で必要となりサクッと作ったので、物忘れのひどい自分へのメモとして記載しておきます。 やりたかったことは、スマフォページの中でアプリのダウンロードを行う際に、端末がAndroidなのかiPhoneなのかを判別した上で「Google Play」または「AppStore」へ遷移する様にしたいと […]

続きを読む