思いは言葉に。 はてなブログは、あなたの思いや考えを残したり、 さまざまな人が綴った多様な価値観に触れたりできる場所です。
![はてなブログ | 無料ブログを作成しよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/06a15c64ba0ceec233d86d71001ebb29a9dcbf5d/height=288;version=1;width=512/https%3A%2F%2Fcdn.blog.st-hatena.com%2Fimages%2Ftheme%2Fog-image-1500.png)
思いは言葉に。 はてなブログは、あなたの思いや考えを残したり、 さまざまな人が綴った多様な価値観に触れたりできる場所です。
クライアントとの更新やりとりを10倍楽にする(か... / 【無料配布】Web制作における書類一式、そしてド... / WEBサイト制作前やデザイン制作時に欠かせないヒ...他...全5件
元旦に rack-server-pages というものをリリースしました。 元旦リリースしました。僕からのお年玉です。 > rack-server-pages j.mp/uNthnL #ruby — Masato Igarashi (@migrs) January 1, 2012 実は数年前からずっと作りたいと思っていたもので個人ToDoリストに長らく居座っていたものがやっと着手できた。 Ruby で WEB開発といえば Ruby on Rails というデファクトスタンダードを筆頭に MVCフレームワークを利用するのが一般的ですが、現状フレームワークを利用しないという選択肢がほとんど無いんですよね。 フレームワークというキーワードを聞くだけで「よく分からない」「プログラマの為のもの」 感覚になってしまう人も多いはずです。 たとえシンプルで軽量といわれている Sinatra ですら。 PH
愛用していた順位チェックツールのFerretRCの正式版のリリースが発表されましたが、今までと同じように使うためには年8,800円必要となります。一応無料版も用意されていますが、5サイト30キーワードまでという制限が付きます。 FerretRCの有料版を使うのであればGRCの方が良いと思いますが、順位チェックに重きを置いていない私としては、お金をかける事には躊躇ってしまうので無料版で対応することにしました。 »無料検索順位チェックツール「IKKO」 順位:100位まで サイト数:100個まで キーワード数:500個まで サイトには500位までと書いてあるのですが、現時点では100位までのチェックとなっています。 IKKOの使い方 サイトの登録 サイト名とURLを入力し、追加をクリックします。サイトが追加されたら次にキーワードの登録を行います。 キーワードの登録 キーワードを入力し追加という
小さなアイコン画像などを一つにまとめて表示はCSSで切り出して行うのがCSS Spriteです。用意する手間があるため二の足を踏むケースも多いのですが、Sprite Factoryを使えばごく手軽に運用ができそうです。 インストールします。Rubygemsでインストール可能です。 実行はsfコマンドで。ディレクトリを引数としてそれ以下にある画像を全てまとめてくれます。 生成されるのはimg.cssとimg.pngです(カスタマイズ可能)。 生成されたCSSです。img.pngのSprite指定になっています。 生成された画像です。全て横につながった画像になっています。 生成された画像と元ディレクトリです。 オプションです。パスやSass形式での出力などに対応しています。 Sprite Factoryはクラス名に元のファイル名がつけられるので、Sprite画像は見ずともクラス名の指定がしやす
JavaScript, Game | 17:11 | CoffeeScriptからenchant.jsを叩いて使ってみたところ、スゴい速さでクロスプラットフォームなゲームができあがって、非常に開発がしやすい感じだったので、今回の開発についてまとめてみました。この方法でゲームを開発すると 実行環境構築が不要で クロスプラットフォームでスマートフォンでも動き 開発しやすく 凄まじい速度でゲーム開発ができます。enchant.jsとは、国産のJavaScriptで実装されたゲームフレームワークです。 ドキュメントやサンプルが充実しており、初学者でも敷居が低いのが特徴です。enchant.js - HTML5 + JavaScript Game Engine CoffeeScriptとは JavaScriptにコンパイルすることができる 文法ミスの場合、コンパイルできないため、エラーに気付きやすい
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
使いやすそうだったので備忘録。 Googleマップライクに動かせて マーキング、その場にコンテンツ を表示させる事も可能な軽量 jQueryプラグイン・CRAFTMAPです。 ちょっと説明下手ですね・・ マーキングもデザインのカスタマイズも割と楽で色々なものに応用できそうです。商用は有料なのですが、もしかしたら使うかも。 メニューから選択するだけでなく、ドラッグ可能でマーカーをクリックすることでもスクロールしてくれます。地図コンテンツでたまに見かけるインターフェースですね。 特にGoogle Map API等は使用していません。シンプルに、地図の画像を作って、座標に応じてマーカーを設置する、というものです。ライブラリも軽量ですよ。 サンプル作ったのでどうぞ。 Sample コード<script type='text/javascript' src='https://ajax.googlea
Distributed Object Storage Made Easy! Use commodity hardware/software to build your own scalable object storage! Learn more » What is STF? STF is a simple, yet very scalable distribute storage system. STF powers sites like livedoor Blog, loctouch and many more, serving gigabytes after gigabytes of data. On one such system, it's serving 400Mbps of image at peak hours without a hitch. GET STF! STF i
「あとで読む」サービスのように一箇所にどんどん貯めておくものと違い、ブックマークとは必要なときに必要なものをサッと出せるようにする、整理整頓が重要なものですよね。 整理整頓の方法には人それぞれにあらゆるやり方があるもの、であればブックマークの整理方法もあらゆる方法があるべきだと思うわけです。 とうわけで今回は、ブックマークをマインドマップに貯めていくことができるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 マインドマップへブックマークを蓄積できる「MindiT」 「Mind iT」は、ブックマークをオンライン上のマインドマップへ貯めていけるサービス。 Chrome拡張機能、Firefoxアドオンも配布しており、カンタンにブックマークをマインドマップ
2013年4月1日 Wordpress WordPressにはデフォルトで検索フォームが設定されているので、一行のコードを追加するだけで簡単に検索フォームを設置することができます。しかしその検索フォームは本当に簡易なもの。よりユーザーが使いやすくなるようにカスタマイズする方法をいくつか紹介します。実際にWebクリエイターボックスで使っているコードも公開しているので、ぜひ参考にしてみてください。 ↑私が10年以上利用している会計ソフト! 検索フォームの設置方法 まずは基本編、フォームの設置方法です。自分でオリジナルテーマを作成したり、カスタマイズする時に地味にひっかかる検索フォームの設置方法(たぶん)。設置するだけなら以下の一行をテーマファイル内に記述するだけでWordPressが最初から用意しているフォームを実装することができます。 <?php get_search_form(); ?>
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します(2012/01/11頃まで)。 このエントリーで紹介する情報は2011年12月のものです。 1.ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ
訪れたユーザーがページのどこをどう見て、どのように移動し、どのあたりで詰まるのか、そういった各種行動を把握するためにユーザーのデスクトップ自体をリアルタイムにリモートデスクトップっぽく見ることを可能にするというのがこの「SiteSupport」です。 SiteSupport - Remote Desktop for Web Apps http://sitesupport.com/ ブラウザのセッションを共有し、特別なソフトウェアをインストールする必要性は一切無し。JavaScriptのウィジェットをサイトに設置すればユーザーのデスクトップをリモートで見せてもらう仕組みを簡単に導入することが可能であり、APIが提供されているので自分の好きなようにカスタマイズすることも可能、全部のコネクションはSSL経由であるためセキュリティも万全です。 実際にどのような感じで動作するかというのは以下のムービ
2016年6月8日 Webサイト制作, Wordpress WordPressのプラグインってすごいですよね。少しカスタマイズするだけで思い通りの機能のついたWebサイトを作ることができます。今回は「えっ、こんなことまでできちゃうの?」と思わせてくれるような高性能プラグインをいくつか紹介します。WordPress 3.0から追加されたマルチサイト機能を使えばWebサービスとして運営することもできそうなもの多め。どんな風に使おうかわくわくしちゃいますよ! ↑私が10年以上利用している会計ソフト! 1. SNS BuddyPress WordPressをSNSとして運営することができるプラグイン、BuddyPress。過去記事「WordPressプラグイン「BuddyPress」でSNSサイトを作成」で詳しく紹介しています。
こんなの見つけましたiWebInspector [簡単な使い方] iOSシミュレータを立ち上げる シミュレータ内のSafariで調査したいページを開く iWebInspectorの”Load from Safari”をクリック Page Listingという今見てるページの確認画面が出るので良ければリンクをクリック SafariとかChromeのWebインスペクタに似た画面になるので、色々HTMLとかCSSを調整すると、iOSシミュレータ内のSafariに反映される! 立ち上げるとこんな画面 iOSシミュレータのSafariで適当なページを開く Webインスペクタが表示された! インスペクタでタグを選ぶとシミュレータ内のタグがハイライトされる。 background-colorを変えてみたり、h2タグの中身を変えてみたり 読み込み速度見てみたり ConsoleからJavascript叩いて
Fireworksの拡張機能である「Fireworks CSS3 Mobile Pack」が、Adobe Labsにて公開されています。この拡張機能を使えば、Web標準に沿ったWeb/モバイル/タブレット向けデザインの制作をより効率的に行うことができます。Fireworks CSS3 Mobile Packをインストールすると、下記2つの機能が追加されます。 [CSS3 Property]パネル: デザイン要素からシームレスにCSS3プロパティを抽出することができます。 [jQuery Mobile Theme Skinning]ツール: 独自のjQuery Mobile用スプライト画像とテーマ用CSSを作成することができます。 本記事では、これらの機能の使い方を解説します。 サンプル:css3_mobile_pack_sample.zip 必要なもの Fireworks CS5/CS
11月24 ドラッグ&ドロップでiPhone・iPad・Androidのゲームアプリが簡単に作れてしまうGameSaladが凄すぎる Tweet iPhoneアプリをつくりたいけどプログラミングなんて分からないという人は結構いると思う。昔はiPhoneアプリといえばObjective-cを習得しないと無理だったのだが、最近はHTML5とJavaScriptで実装できるようになったり、便利なツールが出てきたりしてアプリ制作の敷居が下がってきている。それでもある程度プログラミング言語や仕組みを知っていないと作れない。作れたとしても頭で思い描いていたものよりも陳腐なものになってしまったり、ましてや”ゲーム”を作るとなるとさらに難しい。ただの計算アプリとかと違ってゲームには複雑な動きを実現するコードを書く必要があるからだ。僕も端くれのプログラマだが、ゲームを作るのは畑違いなので一生ゲームアプリを作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く