今日からCSS3アニメーションを使えるようになるチュートリアル
CSS3のアニメーションってスゴい！ 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示されますよ 見れない人のために動画も撮ってみました。 どうですか？CSSだけで、まるでFlashを使ってるような表現ができちゃうんです。 今回はこのCSSのアニメーションのチュートリアルをご紹介します。 「NEW!」というアイコンが、1文字ごとにぴょこんぴょこん跳ねるアニメーションを作ってみましょう。 上記のdemoでいうと二つ目の動きです。 HTML <p class="animetionNew
Linux上で動くSkype用のbotを作る方法 - muddy brown thang
はじめに 以前、知人のやっているBeProudという会社を手伝ったのですが、BeProudでは、エンジニアの主要なコミュニケーション手段としてSkypeが使われていました。当時、趣味でたまたまSkypeのAPIについて調べていたので、悪戯っ気を出して、開発環境に即席でSkype APIを使ったbotを設置してみたところ、思いのほか好評を博し、いまやインフラと言っても過言ではない存在 *1 *2と化したようです。 まあそんな状況を眺めつつ、自宅のサーバにSkype botを設置して、お気に入りのSkypeチャットにもbotを加えてみたところ、これも結構好評だったので、興味ありそうな人向けに作成方法をまとめることにします。 Skype Public API Skype Public APIとは、Skypeを外部からコントロールするためのインターフェイスです。 Skype Public APIを
CentOSで自宅サーバー構築
ルーター経由接続によるインターネット常時接続環境である(当サイトはIIJmioひかりによるインターネット常時接続環境) 固定または非固定のグローバルIPアドレス環境である(当サイトはGMOとくとくBBの固定グローバルIPアドレス環境(逆引きも可能)) ※メールサーバーを構築する場合は逆引き可能な固定グローバルIPアドレス環境が望ましい(非固定グローバルIPアドレスや、固定グローバルIPアドレスでも逆引きしたホスト名とメール送信元ホスト名が異なる場合にメール受信を拒否するメールサーバーがまれに存在するため) OSのインストール時を除き、サーバーの操作はWindowsからコマンド操作で行なう ■コンテンツ ※ホスト名やドメイン名、IPアドレスは各自の環境に置き換えること ※各目次に表記してあるバージョンは、当サイトで確認をとったCentOSのバージョンを示しており、そのバージョンでないとできな
mod_rewrite
mod_rewriteとは Apacheのモジュールのひとつで、アクセスURLを正規表現で書き換えることができます。リダイレクト処理を行うのに便利なモジュールです。 モジュールの解説ドキュメントによれば URLを操作するためのスイス製のアーミーナイフ と例えられるほど、非常に複雑な処理を行えます。 URLからURLへ、同一サーバ内URLだろうが、別サーバURLだろうが問いません。 引数を含む動的URLを通常のHTMLファイルのような静的URLに見せることも可能です。 素晴らしく詳細なマニュアルもありますが、機能が多いだけに情報量が多く読むのも面倒だと思いますので、ここでは、mod_rewriteを使用すると便利な場面を想定して具体的に解説してみたいと思います。 mod_rewriteの基本 ひとまず、mod_rewriteはApacheのモジュールです。インストールされていなければ、サーバ
LANの速度を検出する·LAN (Local Area Network) Speed Test MOONGIFT
最近のネット接続サービスはベストエフォードという言葉に包まれ、言うほどの速度が出ていないことがよくある。社内のLANシステムも、無線LANと有線LANでどれほどの違いがあるのか、はっきりと分かる機会はそれほど多くない。100Mbpsとギガビットで、目を見張るほど違うだろうか。 アップロードするファイルサイズを指定する そんなネットワーク回線の速度について、見える形にしてくれるのがLAN (Local Area Network) Speed Testだ。 今回紹介するフリーウェアはLAN Speed Test、LANの速度チェックをするソフトウェアだ。 インターネット回線の速度チェックサービスは多数あるが、LANというのは新しいかも知れない。これならば実際の速度がどのくらいのレベルなのかはっきりと分かるだろう。また、有線LANと無線LANでどれほどの差があるのかもきちんと分かる。 検査結果。
findコマンドの使い方: UNIX/Linuxの部屋
最終更新 2019-01-22 UNIX/Linux の find コマンドは、ファイル名・タイムスタンプ・ファイルサイズ・オーナー・グループ・ファイルタイプなどを元に、ファイルやディレクトリを検索するコマンドである。AND・OR の組み合わせや正規表現が使えたり、検索だけではなくコマンドの実行も可能など、非常に強力なコマンドである。
VMware/CentOS5/テンプレート - Revulo's Laboratory
仮想マシンの作成 † メニューの File → New → Virtual Machine... を実行し、 以下のような設定で仮想マシンを作成。 Virtual machine configuration Custom Virtual machine format New - Workstation 5 Guest operating system Linux Version Red Hat Enterprise Linux 4 Virtual machine name CentOS 5.2 Location V:\VMware\CentOS 5.2 Processors One Memory 256 MB Network connection Use bridged networking I/O adapter types SCSI Adapters: LSI Logic Disk C
ドイツのプログラミング大会優勝作品、わずか4キロバイトで作られた映像がやばい（動画）
ドイツのプログラミング大会優勝作品、わずか4キロバイトで作られた映像がやばい（動画）2010.09.17 12:009,869 これは...一体なにをもってしたらこの映像と音楽が4キロバイトで表現できるのでしょうか。 ドイツで行われているプログラミング大会、｢Breakpoint｣の2009年度4KB部門優勝作品だそうです。にわかには信じがたいのですが、本当にこのファイル、4KBしかありません。 ネタ元では、 何がどうなったらコレがプログラムオンリーなのか俺には理解できない領域に達してるプログラムがまったく分からない俺にもわかるように、なんかたとえ話で解説してくれ。 という人たちの為に、この4KBのすごさが様々に例えられていました。 実際のグランドピアノと同じレベル(構造)のピアノを親指くらいの大きさで再現して作るくらい凄い。本来なら１ｔの鉄を使わないとまともな自動車が出来ないはずなのに、
Evernoteをゴミ溜めにしない、肩の凝らない使い方 | ひとぅブログ
私は「Evernote」を愛用中ですっかりと外部脳として活用しています。と、言うかもうEvernoteが無ければ困る。と言うレベルに達していると言えるかも知れません(^_^;)。プレミアム会員にもなって容量も検索精度もアップ。どんどん便利に、そしてどんどん依存度が高まっている今日この頃。 そんなEvernoteですが、これまでこのブログで私の利用方法を書いたことがありませんでした。理由は簡単で自分自身で、運用方法が固まっていなかったためです。試行錯誤を繰り返し、最近、ようやく固まってきたのでご紹介したいと思います。 では、なぜ運用方法が固まらなかったのか。今考えれば以下の点だったことに気づきました。 どんな情報を入れたらいいのか分からなかった どんな風に情報を整理すればいいのか決められなかった 「Evernoteは外部の脳と言われ、ウェブページや画像、音声、テキスト、何でも放り込めるよ！」
CakePHPで作る携帯サイト·Ktai Library MOONGIFT
Ktai LibraryはPHP製のオープンソース・ソフトウェア。日本の携帯電話はとても優秀であり、携帯電話からのWebアクセスは年々増え続けている。数年後にはPCからのアクセスを抜くとさえ言われている。Webの主役は変わりつつあるのだ。 ファイル構成 そうなれば携帯電話向けサイト開発はごく当たり前に行うべきものになるだろう。PCサイトとは相当にノウハウが異なるので注意が必要だ。だが既にすばらしいライブラリが多数ある。CakePHP開発者ならKtai Libraryを使うといいだろう。 Ktai LibraryはPHP4/PHP5両方に対応したライブラリで、CakePHP用のライブラリになっている。絵文字キャッシュ、IPによるキャリア判定、Google Static Maps APIの利用、インラインスタイルシート支援、セッション対応、リダイレクト対応、uid取得、キャリア判別など多数の機
ウェブ制作者のためのベストエントリ33【2010年7月版】
というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl
仕事を効率化するためにあらゆる環境を同期する4つの方法 | ライフハッカー・ジャパン
家や仕事場のデスクトップパソコン、ノートパソコン、ネットブック、タブレット、それに携帯やスマートフォンまで、生活の中でいくつものデジタルツールを併用している人は多いことでしょう。ツールを変える度に発生する、面倒な作業は極力減らして、時間を有効に使えるようにしたいものです。今回は、仕事を効率よく無駄なく進めるために、パソコン環境を同期する方法を、まとめてご紹介します。 複数のパソコンやデジタルツールを併用している人は、オフィスではデスクトップパソコン、外出する時はスマートフォン、家ではノートパソコンなど、場所や用途別に、いくつかを組み合わせて使っているのではないかと思います。 しかし、アプリやレイアウトなど、快適に使いこなすためにカスタマイズした各種設定を、すべてのツールで同期させようとすると、そちらの方にかえって時間が掛かってしまって、本末転倒になることがあります。ツールを変えた後でも、で
無料登録ドットコム - 無料SEOツールでアクセスアップ！
検索エンジン最適化 （SEOとも呼ばれます）とは何ですか？ 広い定義では、検索エンジン最適化は、検索エンジンにとってWebページを魅力的なものにするための技術であり、科学です。 もっと狭義に言えば、SEOは検索エンジンの状態に影響することが知られている特定の要素を調整して、同じキーワードやキーワードフレーズを争っている他のWebページよりも特定のページを検索エンジンにとって魅力的にすることを目指しています。 高い検索エンジンのランキングはSEOの目標です SEOの目標は、Webページの高い検索エンジンランキングを取得することです。 Webページの検索エンジン最適化が優れているほど、検索結果リストでのランキングが高くなります。 （検索エンジンのページランクを決定する要因はSEOだけではないことに注意してください。）検索エンジンを使用するほとんどの人は検索結果の最初のページまたは2つだけを見る
SEO対策がFirefoxで簡単にできるようになる「SEO for Firefox」 - GIGAZINE
Firefoxの拡張機能として利用でき、GoogleとYahooの検索結果がそのままSEO対策リンク集に早変わりします。ページランク、いつからそのページがネットに存在しているのか、被参照リンクの数、Alexaでのトラフィックランク、Whois情報などが簡単に一覧できるようになります。 特定の対策を施したいキーワードで検索し、結果を見ればどのようなSEO対策を行うべきか（どこが既に強いのか、どこが弱くて伸ばすべき点なのか）が分かるというわけです。 実際に使ってみましたので、インストール方法と使い方、設定については以下を参照。 SEO for Firefox ■インストール まずは上記サイトにアクセスし、「Click Here」をクリック 初期設定ではこのサイトからインストールできないので、上部に表示されるバーの右にある「設定を変更」をクリック 「許可」をクリック 「閉じる」をクリック もう一
SEO TOOLS
NEW! 2020/04/07 「SEO一括見積もり」のサービスを終了致しました。 これまでのご利用、誠にありがとうございました。 2017/10/31 提供サービスの整理に伴い、「おしえて！SEOTOOLS」のサービスを終了致しました。 これまでのご利用、誠にありがとうございました。 2016/06/20 17日より発生しておりましたツールの解析スピードの低下を修正いたしました。ユーザの皆様にはご迷惑をおかけしてしまい、申し訳ございませんでした。 2016年04月 ツールの利便性アップのため、「SEOアクセス解析ツール」と「VERSUS」において、以下の項目を削除しました。 ・Yahoo!関連情報 ・トラフィックランキング ・カテゴリ登録状況 ・PRサービス利用状況 よりシンプルに洗練されたSEOアクセス解析ツールをご活用下さい。 2016/04/21 15日～18日の間で、サービス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無効なURLです
優秀なエンジニアはどこにいて、企業はどうすべきか？
会社でも使えそうなWordPressテーマ２０:phpspot開発日誌
商用利用もOK！BGMなどに気軽に使える無料の音楽素材『Purple Planet』 | 100SHIKI
類語.jp 言語工学研究所類語辞書検索サイト
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker