カレンダーの作成
なんとなくjQuery＋FullCalendarを利用してカレンダーを作ってみたわけですが、JavaScriptのところに出すほどでもないし、Webのほうでもないような気がして、戯言においておくことにします。 マンションの広報を電子化しようとすると、カレンダーが必要になるケースがあると思い、ちょっと試作してみたというもので、住んでいるマンションのごみ収集カレンダーにしてみました。凝ったものにする必要はないから、かなり手抜き作成をしちゃっています。まずできあがったサンプルは以下のような感じです。画面の横幅が足りない場合はブラウザを最大化してご覧になってください。 実装方法 まずFullCalendarにアクセスしてPluginをDownloadしてきます。解凍しておきましょう。head要素内でjQueryとfullcalendar.min.jsを読み込ませます。ファイルのpathはscrip
カレンダーの任意の日付に独自のCSSを適用する（DatePicker） - Taste of Tech Topics
こんにちは、ishidaです。 今日はちょっとしたTipsを紹介します。 jQueryでカレンダーって、よく使う人もいるかと思うんですが、こんなこと、ありませんか？ 特定の日付についてカレンダーの表示色を変えたい っというか選択できないようにしたい 土日・祝日とかではなく、任意の日付で対応したい これら、よくありますよね。 （例えばデータのある日にちのみをハイライトしたい、、、など） 今回、これらに答える仕組みを作ってみました。 使うのはカレンダーではおなじみ「datepicker」です。 それぞれ3つのカレンダーを用意しました。 ※コードはdatepickerのデモコードを変更してみました。 デフォルトのカレンダー 指定した日付のみ選択可＋背景色変更 上記の機能＋未来日は選択不可 自分のPCでも実行させたい方は、こちらをDLしてください。 sample.zip <!DOCTYPE htm
jQueryのif文を使ってタグやクラス名によって条件分岐するやり方 – bl6.jp
jQueryで普通にif文を使った条件分岐のやり方です。指定したタグやクラス名があった場合や、子要素にそれがあったりした時の処理の振り分けなんかをやりたかったんですが、思ったようにならなかったので調べてみました。で、いくつか見つかったのでメモがてら記事にしてみることにします。 条件分岐の時に使えそうなメソッド 条件によって処理を振り分けることはプログラムを書く上でとても重要な感じがするので、使う頻度も結構ありそうな感じです。 hasClassを使ってクラス名を指定する hasClassメソッドを使えばクラス名を取得することができます。これを使ってsampleというid名の中にtextというクラス名がある時とない時の処理の振り分けてみます。 JavaScript $(function(){ if($('#sample').children().hasClass('text')) { $('p
Webサービスをリリースする前に確認しておきたい5つの問題点
多くのWebサービスが立ち上がり、そして消えていったこの５年。 それでもまだまだ斬新で面白く、無料、もしくは低価格ではじめることができるサービスが多数あります。 そんなわけで今回は、Webサービス立ち上げ時のユーザビリティの報告をまとめたいと思います。 問題１）SNS連動には理由が無い 実にこの５年間で、FacebookIDがあれば開始できる、TwitterIDがあれば開始できるというWebサービスは膨大に増えました。 しかしその影にかくれ、ユーザーが抱く不信感が増えています。 その一つとして 勝手に拡散されるのがヤダというもの。 実に明確な理由の一つですが、FacebookIDを利用するサービスに多いです。 要するに、ログインしただけで自分のFacebookフィードに「○○がこのサービスを開始しました」と勝手に流されるのが嫌なわけです。 また、なにかする度に勝手にフィードを汚される事もあ
Re: WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目
8. 管理画面にIP制限をかける wp-adminとwp-login.phpにアクセスできるホストを信頼できるIPアドレスのみに制限する方法です。たとえパスワードがそのまま外部に流出したとしても、社外から管理画面に入ることができなくする対策です。ただ、これは自由にログインさせるコミュニティサイトでは無理ですし、そうでない場合でも利便性が低下しますので、ケース・バイ・ケースで行うべき対策でしょう。 via.WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目 惜しい、非常に惜しい。 セキュリティ対策としては良いんですが、これやっちゃうと一部のプラグインが動作しなくなったりしてハマりポイントになる可能性があります。 WordPress で Ajax を実装するためには、以下のような手法が良く用いられます。 add_action('wp_ajax_example',
How to Build a Responsive WordPress Theme with Bootstrap [Article] | Treehouse Blog
LearnCreating a Responsive WordPress Theme with Bootstrap: A How-To Guide In this tutorial, we will learn how to make our own responsive WordPress theme using Bootstrap. Bootstrap is a responsive framework for building web sites and applications, and it’s a great starting point for building a responsive WordPress theme. Check out Zac’s other WordPress courses and enjoy a free, two-week trial of T
![How to Build a Responsive WordPress Theme with Bootstrap [Article] | Treehouse Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/d024fcb21dc14c5a6ed0c7a1aca37b8fba4e5397/height=288;version=1;width=512/https%3A%2F%2Fblog.teamtreehouse.com%2Fwp-content%2Fuploads%2F2012%2F10%2FwordpressBootstrap.jpg)
jQueryを使って テキストボックスに打ち込んだ文字を リアルタイムで取得する方法
フォームってWebページに動的な仕掛けを作る 一番初歩的なものだと思います。最初にフォームからいろいろと動かせるようになると、その後にいろいろと応用も効いてくると思います。経験上。 フォームから値を取得したり、取得した値を表示したり、選択項目に合わせて 見た目をガラっと変えてみたりするのは jQueryなどのプログラミング初心者だと 結果がすぐに目に見えるので非常に楽しいです。 そこで まずはフォームのなかでも扱いやすい、テキストボックスの値を取得して表示させてみたいと思います。 ただ、そのままテキストの値を取得しても面白くないので、打ち込んだ文字を打ち込んだそばからリアルタイムで取得して表示させてみたいと思います。 2013/07/10追記 プラグイン作りました！ この記事の内容を、サクッと反映させられるプラグインです。 ﾃｷｽﾄﾎﾞｯｸｽに打ち込んだ文字をﾘｱﾙﾀｲﾑで取得できるjQu
JavaScriptで現在時刻や今日の日付を取得・表示する
JavaScriptで今日の日付や現在時刻を取得・表示する方法です。 毎回同じものを作っているような気がするのと、JavaScriptのビギナーの方むけの情報という意味で、このエントリーで動作サンプルを掲載しておきます。 １．現在日時を取得するサンプル 現在日時を取得するサンプルを以下に掲載します。このサンプルをウェブページに丸ごとコピー＆ペーストすれば、サンプル下にある「出力結果例」の表示になると思います。 <script type="text/javascript"> var get_current_timestamp = function() { var weeks = new Array('日', '月', '火', '水', '木', '金', '土'); var d = new Date(); // 年月日・曜日・時分秒の取得 var month = d.getMonth()
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...