制作会社がクライアントに切られてしまう一番の理由とは？ | ベイジの日報
昨年度の当社はほぼ100%が元請けだった。ここ数年、元請け比率は非常に高く、企業のWeb担当者の声を直接聞く機会に恵まれているともいえる。 その中でも新規で取引を始める顧客のほとんどは、サイトのお問い合わせフォームか電話から折衝が始まっている。その依頼の多くはサイトリニューアルである。ということはつまり、過去に既存のWebサイトを作った制作会社（代理店や開発会社）が存在しており、そのうえでネットで他の制作会社を検索し、私たちを見つけ、声をかけてきている。その背景には、今まで付き合ってきた制作会社に対する大きな不満があることが多い。 お会いした際には当然、今までの経緯の一環として、制作会社の何が不満だったのかを聴くことになる。きちんとカウントしたわけではないが、感覚値でいうと8割くらいは同じ理由である。それは「言ったことしかしてくれない」「自分たちから提案してくれない」である。ようするに制作
DreamweaverにBracketsが入ることで何が変わるのか | Adobe Blog
先日アドビから発表されたDreamweaverベータ版には、エディターのコードビューの箇所に、同じくアドビが開発しているオープンソースのコードエディター「Brackets」が組み込まれています。これがどういうことなのか、この記事ではBrackets自体のことも交えて解説します。 Bracketsとは 皆さんご存知のWebオーサリングツールであるDreamweaverは、様々な機能が詰まった統合制作環境であるため、ちょっとしたWebサイト制作の作業にはちょっと重たく感じる場合もあります。そうした小さなプロジェクト向きの軽快なHTML/CSS/JSエディターとしてBracketsは生まれました。 Brackets トップページ Bracketsはそれ自体がHTML/CSS/JSで記述されています。そのため例えばChromeのような開発者ツールを使ってスタイルを上書きしたり、実行されているスクリ
UXを損ねる静的コンテンツ配信アンチパターン7選
SonicGarden Study #11で放送された資料から一部スライドを抜いたものになります。 http://sonicgarden.doorkeeper.jp/events/13229 ----- 優れたプログラマだけが優れたソースコードを書くことができます。 では優れたプログラマになるにはどうすれば良いでしょうか。 自分の書いたコードを、優れたプログラマに指摘してもらうことが一番の近道です。それがコードレビューです。たった一人でコードレビューも受けずに、ただ書き続けてもクソコードはクソコードのままなのです。 そこで今回は、良いコードが書けるプログラマになるための、コードレビューを上手に実践する秘訣を話します。
行政サイトを作る時に気をつけておいた方がいい事 - Qiita
県や市の公式ホームページ制作の経験から、気をつけておきたい点をメモに残しておきたいと思います。 納品前 納期が３月に集中する 行政サイトの場合、お金は年間予算や国からの特別補助金などから支払われます。つまり基本的に年度を跨ぐことが出来ません。（保守にかかる費用は別です）その為、行政の案件に頼っている制作会社は納期が重なり３月が滅茶苦茶忙しくなります。 年度末は余裕を持ったスケジュールを組んでおきましょう。 見積もりは２割増しで ここで言う見積とは入札時の見積もりではありません。行政の案件をいくつかこなして担当者と仲良くなってくると、コンペの上限金額を決めるために事前に見積を頼まれる事があります。「もし○○みたいな案件だったらいくら位でできそう？期間と見積もり貰えると助かるんだけど。」みたいな感じです。サラリーマン金太郎の東北編で出てきたアレです。大事なのはここで割引など一切考えずに、むしろ
【SEO】GoogleがPCの検索結果にも「ページがモバイル フレンドリーではありません。」と表示を開始？ モバイル対応はPCにも影響か？
●Googleはモバイル対応を促進している Googleがモバイル対応を促進していることは以前から知っていました。 昨年（2015年）の4月にモバイルでの検索結果のランキング要素として、モバイル対応している（＝モバイル フレンドリー）ページかどうかということが重要になりました。 Googleの公式ブログでも書かれていますね。 今年の 2 月に発表したように、本日より、Google は全世界でモバイル フレンドリー アップデートを開始します。これにより、モバイル版の検索結果では、モバイル フレンドリーなページの掲載順位が引き上げられ、検索ユーザーは、小さなスクリーン上でも読みやすい、高品質で関連性の高い検索結果をより簡単に見つけることができるようになります。 モバイル フレンドリー アップデートを開始します（Google ウェブマスター向け公式ブログ） そして、今年（2016年）の5月にも、
新しい Instagram API の申請 | briccolog
Instagramは12/3より、新しいルールに基づいたAPIの運用を開始しました。 いままでは開発者登録をしてアプリケーションを作成すれば好きなScope（利用権限）でプログラムを実行できました。 しかし、11/17以降に登録されたアプリケーションについては、レビューを通さないとアプリを公に利用することが出来なくなりました。 11/17以降に登録すると、まずアプリケーションはSandBoxモードで作成されます。Sandboxには、開発者を10人まで招待することができます。 これはすべての機能を確認できますが、結果の範囲が限定されます。 例えば、特定のハッシュタグでPublicな投稿を検索したい場合（https://api.twitter.com/1.1/search/tweets.json）、Sandboxモードですと、検索の対象範囲は、Sandboxの参加者の最新の投稿20件からの範囲
InstagramのAPIについて質問です。 - PHPを利用して自分のウェブサイトに、特定のハッシュタグ（例えば#flower... - Yahoo!知恵袋
InstagramのAPIについて質問です。 PHPを利用して自分のウェブサイトに、特定のハッシュタグ（例えば#flower等）が付いたメディアの一覧を表示したいのですが、データの取得が上手く行きません。 具体的にどう上手く行かないかと言うと、 https://www.instagram.com/developer/endpoints/tags/#get_tags_media_recent を参考に https://api.instagram.com/v1/tags/flower/media/recent?access_token=【取得したアクセストークン】 のようにURLを作成しAPIに投げたのですが、自分が投稿した写真に「#flower」とハッシュタグを付けたものしか取得できません。 本来の目的としては、「#flower」のハッシュタグが付いた、様々なユーザのデータを取得したいのです
instagramのデベロッパーでアプリ登録について
PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。 JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
インスタグラムAPIが仕様変更し、アプリケーション・サービスへの利用には申請と承認が必要に - Note · GitHub
Instagram APIが仕様変更し、アプリケーション・サービスへの利用には申請と承認が必要に.md Instagram APIが仕様変更し、アプリケーション・サービスへの利用には申請と承認が必要に 2015年11月17日からインスタグラムの提供しているAPIの仕様が大幅に変更されました。 仕様変更する前までは、インスタグラムのアカウント所有者であれば誰でも、開発者登録をするだけでAPI機能の全てを使用することができましたが、今回の変更で、APIの正式利用にはインスタグラムにレビューの申請をして承認されることが必須となりました。 また、17日以前に作成したアプリケーション・サービスについても、2016年6月1日までに申請し承認されなければ、自動的にテスト（サンドボックス）モードに切り替わるようです。 変更による影響 この変更により、今後インスタグラムのフィードをただ単純に表示するだけで
コーダー目線で考えるa-blog cmsで行うCMSプロトタイピングについて | mkasumi.com
これは、 a-blog cms Advent Calendar 2015 の1日目の記事です。 最近、CMSプロトタイピングの手法を使ってで案件を進めることが多くなってきています。そのCMSプロトタイピングを実際やってみて、コーダー(実装側)の作業がどう変わったのかご紹介したいと思います。 CMSプロトタイピングとは CMSプロトタイピングとは、先にCMSを実装し、コンテンツを流し込み、コンテンツ量を見ながら、最適なデザインや提案をしていく考え方のことです。例えば、「思っていたよりコンテンツ量が少なくてこのデザインは使えないので修正してください」なんてことを少なくすることができます。 コーディング側のメリット 上記のCMSプロトタイピングの説明では、コーダーにメリットが無いように感じますが、デザインの出戻りが少なければ、コーディング側の修正も少なくなりますし、制作ワークフローが変わるところ
ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | ベイジの社長ブログ
私たちの会社では長らく、画面設計といえばPowerPointを使い、ワイヤーフレーム（以下、WF）を作っていました。Web制作会社における非常にスタンダードなやり方であったため、ベターな方法と受け入れつつも、例えば以下のような無駄も多く、決してベストではないとも感じていました。 設計者がコーダーに文書構造の意図を説明する時間の無駄 設計者が考えたファイル構造やヘッダ情報を定義するためのドキュメントの無駄 コーディング時にWFやPSD上のテキストをコピペして移し替える無駄 リンク構造や動き、使い勝手を紙面上で表現しようとする努力の無駄 共通パーツに修正が入った時に各ページごとに修正を入れていく無駄 PC用とスマホ用の2種類のWFを作る無駄 更新するたびに新しいWFを印刷する紙の無駄 いずれも工夫次第で軽減できる問題でしたが、意思疎通のための中間成果物の体裁を整えるための多くの時間が無駄では？
Bootstrap実践編 Sass,CSSを追加してオリジナルデザインにする（４） - マンガでなれる？WEBデザイナー講座
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> </title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyph
Bootstrap実践編 デザインソフトでデザインを作り込む（３） - マンガでなれる？WEBデザイナー講座
前回からの続きで「Bootstrap実践編 デザインソフトでデザインを作り込む（３）」の説明を始めます。 前回のタイポグラフィ、サイトカラー見本にロゴを作成して追加しました。 通常、Webデザインはロゴマークのイメージに合わせて作成します。 今回は無料ベクター素材のサイトなのでロゴマークはペンのイラストを描きました。 ロゴのフォントはペンツールで書いたイメージです。 ロゴデザインとWeb制作の同時発注は稀なので Web制作を依頼された場合はデザインカンプを制作する前に クライアントにはロゴの手配をしてもらいます。 サイトによってはファビコン画像が必要な場合もあります。 2. Webデザインを作り込む アートボードを作成した後はBootstrapの12カラムに合わせてグリットを用意します。 1からグリットを作成するのは面倒なのでBootstrapのテンプレートを使います。 http://bo
Bootstrap実践編 スケルトンサイトから制作するWeb制作短縮方法（１） - マンガでなれる？WEBデザイナー講座
えっ！？HTMLだけでできるんですか。 私はインブラウザでコーディングするとデザインイメージ湧かないから苦手なんですよ〜。 逆に遅くなっちゃいますよ。 クライアントだっていろいろ修正変更とか言ってきそうじゃないですか。 デザインとコーディングを同時に修正するなんて大変すぎます。 クライアントと案件内容にもよりますがスケルトンサイト（ワイヤーHTML）から見せながら制作した方がデザインが通りやすく納得されやすい事が多かったです。 初期の段階でサイトの骨格がすでに決まっているのでコーディング時間を大幅に短縮する事も可能です。 デザイナーはデザイン作業に集中できます。 （※全ての案件に対応できるわけではないので案件によってはワークフローを変更する必要もあります） 今回紹介するワークフロー （１）スケルトン（骨格）サイト制作 Bootstrap3のジェネレーターを使って作成する （２）デザイン作業
Bootstrap実践編 基本的な書式、タイポグラフィー、サイトカラーを作成する（２） - マンガでなれる？WEBデザイナー講座
どういった内容のサイトか、雰囲気やイメージを膨らませながら サイトカラーや使用するフォントを決めます。 私はIllustrator、Photoshopなどでカラーを作成する時はAdobe Colorで色見本を作成します。 今回はSketchでカラーを作成するのでMaterial Design Color Paletteというプラグインを入れてカラーを作成してみます。 Material Design Colorというサイトから色をコピーすることも可能です。 マテリアルデザインのカラーなので最近のWebデザインの流行に合わせたカラーが作成できます。 色の明度によってもサイトの印象も違ってきますので こういったツールを使用すると制作するサイトのカラーを容易に検討することができます。 今回制作するサイトはベクター素材を配布するフリー素材サイトなので デザイン性のある明るい配色にしたいと思いました。
ANAウェブサイトが生まれ変わりました｜航空券
お客様にフィットしていく、次世代の使い心地 ANAウェブサイトが 生まれ変わりました ANAのウェブサイトがより快適に、より使いやすくリニューアルされました。 使えば使うほど、お客様お一人おひとりにパーソナライズ化されていくあたらしい使い心地を、是非お試しください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://techcrunch.com/2015/11/17/just-instagram/
イマドキのスライス事情
ブログ | ウェビングスタジオ
ウェブ制作あるある ―― ウェブ制作会社管理の失敗あるあるとその予防策 | ウェブ制作あるある
