タグ「サンプル」 - はてブログ

タグサンプル

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 1000件)

そろそろ来そうなCakePHP3をざっくり見通してみた | nanapi TechBlog

2014/04/30 7777 users nanapi TechBlog CakePHP3 View

今回は、CakePHP3について書きたいと思います。サンプルのアプリケーションをつくって、bakeされたController、Model、View、ViewCellを見てみました。 CakePHP3について CakePHPは、Ruby on Rails流の「設定より規約優先」なパラダイムによる高速開発PHPフレームワークです。現在の安定版は2系で、nanapiやnanapiワークス、アンサーのサー... 続きを読む

WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）

2011/12/20 3155 users WordPress サンプル付きコーポレートサイトブログ

WordPressでブログじゃないWebサイトを作成するときのTipsです。WordPressを使った、コーポレートサイトのサンプルも作りました。WordPressでのサイト構築のやり方は、人それぞれだと思いますが、私なりのやり方をカスタム投稿タイプを使いながらまとめています。とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。Word... 続きを読む

TEST CORDING » node.js 怒濤の50サンプル!! – socket.io編

2013/07/14 3087 users 怒濤 Socket.IO TEST CORDING 都度整理

node.jsを使ったサンプル集です。ゲーム制作でサンプル作ってたら溜まったので整理がてら公開します。node.jsをローカルで実行できる環境を作ってない方は、「初心者でも安心！？Node.jsをインストールするなら仮想サーバを使おう」を参考にしてみてください。また、socket.ioやmongoDBを利用する際は、都度インストールしてください。 node.js基礎 001: hello,worl... 続きを読む

少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス

2011/01/24 2967 users 実装 jQuery小技集 Webクリエイターボックスコード

素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ jQueryの基本的な使い方まずはjQ... 続きを読む

少しのコードで実装可能な20のCSS小技集 | Webクリエイターボックス

2010/04/14 2024 users 実装 Webクリエイターボックス CSS小技集コード少し

CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！サンプルまずはCSS基礎編 1. divを中央揃えにするほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをa... 続きを読む

TEST CORDING » JavaScriptでローグライクを作ってみた

2013/05/22 2020 users ローグライク iPhone TEST CORDING URL

JavaScriptを用いてローグライクを作ってみました。ブラウザ上で動くので、iPhoneやパソコンでも動きます。厳密にいえばローグどころかローグライクですらないので、ローグライク風(？)なゲームって言ったほうがいいでしょうか。実際に遊ぶ以下のサンプルを動かせば、どんな感じに動くのか分かるかと思います。フル画面で動かしたい場合は、以下のURLにアクセスしてください。iPhoneの場合は、... 続きを読む

webサイトの企画書や提案書のサンプルを見たいのですが、提案書や企画書がまとめられているサイト等知っている方がいましたら教えていただけないでしょうか？ - W3Q

2011/11/02 1935 users W3Q 提案書 Webサイト企画書

webサイトの企画書や提案書のサンプルを見たいのですが、提案書や企画書がまとめられているサイト等知っている方がいましたら教えていただけないでしょうか？続きを読む

自販機のサンプルが動き回っていたので調査したら頭がおかしくなりそうになった - おにノート

2017/12/23 1919 users 自販機道中オロナミンC ノート翌日

2017 - 12 - 23 自販機のサンプルが動き回っていたので調査したら頭がおかしくなりそうになった突然ですが、こちらの写真をご覧ください。酔っぱらって帰る道中で、ふと撮った写真です。自販機のサンプルが傾いてて面白かったので撮影しました。酔っぱらってると何にでもウケちゃうの恐ろしいですね。続いて、同じ自販機の翌日の様子をご覧ください。お分かりでしょうか。向かって右側のオロナミンC ... 続きを読む

女性も男性も参考になる「眉毛のお手入れ」　基本からメイクのコツまで - はてなブックマークニュース

2011/10/18 1758 users 眉毛メイクコツ参考男性

顔の印象を決める“眉毛”、あなたはきちんとお手入れしていますか？濃い眉毛も薄い眉毛もきちんと整えれば、相手にいい印象を与えられます。今日は女性はもちろん、男性も必見の「眉毛のお手入れ方法」を紹介します。 ■ プロが教える眉毛のお手入れのコツ下記のヘアーサロンのサイトでは、眉毛のお手入れのポイントや眉毛の形のサンプルなどを紹介しています。 ▽ 簡単　眉毛　お手入れ方法・ヘアサロンドラゴン 1.眉下... 続きを読む

たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER

2012/10/18 1703 users レスポンシブ・ウェブデザイン NHKスタジオパーク話題

簡単に作れる！みんな大好き可変グリッド先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプル... 続きを読む

大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX

2014/04/09 1472 users Azusa memographix github.com

いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 https://github.com/sanographix/azusa-keynote 解説サンプルも兼ねた解説スライド作った。だいたいスライドに書いたけど要約すると下記のようなことを考えた。前提スライド作るの難しい色とか難しいかっこよくしたい Azusaっていうの... 続きを読む

スタイルシートによる崩れない　2カラム　3カラム・レイアウト

2005/09/18 1365 users レイアウト 3カラム 2カラムスタイルシートモジラ

ネットサーフィンをしていると、floatを使って段組しいていて、レイアウトが崩れているサイトを時々見かけます。ほとんどの場合が、左のみwidthを指定しているが、右に指定していない場合です。これはWINのIEでのみ段組されて表示されますが、モジラ等では、右部分は下に回りこんで表示されます。　ということで、ここでは上下にヘッダーとフッターを置いたサンプルを使いながら、メイン表示部分を左右2段にスタ... 続きを読む

黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス

2007/03/29 1302 users コリス矩形みろモナリザパルテノン神殿

その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。黄金比を矩形に使用する黄金比をマージンに使用する黄金比をパーツに使用する黄金比を矩形に使用するサイトで使用する画像などの矩形に黄金比を適応します。サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して1... 続きを読む

Web Applicationを綺麗に設計するためのMVACという考え方 - Dive into the Tech World!

2011/03/03 1269 users アーキテクチャ Model ロジック出力データソース

こんにちは。最近ははてなでMVACというアーキテクチャに則って開発をしているのですが、ようやく意味を理解できてきました。そこで今回は「Web Applicationを綺麗に設計するためのMVACという考え方」について、サンプルを交えながら説明していこうと思います。かなり長くなってしまったので、時間があるときにでもどうぞ。 MVACって？　データソースやロジックを扱う「Model」、表示・出力を管理... 続きを読む

7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 | OZPAの表4

2012/11/06 1230 users jQuery OZPA jQu 語呂 JavaScript

約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。そんなわけで、今回は「jQu... 続きを読む

自由に使えるオープンソースの日本語フォント - SourceForge.JP Magazine

2009/04/27 1084 users JP Magazine オープンソース日本語フォント本稿

オープンソースのソフトウェアが質、量ともに充実していくなかで、日本語フォントは成長が遅れていた分野の1つだが、徐々に選択肢を増やしてきている。行書体や隷書体などはほとんど見かけないが、日常的に使用するゴシック体、明朝体であれば実用になる日本語フォントがオープンソースで利用可能になっているのだ。そこで本稿では、オープンソースの日本語フォントを集め、それらの概要とサンプルをカタログ化してみたい。【A... 続きを読む

HTML5アプリ作ろうぜ！（11）：Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) - ＠IT

2014/03/19 1069 users Bootstrap サンプルアプリケーション API 概要

HTML5アプリ作ろうぜ！（11）：Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介... 続きを読む

「プログラマでしょ？ホームページ作ってよ！」を1日で対応する - Qiita

2016/11/27 1054 users Qiita Credits プログラマホームページ友人

プログラマあるあるだけど友人からホームページ作ってよ!と言われることがある。大体は適当な理由をつけて断るけど、1日程度で作る方法を模索してみた。テンプレートをダウンロード 1から書いてる暇はないので適当なテンプレートを使います。今回は HTML5 UP! を使います。 HTML5 UP!のLicence 控え目でもCreditsをサイトに乗せれば無料で使用可能です。以下はサンプルテーマは ... 続きを読む

HTML5で進化したフォーム機能　ここが違う！サンプルで見るHTML5（5）（1/3）：CodeZine

2010/12/24 1026 users CodeZine HTML5 フォーム機能

新たに導入されたフォームコントロール　これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足していると言わざるを... 続きを読む

test.comやaaa.comをテストデータに使うのはやめましょうという話

2018/01/23 967 users URL ドメイン企業ドメイン名システム開発現場

Web システム開発時のテストデータを作成する時、また各種ドキュメントを書いている時など、サンプルの URL を使う場面は多いと思いますが、その時に適当なドメイン名を使うのはやめましょう、という話です。知っている方には当たり前レベルの話ですが、意外と IT 企業のシステム開発現場等でも普通に見かけることがまだまだありますので・・・。よく見かける例例えば、こんなドメインの URL で開発中シス... 続きを読む

表記揺れ検出ツール「テキストゆれないくん」 - inzkyk.xyz

2024/04/27 929 users 単語 Wikipedia コンピュータコンピューター文章

その他のサンプル: Wikipedia:良質な記事, Wikipedia:長いページ紹介「テキストゆれないくん」は文章に含まれる表記揺れを検出するツールです。「コンピュータ」と「コンピューター」、あるいは「全て」と「すべて」といった同じ単語の別表記が使われていないかどうかをチェックできます。「テキストゆれないくん」は... 続きを読む

超定番の jQueryプラグインをサンプルと一緒に集めました。（商用利用OKなもの多め） | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/02/01 908 users KAYAC DESIGNER jQueryプラグイン

超定番のjQueryのプラグインを厳選して集めました。商用利用が可能なものを優先的にピックアップしています。（利用する際はそれぞれライセンスをご確認くださいね）超定番プラグインアニメーションのイージングを簡単に扱えるプラグイン jQuery.easing jQuery.easing jquery.easing スマートフォン用フレームワーク jQuery Mobile jsdo.itでも何... 続きを読む

スタイルシートによる崩れない　2カラム　3カラム・レイアウト

2005/09/21 872 users レイアウト 3カラム 2カラムスタイルシートモジラ

TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」: 小粋空間

2012/02/05 867 users Twitter Facebook 小粋空間タイムライン

TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。１．サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプルページの一番下までスクロールすると... 続きを読む

[Think IT] 【これならわかる！JavaScript/Ajax】やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？ (1/3)

2008/05/13 856 users Think IT JavaScript Ajax 須田著者

【これならわかる！JavaScript/Ajax】やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？著者：有限会社グローバルイーネットワーク　須田超一公開日：2008/5/13（火） JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさ... 続きを読む

(1 - 25 / 1000件)

次の25件 »