ちょっと jQuery と簡単なサーバサイドの処理を組み合わせた処理を試しに書いてみよう･･･なんて時に、いちいち jQuery を取ってきて HTML を書いて script タグを書いてロードして sinatra 立ち上げて云々･･･というのが毎度面倒なので、ひな形になるアプリケーションを作った。 https://github.com/naoya/boilerplate ひとまず sinatra でサーバーサイドを書き、HTML は slim で、CSS は sass 。JavaScript は CoffeeScriptで書くにあたって jQuery、underscore、Backbone をロードしてある、というような構成にしてあります。 まあ、この類のことは人それぞれ自分なりにカスタマイズしてやっていると思いますが、どういうコンポーネントで構成しているかを、備忘録も兼ねてちょっと紹

ひっそりと、Webサービスをリリースしました。 http://tag-chat.net で、チャットがメインのSNSです。 自動でマッチングしてチャット相手を見つけてくれるマッチングチャットや、すぐにチャット相手を見つけてくれるフリーチャット、コミュニティチャット、フレンドチャットなど、とにかくチャットがメインのSNSです。 ■自分について 昨年の４月から、プログラムを学び始めた素人。２２歳。札幌在住。 ■今更SNSを作ろうと思ったきっかけ FaceBookがウザい。というか嫌い。 これがきっかけ。 顔本が良いSNSだと話題になっていたので、実名登録してみた。大学の知り合いが見つけてくれて、友達登録などが増える。（ほとんど話したことがない人からも友達登録が来て、「おぉ！これで俺も友達が増えるんだ！」とワクワクしていた）。 が、流れてくるのは自慢ばっかり。 コミュ障で彼女はおろか、女友達もほ

HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない

以前に作成して放置していたjQueryプラグインを、会社で利用することにしたので、その前に公開することにします。これは個人で作成したものであり、業務の成果物ではないことを明記しておきます。 これはなに? ボックス内のテキストに擬似的な長体をかけて、ボックスから溢れたテキストをボックス内に収めるjQueryプラグインです。 なにに使うの？ Webデザインをしていると「長さ可変の文字列が入るけど1行に収めたい」というようなシチュエーションがあると思います。CSSでoverflow:hiddenしたり、スクリプトで文字数を調整したりして対応すると思うのですが、そういう時に使えるかもしれません。 どうやって使うの？ .compressedFont() 対象ボックス内にテキストが収まるように、擬似的に長体をかけます .compressedFont( maximumRows:int ) 対象ボックス内

任意のWebページを指定することによって、RSSフィードを出力していないサイトでも利用者側で勝手にRSSを生成することができるWebサービスのまとめ。一般的な「RSSフィードがない（古い）サイトでも、RSSリーダでチェックしたい」という場合から、サイト管理者側が「RSS出力に対応していないサイトだけど、引っ越しやツールの入れ替えもできない。でも更新情報は配信したい」などの目的にも使えるので、覚えておくと便利なサービスのはず。 実はこのネタはずいぶん前に書いたことがあるんだけれども、なにせ2008年の記事なので紹介したサービスが1つを除いて終了してるというありさま。というわけで、2011年6月現在で使えるものをピックアップしてみた。 なお、登録が不要なタイプものはRSSフィードが提供されてないわりに更新頻度が高いJR東日本：列車運行情報をRSS化したものへのリンクを張っておくので、変換精度を

Hello Therereveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical SlidesSlides can be nested inside of each other. Use the Space key to navigate through all slides. Basement Level 1Nested slides are useful for adding additional detail underneath a high level horizontal slide. Basement Level 2That's it, time

スマホアプリ開発者向け IDCFクラウド活用セミナー 2012年6月14日(木)18:30～ ＠IDCフロンティア ～『短期間でのスマホ向けweb開発について』～ セミナー資料Read less

jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種 ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 投稿日2010年10月24日 更新日2012年03月05日 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準

先日Facebookの「いいね！」ボタンを追加したので、ついでにブログに設置してるTwitterの「Tweet（ツイートする）」ボタンも更新しようと調べてみたところ、今更ながら色々とサービスがあることを知った。まあせっかくの機会だと思ったので、各種ブログサービスに設置できる「Tweet（ツイートする）」ボタンと「Tweet数」を表示できるツールをまとめてみた。 ブログのテンプレートなどに貼り付けるコードの凡例も紹介しているので、各種ブログサービスの変数に書き換えれば使えるはず。ただFC2ブログだけはここで使用しているブログなので、そのままテンプレートにコピーして使えるコードを併記しておきます。よろしければどうぞ。（利用方法はテンプレートの<!--topentry--> と <!--/topentry-->の間の好きな場所にコードを貼り付けすればOK。） 汎用「Tweet（ツイートする）ボタ

今日は2011/11/11、やたら「1」の並ぶ日付です。 11時11分にスクリーンショット撮り損ねてちょっとorzなhakoishiです。 いっそその時間に更新までしてしまいたかった！後の祭り。 さて、今回はソーシャルボタン設置のソースサンプルをいくつかご紹介。 今回取り上げるサービスは、「はてなブックマーク」「twitter」「facebook」「addthis」の4つです。 (2011/11/22)その2、アップしました。「google+」「mixiチェック」「mixiイイネ！」「evernote」編です。 引き続き、ソーシャルボタン設置のソースコードサンプルあれこれ。 はてなブックマーク <a href="【URL】" class="hatena-bookmark-button" data-hatena-bookmark-title="【サイト名】" data-hatena-book

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

WordPressを使ったFacebookページ作成と更新：基礎編：WordPressでFacebookページを作ろう（1）（1/6 ページ） BtoCをメイン事業とする中小企業にとってFacebookは有効活用したいソーシャル系サービスの1つです。 どうにか活用したいけれども、どうやって作るのか、どうやって運用すればいいのかなど分からないことだらけだと思います。 この記事では、Web担当者とWeb制作者を対象に多くのWebサイトで利用されているWordPressを使ったFacebookページ用コンテンツの作成について紹介します。 Facebookページとは Facebookページ（旧「Facebookファンページ」）とは、企業やブランド、サービス、または有名人やアーティストなどが顧客やファンなどの個人と交流を図ることのできるFacebook上のページを指します。 Facebookページの

©Owen W Brown 先週「Google+1」の発表がありましたが、その少し前にはTwitterが「フォローボタン」を出しており、最近は何かとソーシャルブックマークやソーシャルメディア関連のボタンを設置することが増えていますね。「いいね！」を付けて欲しいとか、はてなブックマークボタンを設置してほしいと、といった要望があって対応することも多くなっています。 必要になる度に探すのは手間なので、一か所で参照できるようメモをしていたのですが、せっかくなので少し内容に手を加えて共有したいと思います。 ※ボタンはそれぞれ1種類ずつしか掲載していませんので、違う種類はリンク先でご確認ください。