jQuery UI Tabsでタブのリンクを静的リンクにする方法
► 2018 (1) ► 1月 (1) ► 2017 (4) ► 6月 (3) ► 5月 (1) ► 2016 (15) ► 12月 (4) ► 11月 (1) ► 10月 (2) ► 7月 (3) ► 6月 (1) ► 5月 (3) ► 1月 (1) ► 2015 (13) ► 12月 (1) ► 10月 (1) ► 9月 (1) ► 6月 (1) ► 5月 (1) ► 3月 (2) ► 2月 (3) ► 1月 (3) ► 2014 (11) ► 12月 (1) ► 9月 (2) ► 8月 (2) ► 6月 (1) ► 4月 (4) ► 2月 (1) ► 2013 (15) ► 12月 (3) ► 11月 (3) ► 8月 (2) ► 7月 (4) ► 5月 (1) ► 4月 (2) ► 2012 (7) ► 10月 (1) ► 7月 (1) ► 4月 (3) ► 1月 (2) ▼ 20
jQuery UIのTabsを使って切り替えるタブの中身のコンテンツ部分を別ファイルにしたい
他にいいのがなくて仕方なく使ってるjQuery UIですが、一番よく使う、いや、使いたくなるのが、Tabsを使ったタブレイアウトですね。 デザイナーがぱぱぱっと作ってくれればいいんだけど、いないし。 ということでそのTabsですが、サンプルのソースを見ると、 こんな感じになっていて、 <div id="tabs"> <ul> <li><a href="#tabs-1">メニュー１</a></li> <li><a href="#tabs-2">メニュー２</a></li> <li><a href="#tabs-3">メニュー３</a></li> </ul> <div id="tabs-1"> <p>一個目</p> </div> <div id="tabs-2"> <p>2個目</p> </div> <div id="tabs-3"> <p>3個目</p> </div> </div> 切り替え
jQuery UI/Tabs - tech.ludicmind.net
概要 タブは通常アコーディオンのように、コンテンツを、スペースを節約できる切り換え型のセクションに入れるのに使用される。 デフォルトではタブのクリックでセクションを切り替えるが、オプションでhoverにもできる。タブのコンテンツはタブにhrefを設定する事でAjaxを通して読み込む事もできる。 イベント 一連のイベントがタブの操作で実行される。 tabsselect, tabsload, tabsshow（この順番で） tabsadd, tabsremove tabsenable, tabsdisable イベントバインドの例： $('#example').bind('tabsselect', function(event, ui) { // 関数内で有効なオブジェクト: ui.tab // 選択された（クリックされた）タブのアンカー要素 ui.panel // 選択/クリックされたタブ
ファイルハンドルと出力 - 2部 Perl言語仕様 - [SMART]
ファイルテスト演算子の使い方 $file = "/home/httpd/html/index.html"; # ファイルが存在するか確認 if ( -e $file ){ .... } パイプ UNIX 系 OS 全般や、Windows NT といったサーバ OSには、パイプが用意されています。パイプは、プロセス間で通信するために用意された機構で、標準出力と標準入力を経由してデータを受け渡しするためのものです。これによって、一時ファイルなどを経由せずに、ダイレクトにプログラムが標準出力に出力した結果を他のプログラムの標準入力に渡すことができます。 open でパイプ処理 以下では Perl からパイプを使った例を紹介します。ファイル名の先頭に | を付けると、そのファイル名をコマンドとして解釈し、そのコマンドラインへ出力します。 sendmail を使ってメールを送信する例です。 open
![ファイルハンドルと出力 - 2部 Perl言語仕様 - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
OpenSubject──メールによる会議を可能にする技法
忙しくて集まる時間の取れないビジネスパーソンにとって、メールを使った議論は日常茶飯事。しかし、議論が発散してしまったり、うまく意図が伝わらなかったり、無駄な返事が頻出するなど、メールを使った議論への課題は数多い。メールのサブジェクトを工夫することで、議論の生産性を向上させようというのが「OpenSubject」だ。 正式な議論の代表格は「会議」だが、忙しいビジネスパーソンの間で会議に次ぐ議論、コミュニケーションの手段として活用されているのが、言わずと知れたメールだ。しかし、メールによる議論は、最適化や効率化が全く進んでいない。それぞれの人が自分なりの「問題が起きにくい方法」を漠然と実行しているのが実情だろう。 最近ではソフトウェア開発で使われるバグトラッキングシステム「Trac」や、議事録ベースの会議支援システム「Sargasso XM」などの導入によってシステム化が進み、メールでの議論や
あなたの大切な人生を後悔しないための７つの方法 - ライフハックブログKo's Style
私には後悔していることがあります。 しかし過去はもう、どうしようもありません。 今からでも変えられる今後の人生は、のちに後悔しないようにしたいもの。 今日は、大切な人生を後悔しないための考え方や方法を７つ紹介します。 1. 人生に重要なことを円グラフにする 日々の忙しさに流され、自分を失ってしまうなんてことがあるかもしれません。 将来それを後悔しないよう、 自分にとって大切なことたった一度きりの人生で何を手に入れたいのかなどを3つくらいにしぼり、円グラフにして見える化しましょう。 これが、様々なことの判断基準になりそうです。 似ていますが、マイクレドや目標などを円グラフにすると ビジュアル的に目に留まりやすい優先順位が明確など、よさそうです。 これをモレスキンの開いてすぐのところに貼りつけておくと、いつも意識できて良いですね。 はってはがせるスコッチスティックのりなら、貼りかえることも簡単
「まねきＴＶ事件」最高裁判決でクラウドも国内勢全滅の検索エンジンの二の舞か？
まねきＴＶ事件およびロクラクII事件の最高裁判決（以下、「まねきTV事件判決」）直後から１ヶ月近く米国に出張した。ネットとテレビの融合状況を目の当たりにして、最高裁での逆転勝訴は日本のテレビ局にとっても不幸だったのではという観を強くした。その解説をする前に、判決を読んですぐに抱いた懸念を紹介する。権利者よりの日本の著作権法は国産検索エンジンほぼ全滅の結果をもたらした。同じ現象がクラウド・コンピューティング（以下、「クラウド」）でも再現するのではないかとの懸念である。 著作権法は著作物の利用と保護のバランスを図ることを目的とした法律である。著作物の利用には著作権者の許諾を要求して保護する一方、許諾がなくても使用できる権利制限規定を設けて利用に配意している。わが国の著作権法はこの権利制限規定を個別に列挙しているが、米国は使用する目的がフェア（公正）であれば、許諾なしの使用を認める包括的権利制限
HTML5+CSS3で実装された、さまざまなUIエレメントのコレクション
パラグラフ・リスト・見出しなど [ad#ad-2] UIパーツの使い方 下記の3つのステップで、これらのUIを自分のページで利用できます。 IEへの対応 IEにHTML5を理解させるために、2つの重要なファイルを使用します。 <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <link rel="stylesheet" href="ie.css" type="text/css" /> <![endif]--> CSSのインクルード スタイルシートファイルをインクルードしてください。もし使用するエレメントが限られているのであれば、その箇所のみで大丈夫です。 <link rel="stylesheet" href="reset.css"
1アクションで5アクション！Evernoteへの便利なwebクリップ方法 | なまら春友流
な、なんと！Yahoo!Pipesを使えばタイトルを短く成形することができるとは！ 早速実践。 でも…その前に ついでに以前の記事『気に入った記事にはてブをつけて全文Evernoteへ全自動で保存する方法 +α(アルファ)』がちょっとわかりづらい書き方なので全体像をもうちょっとわかりやすくまとめることにする。 ちなみにこの記事を便利に感じてくれる人はこんな人だろうか？ GoogleReaderでお気に入り記事を日々読み漁り、気に入った記事を共有したい人 気に入った記事をTwitter上で非公式RTしたい人 なんでもevernoteに入れたい人 evernoteに入れる時に全自動でしかも1ページ単位で保存したい人 気に入った記事には「はてブ」をつけてあげたい人 evernoteに入れた記事のタイトルも見やすくしたい人 やることはひとつだけ 『Googleリーダーで読んでいる記事をメモを付けて
node.jsはじめました - KAYAC engineers' blog
はじめまして！ 技術部2年目のsugyanと申します。 初めてtech.kayac.comに投稿します！ 先日自分のブログで書いた記事が思いのほか好評だったので、これについてもう少し詳しく書いてみようと思います。 node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ node.jsについて 最近話題の、サーバーサイドJavaScript「node.js」。みなさん触ってみてますか？ 「Google V8 JavaScript Engineによるイベント駆動の…」と、どんなものかは知っているものの実際には触っていない、という人がまだ多いような気がします。 僕も昨年の12月くらいにようやく触ってみた という程度なのですが、意外にお手軽で簡単に使えるし面白いので、 「JavaScriptはまだニガテで ＞＜」というヒトでも安心して始められるのでは
404 Blog Not Found:これで最低限! - 書評 - 体系的に学ぶ 安全なWebアプリケーションの作り方
2011年10月05日22:30 カテゴリ書評/画評/品評iTech これで最低限! - 書評 - 体系的に学ぶ 安全なWebアプリケーションの作り方 ソフトバンククリエイティブ友保様より献本御礼。 体系的に学ぶ 安全なWebアプリケーションの作り方 脆弱性が生まれる原理と対策の実践 徳丸浩 [電子版@bookpub.jp] 初出2011.02.24; 2011.10.05 電子版へのリンクを追加 こういう本を待っていた。Web制作に関わる全ての人、必携。 と同時に言っておきたいのは、安全なWebアプリケーションを作るにあたって、本書の内容はあくまで必要条件であって充分条件ではないということ。原理的に。 なぜか。 あなたのWebサイトで何が出来てはならないかは、あなたにしか決められないからだ。 本書「体系的に学ぶ 安全なWebアプリケーションの作り方」は、副題に「脆弱性が生まれる原理と対策
今後はネットでこっそり稼ぐことが難しくなるという話
jane secretly munching.jpg / Guttman the Grey ソーシャル時代では、自分を出さずにネット上でひっそり・こっそり稼ぐことは難しくなってくるでしょう。理由は、Googleがコンテンツファームに対してアルゴリズム強化したことと、ソーシャル・グラフデーターの活用を始めたからです。 Each war is different, each war is the same / kevindooley 大量ページ生成の終焉 これまでは、SEOを徹底的に研究して、APIやCSVデータを利用して大量のページを作成して、アフィリエイトリンクを設置しておけば、それなりに稼ぐことができました。ところが、APIやCSVデータを利用すると、他のサービスと同じ内容のページが大量に複製されることになりますので、検索エンジン側が対応を始めました。 Google自身は「コンテンツファ
[JS]画像の一部を拡大するシンプルで実用的なスクリプト -Easy Image Zoom
プロダクトページなどによく利用される、画像の一部を拡大する実用的で軽量なjQueryのプラグインを紹介します。 jQuery plugin: Easy Image Zoom デモページ [ad#ad-2] デモではサムネイル画像にカーソルを合わせると、その箇所を中心に拡大表示し、ディテールをユーザーに提供することができます。 スクリプトは使い勝手をよくするために、できるだけ軽量にし、またカスタマイズも簡単にできるように設計した、とのことです。 Eazy Image Zoomの実装 HTML サムネイル画像をimg要素で実装し、拡大画像をa要素に配置します。 <a href="large.jpg"><img src="small.jpg" alt="Small image" /></a> CSS 拡大画像のスタイルはCSSで簡単にカスタマイズが可能です。下記はデモページの例です。 #easy
【日本のIT終了】MobileMeもDropboxも違法である | fladdict
「MobileMeもDropboxも違法である」 via アゴラより 高裁判決のポイントは簡単にいうと、インターネットを使って他人の著作物を送信した場合は、それが自分だけにあてた通信であっても自動公衆送信となり、それを行なったのがユーザーであっても、設備を提供した業者が自動公衆送信の主体になるということです。この判決の射程は非常に大きく、およそインターネットのサーバやルータはすべて自動公衆送信装置となり、公衆回線で他人の著作物を送信することはすべて違法になります。 これってさ、アメリカや中国のクラウド系企業とかが、日本に著作権管理団体をデッちあげて片っ端から日本企業を訴訟をしていくと、日本のITは大変な事になっちゃう。。。ということではないかと。 こうなると日本のIT企業が共同出資して、海外にラボとか事業主体を移して、そっちから活動をする事位しかできなさそう。あるいは国外逃亡。 「そんなわ
MobileMeもDropboxも違法である
きょうの城所さんの記事には多くのアクセスが集まりましたが、ちょっとむずかしいので、法律の素人でもわかるように素人の私が解説します。 最高裁判決のポイントは簡単にいうと、インターネットを使って他人の著作物を送信した場合は、それが自分だけにあてた通信であっても自動公衆送信となり、それを行なったのがユーザーであっても、設備を提供した業者が自動公衆送信の主体になるということです。この判決の射程は非常に大きく、およそインターネットのサーバやルータはすべて自動公衆送信装置となり、公衆回線で他人の著作物を送信することはすべて違法になります。 抽象的にいうとわかりにくいので、実例で説明しましょう。あなたが自分のCDをリッピングしてMP3ファイルにし、MobileMeのサーバに送ってiPhoneでダウンロードして使うと違法になります。アップルは自動公衆送信の「主体」としてJASRACに訴えられる可能性があり
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net
自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
さくらのVPS 設定ガイドリンク集 厳選140 ＼(初心者歓迎)／ - 浜村拓夫の世界
さくらのVPSでWebサーバを構築するのに、参考にしたページをまとめました。 相違点を比較検討することによって、標準的な作業手順を洗い出すのに役立ちました。 情報を公開、提供してくださった皆様に感謝いたします。m(__)m 【2011/5/2 追記】 インストール作業のまとめページを用意しました。 → さくらのVPS インストールまとめ ●主な作業内容 基本となる作業内容は、デフォルトのゲストOS（CentOS）を使った事例です。＼(土台)／ ユーザーの設定 ・管理者ユーザー (root) のパスワード変更 ・作業ユーザーの追加 ・作業ユーザーのグループ追加 (wheel) ・作業ユーザーの sudo 許可 ・作業ユーザーのコマンドのパス追加 SSHの設定 ・rootのログイン禁止 ・パスワード方式のログイン禁止 ・鍵認証方式のログインOK ・秘密鍵と公開鍵の作成と設置 ・SSHのポート番
Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について - mixi engineer blog
はじめまして。コミュニケーションサービス開発部の澤と申します。コーヒーとカレーをこよなく愛する新卒2年目の新米エンジニアで、弊社Webのフロントエンドを主に担当しています。最近はmixiスマートフォン版(mixi Touch)の開発にも精力的に取り組んでいます。 さて、本日はPC版のmixiで1つの機能をリリースいたしました。ファイルをWebブラウザにドラッグ&ドロップするだけで写真をmixiフォトにアップロードできるもので、HTML5 File API※1を採用しています。本記事ではこの機能について色々とお話をしたいと思います。 なにこれ? 以下では、ドラッグ&ドロップによるアップロード機能を「本機能」と呼びます。 百聞は一見にしかずです。本機能のプロモーションムービーがありますので、まずはこちらをご覧ください。 動画では下記を説明しています。 従来のアップロード方法からドラッグ&ドロッ
集中力を最大限に引き出すための5つのコツ
by heydere 仕事や勉強に四六時中集中していられたらいいのですが、そうはいかないのが人間というもの。なかなか集中できなくて困った時、効果的に作業に復帰するための5つのコツがあります。 集中しなくてはいけない側面ではついつい自分を追い込んでしまいがちですが、そうすると気力・体力ともに消耗してしまいます。適度に休息を挟んだり、一度立ち止まって考えてみる方が、結果として物事をスムーズに進められるようです。 集中力を最大限に引き出すための5つのコツは以下から。Seven Secrets for Maximizing Your Concentration Skills - by Dumb Little Man 1：作業の目的を見つける 四六時中ずっと集中したままの状態にでいるのは難しいもので、どうしても途中で退屈したり、イライラしてきます。そうしたら、なぜ今の作業を行っているか確認してみてく
ノートパソコンとスキャナ以外何もない机上を実現
週末に引越しを控えていまして、てんやわんやしております。引越しはこれまで溜め込んだモノを処分して、新たなスタートを切る絶好のチャンスです。 新居の新しい仕事部屋の机の上は、ノートパソコンとスキャナだけにしようと思い立ちまして、機器を購入・サービスを導入しました。ペーパーレス&机上ゼロの目処がたちました。 書類はスキャン 引越し準備の忙しいさなかにふと思い立って購入したのが、両面スキャナーFUJITSU ScanSnap S1300 FI-S1300です。整理をしている中で「これは必要かどうか迷う。けど、紙で持っている必要はない」という書類は、何も考えずにどんどんスキャンして、書類を捨てることができました。 ScanSnap S1300には取り込んだ書類を、PCのハードディスクと、エバーノートの両方に自動保存できる機能が標準装備されています。エバーノートにはOCR機能が装備されていて、スキャ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ameblo.jp/totally-awesome/entry-10321596028.html
http://designaholic.cc/2011/02/20.html
IDEA * IDEA
IDEA * IDEA