少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
ソースでわかるSixapart転落の歴史 - メガマウスの日記、自壊あるいは無差別テロに至る道筋
【重要発表】 シックス・アパートは2月1日に、新しい体制に生まれ変わります！ http://www.sixapart.jp/news/2011/01/21-1700.html 早い話が身売りである。WordPressなどの競合を排して独自に日本市場を切り開く体力も技術的優位もないのがはっきりしたということだろう。 日本におけるSixapartと僕らの愛すべきMovableTypeの命運が絶たれたことを記念して少しばかり回想をしよう。 00年代の前半。MovableType2.2が「ブログ」という聞き慣れない言葉とともに日本にそれとなく入ってきたとき、当時駆け出しだった私はもちろん、日本のWeb業界でMovableTypeに度肝を抜かれなかったものはいなかったと思う。 垢抜けたインターフェース 洗練されたCSSベースのデザインテーマ トラックバック、RSSといった後にWeb2.0と称される斬
エンタープライズ・システムのためのWeb 2.0
巻頭言 エンタープライズ・システムにとってのWeb 2.0と技術ビジョン； 本提言書の利用条件 １．はじめに ～この提言書の読み方・使い方 参考：XML Consortium会員企業によるWeb2.0についてのアンケート結果 ２．マッシュアップ・アプリケーションを組んでみる 2.1. XSLTマッシュアップ(xml版) IE以外はこちら マッシュアップのサンプル 2.2 ３種の呼び出し方式を連携させて作るマッシュアップ ３．Web 2.0の要素技術をエンタープライズに導入するために 3.1 Webサービス(Web API)や役立つリソースの探し方 3.2 ノン・プログラミング・マッシュアップ・ツール群 3.3 Ajax開発手法 ～様々なAjaxフレームワークとライブラリ導入の実際 3.4 ASP.NET AJAX開発手法 3.5 Web2.0アプリケーションのテスト手法 3.6 なぜ"Ru
「インターネット業界人が答えを知っている必要がある10の質問」で2011年を考える - FutureInsight.info
みんな大好きTechCrunchが掲載した「インターネット業界人が答えを知っている必要がある10の質問」が投資家向け情報ということを差し引いても非常によくできており、一度ブログ取り上げたいと思っていた。 インターネット業界人が答えを知っている必要がある10の質問〔スライド掲載〕 | TechCrunch Japan 投資銀行のMorgan Stanleyのアナリスト、Mary Meekerは今日（米国時間11/16）、Web 2.0 Summitでインターネットの世界的トレンドについて講演した。そのプレンゼンテーションスライドを入手できたので、ここにその「インターネット業界人が答えを知っている必要がある10の質問」を掲載し、概要を紹介しよう。 Internet Trends Presentation 一応、ブログのタイトルもFuture Insightなのでたまにはこんなヘビーネタもよいか
Webデザイナーな私の勉強方法まとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
私の勉強方法まとめてみました。 といっても 「いい情報をとりこんで、実践して、その結果をアウトプット」 をひたすらしているだけなのですが、実際にどのようなサイトや本を見てインプットしているか、どんな風に実践して、何をアウトプットしているかなどまとめてみました。 インプット 情報が美しくまとまっているサイトのフィードをチェック 国内外のWeb系の情報を丁寧にまとめてくれているブログがたくさんあります。 そういうブログのフィードをチェックしています。 デザインTipsやトレンド紹介、便利なプラグイン、プログラムなど、毎日どんどん新しい情報が出てきます。 全部読んで理解してその場で実践する、というとは不可能に近いので、へー、こういうことも出来るんだー、とさらっと頭に入れて、特に気になったものだけはてなブックマークなどでタグをつけて保存したりしています。 そうしておくことで、いざ●●しないといけな
ウェブ系エンジニアがおさえておきたい技術ブログまとめ - Meltdown Countdown rev.
もうすぐ2010年も終わり。なんかこの業界、転職ブームな感じがしますね。転職したいですね。圧倒的給与を手にしたいですね。 それにはアウトプットが必要です。そのためには勉強が必要です。 エンジニアたる者、最新のトレンド（の技術）や今年マストアイテム（な技術）をおさえておきたいですね。 そこで役立つ技術系ブログをまとめました。今回は、ウェブ系の会社のオフィシャルなブログに限定しています。やっぱり実際に業務で使われている開発手法や運用手法の紹介は読んでてためになりますよね。 ひとまず16件＋コメント頂いて追加。他にもありましたら教えてくれると小躍りして喜びます。 Baidu Japan Blog ECナビ エンジニアブログ GREE Engineers' Blog Hatena::Engineering KLab若手エンジニアの これなぁに？ KRAY Inc » ブログ livedoor Te
2012年Googleが介在しない社会『AISA（アイサ）』〜ソーシャル時代の新消費行動モデル - (旧)ガイアックスソーシャルメディア ラボ
本ブログは、livedoorブログに移転致しました。 ↓移転先↓ -GaiaXソーシャルメディア ラボ ＠livedoor blog 【資料ダウンロードはこちら】 現在、毎日のように、世界中でソーシャルメディア躍進のニュースが流れています。 『Facebook、Google抜き米国でアクセス数1位に』 『ツイッター利用者、国内で1000万人！！』 3年前に、誰が予想したでしょうか。 GoogleがFacebookに抜かれると。 twitterの利用者がこれだけ増えると。 今、世の中の人は気付き始めました。 これからはソーシャルメディアの時代だと。 ソーシャルメディアの時代になった今、ユーザーはどういう行動を取り、企業側はどうそれをとらえていかなければいけないのでしょうか？ 本エントリーで、ソーシャル時代の新消費行動モデル『AISA（アイサ）』をご紹介しています。 これからの皆さんのマーケテ
DreamweaverからCodaに変えました
2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！ ↑私が10年以上利用している会計ソフト！ Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPやJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて！ちなみに私はCoda英語版をインストールして
ブログアフィリエイトで稼ぐのに役立った「最強ツール」２７選【保存版】
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
IT系上場企業の平均給与を業種別にみてみた 2010年版 ～ ネットベンチャー、ISP/ホスティング企業編
IT系上場企業の平均給与を業種別にみてみた 2010年版 ～ ネットベンチャー、ISP/ホスティング企業編 IT系企業で給与が高いのはSIerなのか、パッケージベンダなのか、それともネットベンチャーなのか。上場企業が公開している平均給与を比較してみた昨年の記事「SIerとパッケージベンダはどちらが高給？ IT系上場企業の平均給与を業種別にみてみた」が好評でしたので、今年も業種別に平均給与を比べた記事を公開します。 これから紹介するデータは、Yahoo!ファイナンスの「業種別銘柄一覧：情報・通信」で公開されている情報通信分野の上場企業の従業員数、平均年齢、平均年収などの情報を収集し、独自の判断で細かい業種に分類、平均給与が高い順に並べてみたものです。年収の単位は千円です。 今回はそのデータの中から、ネットベンチャー、アフィリエイト、SEO/SEM、ISP/ホスティングなどの業種に分類した企業
企業サイトでやってはいけない31のこと | パシのSEOブログ
企業サイトを運営する上でやらない方が良い事や、やってはいけない事についてまとめてみます。全ての項目が全てのサイトに当てはまるわけではありませんが、なんとなく実施している事が訪問ユーザからは、良く思われていないという事も多いものです。 ユーザに嫌われる動作 Flashで待たせる ページの表示速度が遅い 横スクロールバーが出る 内部リンクが別窓になっている 無駄なポップアップが出る ブラウザの戻るで戻らせない ブラウザサイズを勝手に変える 右クリックを禁止している 流れる文字や点滅する文字がある 無意味なBGMや音が出る 1.フルFlashは初めてそのサイトに訪れるユーザにとってはプラスに働く事も多いですが、リピータや情報を探しているユーザにとっては、ウザイと感じる場合も少なくありません。 2.ページの表示速度や、動作の悪いサイトは嫌われます。ネットに慣れたユーザほど待ってくれません。 3秒待
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
「なんでBitTorrentで逮捕者でてないの?」に答えてみる - P2Pとかその辺のお話@はてな
前回のエントリはなかなか好評をいただいたようで、実に嬉しい限りです。このエントリに関連して「なぜBitTorrentでは検挙者が出ていないのか？」という感想を持たれた方が少なくないようなので、今回はそれについてのお話。いちパイラシーウォッチャーの考えということに留意していただければ幸い。 torrentってIP丸見えなのになんで？ ユーザのIPアドレスがわかるというのは、少なくとも現在の違法P2Pファイル共有を取り巻く状況においてはそれほど大きな意味を持たない。だって、監視する側からすれば、既にWinnyであれ、Shareであれ、おそらくPerfectDarkであれ、丸裸に近い状態。 Shareなんかは警察庁が今年から正式に運用している「P2P観測システム」のように、常時ネットワーク上の情報を集積され、後々の捜査に利用されているわけで、IPアドレスモロバレどころの騒ぎではない。 P2Pファ
［独占単独インタビュー］ティム・オライリーが語る「Web 3.0」とは？ | Web担当者Forum
Tim O'Reilly独占直撃インタビュー Web 2.0の父が語る「Web 3.0」とは？ 11月7日から9日にかけてサンフランシスコで開催された「Web 2.0サミット」会場で、「Web 2.0」という言葉を世界に広めたTim O'Reilly氏本人に独占直撃インタビューを行った。 Tim O'Reilly氏が考えるWeb 2.0のその先にあるもの、そしてWeb 3.0とは？ 協力：インプレスR&D インターネット生活研究所 堀田 有利江 Web 2.0の今後の展開について教えてください。Web 2.0の先にあるものは何と考えていますか？ Tim： いくつかあると思う。 1つには、ユーザーデータのみならず、様々な端末やセンサー機器などから収集されるデータの活用法の進化だ。 これはすでに起ったことだが、Web 2.0では、ユーザーにとって容易にアクセスできるアプリケーションが数多く開発
JavaScript/クロスドメイン制限の解除 - WebTips
Prev Next JavaScript クロスドメインというのは、違うドメイン（yahoo.comやgoogle.comのようなURLのホスト部分）間で諸々行なう事です。AJAXではXMLHttpRequestというメソッドを使って外部のファイルを読みこむ事が出来ますが、セキュリティの関係上、ドメインが違うファイルを読込む事は出来ない仕様になっています*1。これらを回避しなければ、スクリプトが置いてあるサーバ以外からファイルを読込む事は出来ないと言う事になります。いわゆるWEBサービスでは、さまざまなAPIが公開されていますが、せっかく公開されていてもココに制限があっては使えません。クロスドメイン制限を解除する方法を下記にまとめました。 PHPやCGI経由にする † 比較的安全かつ設定等も簡単なので、最も一般的な方法かもしれません。ただ、CGI等が使用出来る環境でなければならないし、外部
初心者さんのためのWebサイト制作に役立つリンク集
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
Web開発者が知っておくべきローカルプロキシーツール Fiddler - すがブロ
最近の愛用は Firefox を普段使っている時は、 HttpFox を使っています。 昔は Live HTTP Headers :: Add-ons for Firefox を使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。 そこで、 HttpFox です。 HttpFox :: Add-ons for Firefox レスポンスコードを色分けしてくれたりするので、個人的には見やすいと思う。 たぶん、Firebug の接続タブでも同等のことができると思うのだけど、ウィンドウ領域の使い方とか、色分けの部分とかで HttpFox の方が好き。 こんな感じで閲覧できます。 リクエストパラメータ等も見やすく整形してくれるので助かります。 本題 本題は HttpFox ではなく、Fiddler についてです。 Fiddler
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ2.0のオープンな世界は終焉するのか？ 「クローズド」と「集中」に向かう米ネット産業：日経ビジネスオンライン
https://jp.techcrunch.com/2010/11/17/20101116the-future-will-be-personalized/
僕がWebディレクターの肩書がついてから勉強した15のこと