room 402 Inc.Website is under maintenance We are doing some updates on our site, and we need to be offline for a while. We will be back with you shortly! Twitter Facebook Instagram
スニペット管理とかダルいって人にオススメ！超シンプルなスニペット管理ツールの『Snippi』！ | バンクーバーのうぇぶ屋
よく使うHTMLやCSS、PHP等のコードはスニペットとして保管しておいて、後からすぐに使えるようにしたい物ですよね？更には人と共有できればチーム全体の作業効率にも繋がるしで良い事尽くめかなと思います。これまではDreamweaverだと既存のスニペット機能、Codaだとクリップ機能とかを使っていたんですが共有するとなるとちょっと面倒くさい。Wikiなんかでもいいけど構築するのも時間かかるし、いつやろうか。って感じでした。 そんなこんなで、今日ご紹介させて頂くのは、個人的にスニペット管理の決定版になるかもしれないと思った「Snippi」というサービスです。 別にめちゃめちゃ珍しい機能とか無いんですが、とにかく超シンプルで使いやすい！FBやTwitterログインは当然可能で、スニペットに対するタグ付けや言語別ソート、各スニペットにはコメントが可能で簡単な説明なんかすぐ可能。 説明する必要が無
[WordPress]ワードプレスのデータベース移行方法 – devolen
MySQLのエクスポートファイルを使ってワードプレスのデータベースを移行させたので、その方法を備忘録がてら紹介します。 サーバーは変えずにデータベースの移行だけを行いました。 ですが、せっかっくなのでサーバー引越し時のように、説明していきたいと思います。 新しい移行先サーバーには、ワードプレスはインストール済みとします。 この時移行先サーバーには、現状のワードプレスフォルダ丸ごとダウンロードしてから、移行先サーバに全てアップロードして下さい。 画像をアップしている場合は画像が表示されなくなりますし、プラグインなどのインストールが面倒となるかと思うので、新たなワードプレスはインストールしない方がいいと思います。 後はデータベースの移行のみです。 まず、現状のデータベースのデータを書き出し(エクスポート)ます。 1.PhpMyAdminへログインし、左側のメニューからエクスポートしたいデータベ
SassをWindowsにインストールする - あと味
Sassについて話してから、うまく動かないなどの問合せをいただきます。 インストールはやっぱり完全初めてだと難しいんですね。その反省も込めて、Windowsでのインストール方法を説明することにします。 手元にWindows XPしかないので、Windows XPでの操作説明になりますがご了承ください... 適当に読み替えて進めてください。 RubyInstaller for Windowsのダウンロード Sassの公式サイトにもリンクがありますが、以下のサイトからRubyInstallerがダウンロードできます。 RubyInstaller for Windows ここのダウンロードページに移動したら、RubyInstallersという項目があるので、 Ruby1.8.xをダウンロードします。Ruby1.9.xをダウンロードします。 Rubyは1.9系と1.8系があって、今は1.9系への移
「こわくない Git」というスライドを発表しました - kotas.tech
社内向けに「こわくない Git」というタイトルのスライドを作って発表しました。 対象者は「マージがなんとなく怖い」「エラーが怖い」「リベース使うなって言われて怖い」と、Git が怖いと思っている人です！ こわくない Git from Kota Saito 発表中に出た質問など 補足も兼ねて、上のスライドを発表した際に出た質疑応答などをここに書いておきます。 Q: 常に Non Fast-Forward (--no-ff) でいいのでは、と思えるけど git merge がデフォルトだと Fast-Foward or Non Fast-Forward (--ff) なのはなぜ？ A1: Non Fast-Forward だと、確かにメリットが多いのですが、1点だけデメリットがあります。特に差分が無い状態で git merge --no-ff すると、空のマージコミットが作られてしまうのです。
こわくない Git
8. コミットに入ってる情報 リビジョン (SHA-1 ハッシュ) 例: 23cdd334e6e251336ca7dd34e0f6e3ea08b5d0db Author (コミットを作成した人) 例: オープンソースプロジェクトにパッチを送った人 Committer (コミットを適用した人) 例: 受け取ったパッチを取り込んだ人 ファイルのスナップショット (tree) コミットで変更されたファイルを含むツリー（説明は省略） 1つ前のコミットのリビジョン 例: 4717e3cf182610e9e82940ac45abb0d422a76d77 9. コミットに入ってる情報 リビジョン (SHA-1 ハッシュ) 例: 23cdd334e6e251336ca7dd34e0f6e3ea08b5d0db Author (コミットを作成した人) 例: オープンソースプロジェクトにパッチを送った人 Co
[SEO] 正式公開前のウェブサイトはパークドメイン状態にしないこと ::SEM R (#SEMR)
[SEO] 正式公開前のウェブサイトはパークドメイン状態にしないこと ウェブサイトの正式公開前にドメインがインターネットからアクセスできる状態にある場合、ドメインパーキングにするのではなく、簡単なコンテンツを掲載しておくこと。 公開日時：2012年11月12日 02:24 新規取得したドメインで新たなウェブサイトを開設する際、検索エンジンにできるだけ迅速にインデックスさせるために、正式開設の数週間前からドメインにアクセス可能に準備しておくという方法があります。特にGoogleのサンドボックスやエイジングフィルタが強く作用していた頃は、サンドボックス状態を最短で解除するために1ヶ月以上前にドメインをGoogleに認識させることが推奨されていました。 それはさておき、様々な事情により、ウェブサイトを正式公開する前に、ドメインを準備してあらかじめパークドメインにしておくケースもあるでしょう。パー
![[SEO] 正式公開前のウェブサイトはパークドメイン状態にしないこと ::SEM R (#SEMR)](https://cdn-ak-scissors.b.st-hatena.com/image/square/571c1fec2fe73c3a13b702681e7a8d32f18a18c2/height=288;version=1;width=512/http%3A%2F%2Fwww.sem-r.com%2Fimages%2Fse%2Fsemr-logo-fb-150x210.jpg){kind=logo}
画面をチカチカさせる活動の振り返りとノウハウの共有 - hitode909の日記
ぼくはライフワークとして画面をチカチカさせる活動をしてるのだけど，周りの人にあまり理解してもらえなくて，まぶしいとか，そんな低俗なことをやって，みたいな反応をされる． けど，画面をチカチカさせるだけでも，いろいろと工夫できることとかある．今日はこれまでの活動の振り返りと，それで得たノウハウを共有しようと思います． 過去の活動 これまでに，いろいろ画面をチカチカさせるやつ作っているので，順に紹介します． コード残ってるのは2010年からだけど，一番古いのは中学生のときにRPGツクールで作った画面がチカチカするゲームで，途中まではRPGとして遊べるけどストーリーが進むと画面が高速で点滅し始めてそれ以降何もできなくなるというゲームでした． 古くはポケモンショックというイベントもあったけど，ぼくは関西に住んでて見れなかった． ウェブページをチカチカさせる このbookmarkletを起動するとウェ
ちょっとよさげなSublime Text 2の設定 – A Memorandum
たまたま目にした海外の記事「Configuring Sublime Text 2」に、自分が指定してないSublime Text 2の設定がありまして。ちょっくらそれを拝借しつつ、自分が指定しているいくつかの設定とZen-Codingの次期バージョン「Emmet」を日本語環境で使う時にしておいた方が良い設定をまとめておいた。 「Cmd＋,」で出る「Settings – User」に書いとけば大丈夫。 これら以外にも「Sublime Text Unofficial Documentation」とかに日本語じゃないですけど、いろいろな設定が書かれているので参考にされると良いかと。ロシア語のサイトにはココにないのもあったりしましたが、なんせロシア語なので載せないでおきます（笑）。
[jQM] jQuery Mobile 1.2.0 で追加された3つの機能（＋α）をざっくりレビュー！ | @mekemoke
スマートフォン対応サイトを作るのに便利な jQuery Mobile の最新版が発表されました。新機能としては、ポップアップ、折りたたみが可能なリスト、リストの自動振り分け機能がお目見え。動作も速くなったようです。 via: Announcing jQuery Mobile 1.2.0 Final | jQuery Mobile jQM 1.2 を使うためには、jQuery の 1.7.0以上（～1.8.2・20121003現在）が必要です。以下のように外部から読み込んでもOK。 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></s
![[jQM] jQuery Mobile 1.2.0 で追加された3つの機能（＋α）をざっくりレビュー！ | @mekemoke](https://cdn-ak-scissors.b.st-hatena.com/image/square/f98a412e999d32f6cc6e0d522b7aa0ed5fe254e6/height=288;version=1;width=512/http%3A%2F%2Fmekemoke.jp%2Fwp%2Fwp-content%2Fuploads%2F2012%2F10%2FjQuery-Mobile-Demos-and-Documentation-1024x5991.png)
改行削除するくらいなら gzip したらいいじゃない
CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ
jQuery Mobile リファレンス的なもの - へっぽこプログラマーの日記
jQuery Mobile のリファレンス的なものを作りました。 取り敢えず叩き台で、ツッコミなどあればコメントください！ ※RC2版に対応しました Page 要素 属性 値 概要 div data-role page ページ 設定 値 既定 備考 data-fullscreen boolean false フルスクリーン表示（ヘッダーとフッターでdata-position="fixed"を指定する必要がある） data-add-back-btn boolean false 戻るボタンの自動生成 data-back-btn-text 任意 "Back" 自動生成された戻るボタンのテキスト data-keep-native 任意 ネイティブで利用するUIをセレクターで指定する data-dom-cache boolean false ページをキャッシュする data-theme 任意 c テ
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="
jQuery Mobile - Content html formatting
敢えてtableを使う場合は tableの大きさは、ヘッダーの文字数で決まる？、td内で自動改行されない 罫線は captionはセンタリング scope ★ui-body ui-body-e 枠あり(body)と、枠なし(bar)の違いか data-role="content" data-theme="d"とbodyの違いは？ボタン等も含めて全デザインが一括して変わるのがdata-theme html h p a li ul img span strong,em fieldset form div div data-role="page" div data-role="page" data-theme="b" id="jqm-home" div data-role="header" data-theme="b" div data-role="header" data-position="
jQueryMobileを使う時によく使う基本コード | 1bit::memo
いろいろな所から毎回調べるのが面倒なので、自分用にコードをメモします。（調べながら記述しています。随時追記予定。） 大枠のひな形 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> <meta name="format-detection" content="telephone=no"> <link rel="apple-touch-icon-precomposed" href="img/iphone.png"> <link href="http://code.jquery.com/mobile/latest/j
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オープンソースソフトウェアとかウェブ技術とか: WindowsでSass環境を構築する
https://raw.github.com/gist/1058580/zzz_pow.conf
finefinefine.jp
jQuery Mobile 1.1.0 日本語リファレンス