自動で、見栄えのいいサイトマップを作成できる -PowerMapperPowerMapperは、URLを入力するだけで見栄えのいいサイトマップを、自動で作成するソフトウェアです。 PowerMapper PowerMapperは、サイトマップを作成したいサイトのURLを入力するだけで、自動でサイトの構造をトレースし、サイトマップの作成を行います。 サイトマップのレイアウトには、Pro版11種類、Standard版7種類があります。
アーキテクチャに支配されるコンテンツの未来 : けんすう日記
インターネットのコンテンツ 最近インターネットを見ていて、本当に素晴らしいと思った記事が一つあります。 技術はコンテンツに対し中立でいられるのか？〜CD1枚74分とサビ頭ポップソングにその真髄を見る〜 この記事を簡単に説明すると、「技術の制約によって、コンテンツも影響を受ける」というような話しです。 その中に、an・anの記事がもしもインターネットメディアで公開するとすると、タイトルは以下のようになる、というような例がありました。 例えば、かつてなら『an・an』のような女性誌において、「夏の恋」に破れ、打ちひしがれた女性向けに秋を迎えて、「さあ元気になろう！」というような特集が掲載されるとするならば、そのタイトル見出しは 「一夏の花火よ、サヨウナラ！深まる秋に心を磨く」 というようなものになるのかもしれません。しかし、Web上でPVを稼ぐように見出しを付けると 「夏の失恋から回復するため
Web 制作会社ワークフローあれこれ12選 - カタコト日記
Web サイトをどうつくっていくのか。 ワークフローの最適化って難しいし、会社の個性が強く現れるところだと思うんだよね。 今日は深入りはしないで、見せ方の気に入ったワークフローを並べてみることにしました。 コンサルティング中心の会社も入ってますが。 キノトロープ 初期コンタクト 成功予測 戦略策定 戦術策定 制作・公開 更新・運用 効果測定 全体的に若い会社の多いこの業界の中では老舗（1993年創立）。 かっちりしていてある意味でお手本的。ワークフローの本も出してるしね、確か。 イージェーワークス 戦略 構築 運用 ISP系の会社だそうです。図がみやすい！プロモーションの設計〜実行を "明示的に"（他社も当然やってはいるけど）フローに入れてるところが特徴かな。 ビービット サイト戦略策定 サイト設計 デザイン / 制作 効果検証 ユーザビリティに強いことで有名な会社。ちなみに上の図は1.戦
良いネーミングをするために覚えておきたい英語のルール5つ - プログラマー幸福論
Photo by muraterturk こういった記事って、ネーミング規則や慣習の視点から書かれていることが多いんですけど、この記事では、英文法に視点を置いて、参考になりそうなことをいくつかピックアップしてみたいと思います。 「省略形は使わない」などの規約的なものは、各プロジェクトのルールに従えばいいので、ここでは書きません。あくまで英語という視点から書いているということを、ご理解ください。 Rule 1 : “検索”は名詞 一般的な英語辞書のルールでは「検索」は、動詞ではなく「検索する」が動詞になります。「検索」は、検索することの名称 だと考えられるため、動詞ではなく名詞として扱います。 英語辞書には、日本語の品詞ごとに表記のルールがあります。これが理解できていると、和英辞書などで品詞を意識して検索できるようになります。以下に、一般的な英語辞書の表記ルールをまとめてみました。 ＜各品詞
フォームへの入力をすばやく簡単に
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
IE 6, IE 7, IE 8 が退場した未来 - latest log
Internet Explorer の自動アップグレードについて | TechNet 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
プロジェクトの全体像は軸を作る事から。基盤を作る事がスケジュール全体の鍵になる。 / Maka-Veli .com
いち早く70%～80%程度の完成度で人に見せられるものを作ることがいかに重要か、という話 これに便乗した形になってしまってますが、スケジュールに関してはやはり大事な部分なので思う事を綴っておきます。ちなみにこの記事と元ネタの図はとても共感できます。重複もありますが、以下、少し視点は違いますが自分のスケジューリングに関する考えです。 釈迦に説法、ミニにタコ、じゃなくて耳にタコかもしれませんが。 以前書いた配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 でも少し書いてますが「雰囲気のキーワードを出す」と似たような物なのです。 どんなプロジェクトでも軸は必要です。 例えばWebサイト・サービスや映像、プロダクトだけでなく、 イベント、採用なんかでも目的が存在します。 その目的に対してどんな事が理想のゴールになるか、 これが軸、いわゆるコンセプトに近いものなりま
いち早く70%〜80%程度の完成度で人に見せられるものを作ることがいかに重要か、という話 - 肉とビールとパンケーキ by @sotarok
去年の年末、Facebookで以下の様な画像が流れてきて自分もついついシェアしたんだけど、久々に、というか、自分にとってのここ最近の課題をドンピシャで突かれたような気がして、しばらく頭から離れなかった。 出展: 中村 修治 - 中村 修治さんの写真アルバム | Facebook 「プロ」か「アマチュア」か、というのはこの際どうでも良くて、この図の、上の曲線が、目指すべきところだなって話なだけなので、とりあえずその話をまとめてみることにする。 けど、まぁ、だいたい、こういう話をまとめるのは苦手だし途中で面倒になってしまうので、以下サブセクションだけ先に作ってみたものの、ちゃんと書くかどうかわからない... が、まあ、いい！あと、なんかグダグダ書いてしまいそうだけど、結局、サブセクションのタイトルにしたことをこねくりまわしているだけです。 作ってみるまでわからない 何にも言えることだけど作って
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
マネーニュース2ch
まず、iPhoneのSafariでどこでも良いのでページを開いてブックマークしましょう。 そして「How to use Firebug on your iPad and iPhone」に書かれているJavaScriptをコピーします。 javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})
機能満載のFTPクライアント「FTP Rush」 - GIGAZINE
FTPS・SFTP・TFTP・FTPに対応し、直接リモートのサーバ同士で転送するFXP、タブの利用、非常に柔軟な見た目のカスタマイズ、スケジューラーによる定期的な転送、ドラッグ＆ドロップによる転送、スクリプトエンジン内蔵、UPnP対応、FTPサーバ上のファイルを検索する機能、各種プロキシ対応、UTF-8文字コードOK、高速アップロードとディレクトリ移動を高速化するキャッシュ機能搭載、そして日本語表示可能で最初からローカライズ済み、USBメモリで動くポータブル版もあるという恐ろしく強力なFTPクライアントがこの「FTP Rush」です。 もともとシェアウェアだっただけのことはあり、機能的には充実を通り超えて何に使うのか分からないぐらい超多機能なのが特徴で、Windows 2000/Windows XP(32/64ビット)/Windows Server 2003(32/64ビット)/Windo
Web業界でよく使う用語の英語辞典
2014年8月22日 Web関連記事, 英語 英語のサイトにはたくさんの素敵情報が溢れていますが、なんだかハードルが高く感じていませんか？頑張って読んでみたけどわからない単語につまづいたり。という事でWeb業界でよく使う英単語を、過去のメールのやり取りを読み返したりして思いつく限り書いてしました（そのままカタカナになっている単語は省きます）。ポイントをおさえれば「「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEBマガジン色々」で紹介されているようなサイトもスラスラ読めるようになるかも！？ ↑私が10年以上利用している会計ソフト！ 目次 あ行 か行 さ行 た行 は行 ま行 や行 ら行 あ行 値 – Value HTML、CSS、JavaScriptなどなど、いろんな場面で出てきますね。 You can get the value of a form elemen
あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！
Google Libraries API - Google Code
How do I start? Check out the developer's guide to get the Libraries API up and running on your website or application. Play with the code in our code playground. Want to talk to other developers using this API? Check out the Google API discussion group. You can also interact with developers in realtime on our IRC channel. What is the Google Libraries API? The Libraries API is a content distributi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wireframe Showcase
DirtyMarkup Formatter - HTML, CSS, & JavaScript Beautifier
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper
WEBディレクターの為のEXCEL術（3）作業が捗る小技10選 | designaholic -Creative Column-
IBM Developer
