タグ

sampleに関するsuusukeのブックマーク (12)

  • 「PHPコードではなくPHPコードの「書き方」を知る」を発表してきました

    PHPカンファレンス関西2014で「PHPコードではなくPHPコードの「書き方」を知る」を発表してきました。 写真提供:久岡写真事務所 別トラックに人気セッションがひしめく中、多くの方に聴いて頂き、ありがとうございましたm(_ _)m 発表内容 PHP 中級者(中級がどこかというのはありますが)を目指す初心者の方を対象に、FizzBuzz のコードを、関数にまとめて、クラス化するというのをライブコーディングで行いました。 また、関数にまとめた段階で、自動テストを書いて、実行結果を目で確認するのではなく、テストを実行して確認するというスタイルを取りました。 発表資料は以下です。 コードを書きながら進めていく形なので、資料だけでは少し伝わらない部分があるかもしれません。 デモで書いた PHP コードは、GitHub で公開しています。Sample1, Sample2 とディレクトリが分かれてい

  • 地味に使えるCSS小技のメモ&サンプル集

    cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード.centered { position: relative; overflow: hidden; } .centered ul { position: relative; lef

    地味に使えるCSS小技のメモ&サンプル集
  • 新規でサイトを作るのに使えそうなの一式。Ver 3

    随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに使えそうな一式。Ver 3をDL(zip:40kb) Ver 3を見る Ver.3の中身ご説明 主な変更点を。 style.cssのwidthなどのプロパティをまとめていたのをVer1と同じに。 default.cssに書かれていた、p要素のmargin-bottomの指定をstyle.cssに移動。 default.cssのfont-familyの指定を若干変更。 index.htmlGoogleカスタムサーチ用に使えるソースを記入。 Ja

    新規でサイトを作るのに使えそうなの一式。Ver 3
  • [使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。

    第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">&laquo; PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT &raquo;</a></li> </ul> サンプル1: とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «

    [使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
  • 988 + JavaScript Libraries : skuare.net

    Image Gallery Graph Form Tooltip Table Text Round Syntax Highlight Color Picker Calendar Other

  • 「RMI + Windowsサービス」(1) Java Solution - @IT

    IT 会議室 Indexリンク Windows Server Insider Insider.NET System Insider XML & SOA Linux Square Master of IP Network Java Solution Security & Trust Database Expert RFID+IC リッチクライアント & 帳票 Server & Storage Coding Edge @ITクラブ Cafe VB業務アプリケーション開発研究 @IT SpecialPR

  • RMIのサンプルコード その2 - のびのびなメモ

    再度RMIを使ったサンプルコードを書いてみました。 プログラム全体の説明 今回のサンプルコードの全体図を描いてみました。 1.スタブはリモートオブジェクト(BookSearchServiceImpl)と同じメソッド(以後リモートメソッドと略)を持っています。クライアントプログラム(BookSearchServiceClient)は、スタブが持っているリモートメソッドを呼び出します。 2.スタブはスケルトンにリモートメソッドが呼ばれた事を伝えます。 3.スケルトンはリモートオブジェクトのメソッドを呼び出します。 4.リモートオブジェクトは書籍データベースに対してデータ検索を依頼します。 5.書籍データベースは検索結果をリモートオブジェクトへ返します。 6.リモートオブジェクトはスケルトンに対して、戻り値(検索結果)を返します。 7.スケルトンはスタブに対して戻り値を返します。 8.スタブはス

    RMIのサンプルコード その2 - のびのびなメモ
  • RMIのサンプルコード その1 - のびのびなメモ

    RMIの簡単なサンプルコードを書いた時のメモです。 使用したJ2SEのバージョン:1.4.2_08 1.D:\RMI_HELLO\examples\rmiフォルダを作成し、以後プログラムはこのフォルダ以下に保存します。 2.以下のようなクライアントから呼び出せるメソッドを定義したリモートインターフェイスを作成します。 Hello.java package examples.rmi; import java.rmi.Remote; import java.rmi.RemoteException; /** * * リモートインターフェイスは以下二つの条件を満たさなくてはいけません。 * * 1.java.rmi.Remoteを継承します。 * * 2.定義したメソッドはRemoteExceptionをスローするようにします。 * */ public interface Hello extend

    RMIのサンプルコード その1 - のびのびなメモ
  • 段落(pタグ)とアンカー(aタグ)さえあればどこにでも配置できるさ

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

  • CSSデザインカタログ | table

    テキストテキストテキストテキストテキストテキストテキスト。テキストテキストテキストテキストテキストテキストテキスト。

  • CSSデザインカタログ | block | 見出し部分を画像にした角丸の枠

    h3,pとulによるリストを含む テキストテキストテキストテキストテキストテキストテキストテキストテキスト 項目1 項目2 項目3 項目4 ソース XHTML <div class="div042-hpl"> <h3><img src="img/hd-div042-hpl.png" alt="見出し部分を画像にした角丸の枠 : div042-hpl" /></h3> <p>h3,pとulによるリストを含む</p> <p>テキストテキスト......</p> <ul> <li>項目1</li> <li>項目2</li> <li>項目3</li> <li>項目4</li> </ul> </div> CSS div.div042-hpl { margin: 1em 0; width: 570px; background: url(../block/img/bg-roundcorner.png)

  • 見出しの横などにボタンを配置

    結構見かける、見出しなどの横に配置されているボタン。 ウチのサイトでも、NEW ENTRYの横にRSSボタンをつけてます。 他に、続きを読むやMoreなんかが見出しの横にボタンやテキストとして配置されているケースが多いと思います。 このデザインを実現する際に、floatかpositionのどちらでも可能ですが、この場合はpositionの方が楽な上に柔軟に対応できる(と思う)のでオススメ。 ということで、ウチのサイトを例に作成方法を。 HTMLはこんな感じになってます。 <div id="main"> <h2>New Entry</h2> <p id="btnRss"><a href="/index.xml">RSS 2.0</a></p> ・ ・ ・ <!-- / main END --></div> CSSを切っている状態だと→こんな感じ。 position以外のスタイルを適用させると

    見出しの横などにボタンを配置
  • 1