私が仕事で Web制作をする時に、よく利用させてもらっている jQuery のプラグインをまとめてみました。ライセンスは MIT、GPL のものばかりです。デザイン、レイアウト的に汎用性のあるものになっています。また、IE 特有のバグ(透過PNGの黒ずみなど)対策についても少し触れてみました。 Webサイトを作る時に、何かとお世話になっている jQuery のプラグイン。HTML と CSS だけでは表現できないことも、Javascript を使うことでいろいろできるようになりますよね!インターネットを見ていると、本当にたくさんの jQuery のプラグインが公開されています。feed を読んでいても、1日一個くらいは新しい jQuery のプラグインに出会います。どれを使ったらいいか迷うくらい … 。 今回は、そんな数ある jQuery のプラグインの中から、 私がクライアントワーク(仕
Change the color scheme: $('#fotorama').fotorama({ backgroundColor: '#797775', arrowsColor: 'yellow', margin: 12, thumbsBackgroundColor: '#797775', thumbSize: 36, thumbMargin: 12, thumbBorderWidth: 6, thumbBorderColor: 'yellow' }); List of options: data — sample code (type: array, default: null); width (type: number, default: null); height (type: number, default: null); startImg (type: number, def
See related links to what you are looking for.
以前、jQuery.uploadでアップロード画像のサムネイルの作成というエントリーを書いたので、それの実装を作ってみました。アップロードする画像を選択すると、アップロードされ、それのサムネイルが表示されます。 また、ページを離れるときに画像をJavascriptで削除していますが、実際に使うときは使わない場面も多いと思いますので、その部分は適当に削除するなり、なんなりして下さい。 デモ:http://demo.torounit.com/jquery.upload/ script.js(ajaxでのアップロード等々) [js] jQuery(function($){ //送信ボタンの非表示 $(‘#submit’).hide(); //フォームの内容が変更されたとき $(‘#img’).change(function() { var preview = $(‘#preview’); //現
Ajaxを使ったメールフォームとかってやっぱり素敵ですよね。 以前仕事で写真投稿付きのフォームを作らざるを得なかったので、どうせならということでAjax化しました。 というわけでjQuery.uploadを使って写真をアップロードして、サムネイルを表示するチュートリアルです。 2011-12-03追記:デモ作りました。jQuery.uploadを使ったフォームのデモを作りました。 コード html [html] <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>upload form</title> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquer
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
奥田碩元会長(トヨタ自動車元社長)に誘われたのが直接のきっかけでした。当時は小泉純一郎政権下。経団連は改革の旗手を担う組織でした。ただ、その後、会長が奥田さんから御手洗さん(御手洗冨士夫・キヤノン会長兼社長)に代わり、それからまた米倉さん(米倉弘昌住友化学会長)になるにつれ、どんどん風向きが怪しくなっていった。 辞めようと思った直接的なきっかけは、やはり震災後です。経団連は(電力の)発送電分離の話が出たときには早々に反対し、原子力発電所については早々と賛成であると表明した。「多分経団連ってそういうために作られたんだな」とその時、初めて分かりました。 経団連が言っていることがあたかも経済界の統一見解のように言う。だから僕は「そんなことないよ」と世の中にはっきり言いたかった。違う意見だってあるんだよ、ということですね。 「経団連は日本企業の護送船団方式を擁護する団体」 ツイッターで退会をほのめ
1980年代に「卒業」や「I LOVE YOU」など多くのヒット曲を生みだし、26歳で亡くなったシンガーソングライターの尾崎豊さんが、生前に60冊にも上る大量の創作ノートを残していたことが分かりました。 亡くなって20年を迎える今も若者を中心に根強い人気を持つ尾崎豊さんの、創作の過程などが分かる貴重な資料として注目されています。 ノートは、尾崎さんの遺族や、ほとんどの曲のプロデューサーを務めた須藤晃さんが保管していたもので、およそ60冊あります。 尾崎さんが10代のデビュー前から、平成4年に26歳で亡くなる直前までの10年間にわたって、日々の思いや、ヒット曲のもとになったとみられる歌詞などが書かれています。 このうち代表的なバラードの「I LOVE YOU」についてノートには、発表された歌詞以外にも、「町では不確かな愛って言葉をたやすく口にできる」などの歌詞のようなことばが書かれており、尾
米調査会社Gartnerが発表したIT製品に関する格付けリポート「マジック・クアドラント」によると、次世代ファイアウォールに対する懐疑論はようやく終わりを迎えつつあるようだ。今や企業は、この新しい技術の実装に当たってさまざまな問題に立ち向かわなければならない。 Gartnerのリポートは、ポートやプロトコルをベースに判断する「ステートフルファイアウォール」はもはやレガシーな技術であると見なし、多くの企業が次世代ファイアウォールを大規模に評価、導入しつつあることを示している。 「伝統的なファイアウォールは、企業を攻撃し続ける多くの脅威を阻止できない」と語るのは、ニューハンプシャー州のCapital Region Healthcare and Concord HospitalでCTO(最高技術責任者)を務めるマーク・スタリー氏だ。「2カ月に1回はウイルスに感染した病院から電話がかかってくるが、
はてなスタッフはスマホ大好き。iPhoneもAndroidも、新機種が出るとすぐに試したがります。そこで悩みなのが通信事業者との回線契約。いろいろな端末を試したいし、持ち歩きたい! それでも、月々のお支払いはなるべくおさえたい。自分のおサイフを大事にしてiPhone1台だけで暮らす人もいれば、物欲に打ち負けて1人で3回線という人も。「通話はいいから、高速にデータ通信できるSIMがもう1枚あって、フレキシブルに運用できたら、もっとスマホを楽しめるのになあ」――そう思う人は少なくないはず! (※この記事は株式会社インターネットイニシアティブ(IIJ)提供によるPR記事です) モバイル生活の自由度アップ!IIJmio高速モバイル/D サービス IIJmioホームページ 2012年1月のおわりのことでした。この記事を書く私こと青宮しおりは、IIJさんから「まだ発表前なんですけど、IIJmio▼のL
フリーソフトウェア財団から、JavaScript License Web Labelsという取り組みについての発表があった。これはひと言でいうと、ウェブページ上で使われているプログラミング言語であるJavascriptのライセンスをきちんと表示しようという取り組みだ。なぜそのような仕組みが必要なのか?どうやって使うのか?ということについて今日は説明しようと思う。 ユーザーの了承なしに実行される無数のJavascriptコードたち Javascriptはかつて、ウェブページのちょっとした装飾というような目的で主に利用されていた。それはページの内容に大きな影響を及ぼすものではなく、とてもささやかなものであった。しかし、今は事情がまったく違う。ウェブページに付随するJavascriptは年々大きくなり、Google Docsのようにワープロや表計算までをも実行されるようになった。それはもはやささ
HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」を紹介します。 JavaScriptの難読化解除には「JsDecoder」を利用していましたが、いつのまにか「Not Found」になってしまってました。 JsDecoder ということで代わりのサイトを探したところ、「Online JavaScript beautifier」を見つけました。 Online JavaScript beautifier 使い方は簡単で、整形したいコードをはりつけて、ページ上にある「Beautify JavaScript or HTML」をクリックするだけです。サンプルコードが表示されているのでクリックすれば整形されることが分かります。 jQueryで試してみます。下は整形前のものです。 いい感じに整形されました。 次にHTMLで試してみます。下は整形前のものです。 こち
Bertaはデザインの自由度が高いCMSです。データベースを使わないCMSになっています。 なんか凄いソフトウェア…。BertaはCMSですが、自由度が非常に高く、コンテンツの配置が自由にできてしまいます。その自由度の高さも相まって、デザインや写真家の方が数多く使っているようです。 まずログインします。 サイトをセットアップします。 セクションを作ります。これがメニューになります。チュートリアルのヘルプ付きで分かりやすいです。 セクションを作ったら、その内容を編集します。 これがページです。ほぼ何もありません。ここから自由にコンテンツを配置していきます。 配置する場所はX/Y軸ともに自由です。 ファイルを貼付けたりテキストを入れたりできます。 例えばこんな画像を。場所は自由に設定できます。 実際にBertaを使ったWebサイトです。ポートフォリオ的なサイトでしょうか。 こういった写真系のサ
photo By William Hook twitterでいろいろとやり取りをしていると、 実際に会うことになる場合があると思います。 例えば、オフ会やビジネスに発展した際のミーティング。 そういう時にダイレクトメッセージ(以下、DM)で 事前に電話番号の交換をすることがあります。 こういう時に便利なiPhoneのTIPSを紹介したいと思います。 こんなDMが届いたら… 例えば、こんなDMが届いたとします。 よくあります。 電話番号と文字が一緒に入っていること。 頭の中で番号を記憶して、それを打ち込む…なんて 間違えてしまう可能性があります。 DMの内容をコピーして、 メモ帳に貼り付けて、 電話番号の部分のみをコピーして登録…なんて 手間がかかりますよね。 そんな時はこの手順で番号を登録すれば楽チン! コピーして貼りつけるだけ! まず、電話番号が入ったDM(メッセージ)をコピーします。
iPhone 4S用のGEVEY SIMロック解除アダプタが、 3月についに発売されるようです。 GEVEY日本販売代理店です。お待たせしました。iPhone4S対応アダプターは3月発売予定です。詳しくは当店のHPに掲載する予定ですので、しばらく待ってください!gevey-jp.com — gevey日本販売代理店さん (@gevey_jp) 2月 19, 2012 また、au版iPhone 4Sにおいても、 docomoのSIMが利用できるようになるとの事。 @sngk_ndk 使用できます。 — gevey日本販売代理店さん (@gevey_jp) 2月 19, 2012 現在SoftBank版、SIMフリー版と比較し相場が大幅に下がっているau版4Sですが、 SIMロック解除アダプタを利用してドコモで利用できるとなると、 相場が底値の今買っておくのが得策かもしれません。 新品 au
最近とにかく、移動が多いので、その中でちょいちょい考えたことをまとめておきます。まずは仕様の理解の仕方とか、業務例外とか、押さえておきましょうという視点から。別にこれが正解で必須というわけではないので、あくまで個人の経験をまとめただけです。 モデリングとか、なんというかそういう高尚な話ではなくて、実際に仕様をまとめるときに、現実的に落ちる穴を、経験的に書きます。大抵のプロジェクトでは、仕様が固まらずに、または手戻りが発生して酷くコストが膨らむということがやはり多いわけで。理屈はともかく自分の経験的な対策案です。 (なんというか、開発方法論や手法・ドキュメントのまとめ方は、なんとかBOKから始まって、アジャイルや押しくらまんじゅうやらでいくらでもであるのですが、その一方で丁寧な要求定義や設計それ自体ができる人材は、むしろ急激に減っているような印象すら受けます。海外からの翻訳や輸入はやたらと多
OS や、動かしたいアプリケーションに依りますが、ruby の実行環境の構築は大変です。 というのも、ruby 本体、rubygems、各 gem などのバージョン指定が交錯していて、ruby の ecosystem に慣れていない人にとっては、なにがなんだかわからないからです。 こっちのツールを動かそうとすると、こっちが動かなくなる、みたいなことになります。rubyists は、バージョンの問題を吸収するためのツールを使ってこの問題に対処していますが、ruby に詳しくなくて、ただ ruby 製のツール(たとえば Redmine)を使おうとしている人は分からないでしょう。 そういう人が ruby に挫折しないように、事実無根な中傷をしないように、最近流行のツールで、バージョンミスマッチの問題をおこさない方法を説明します。この説明が対象としているのは UNIX,LINUX 系の環境だ
GumroadのパクリサイトAmeroadを作って、ヤフオクに出したら、株式会社Razestの木村社長に150万円で落札していただきました。ありがとうございました。 今回、ヤフオクで売るというスキームは非常に面白いと思いました。このスキームは話題性のあるサービスでないと、傾向的に値段がつきにくい上に、ヤフオク商品で稟議決済ができる会社もそんなにあるはず無いはずなので、あまりオススメできません。しかし、2/14にサイトができて、2/19にバイアウトするというのは、前例があまりないモデルだと思います。超短期小額バイアウトモデルとして面白かったです。「値段安すぎ」というツィートも多いですが、僕個人としては、試みとして、やってよかったと思います。経緯を書きます。 つづきは、本でも買って下さい。すいません。 ソーシャルもうええねん
携帯テンプレートに「記事のURLをメールする」を 【 ありのごとくあつまりて 】 この記事に含まれるタグ (Keyword) : FC2ブログ 携帯用 テンプレート 変数 携帯テンプレートに「記事のURLをメールする」を 2010/05/21 (金) カテゴリー: ブログカスタマイズ上級 携帯用の公式テンプレートにある 「友達に教える」 という機能。 リンクをクリックすると メールが起動し、ブログのトップページURL がメール送信可能な状態になるもの。 これ、個別記事のページ(固定リンク) にも使えたら便利になるのではないかなと思い、記事下に その機能をつけてみました。 [ 実際のページ ] <!--permanent_area--> <!--▼個別ページで表示--> <!--topentry--> <%topentry_body><br> <%topentry_more><br>
MITライセンスは、いわゆる「BSDスタイル」ライセンスです。 http://ja.wikipedia.org/wiki/MIT_License ---ライセンス和訳ここから--- 1. このソフトウェアを誰でも無償で無制限に扱って良い。但し、著作権表示および本許諾表示を、ソフトウェアのすべての複製または重要な部分に記載しなければならない。 2. 作者または著作権者は、ソフトウェアに関してなんら責任を負わない。 ------ライセンス和訳ここまで--- といったライセンスです。つまり、 ・ソースコードを再配布する場合 →そのソースそのものが「ソフトウェアのすべての複製」にあたりますから、その中のライセンス表記を残す必要があります。 (ソースコード中の著作権表記をわざわざ消した上で、別途「主要な部分」にライセンス表記を行ってもいいですが、普通はそういう面倒なことはしません) ・バイナリで配布
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く