ぱくたそ終了のお知らせ！？ヒューマンエラーはまじヤバい自分への戒めエントリ - すしぱくの楽しければいいのです。
公開日：2015年4月24日 カテゴリ：ぱくたそインフォメーション こんなに長らくブログを書かない日が続いたのはいつぶりだろうか。 （大阪セミナー、ローストホース、JK撮影、フレキシブルサーチ、、、） GW中に頑張ります。すしぱくです。(‘A’) さて、先日ですが、僕が運営する ぱくたそ - フリー写真素材・無料ダウンロード というサイトに障害が発生いたしました。「画像が表示されない」「Lサイズがダウンロードできない」など、利用者の皆様ならびに、関係者の皆様には大変ご迷惑をお掛けいたしました。 障害中は全く直る兆しがなかったので、 しのぅ — すしぱく (@susipaku) 2015, 4月 22 状態だったのですが、何とか（色々聞きながら）無事に復旧することができました。(‘A’) というわけで、どのようにして障害が発生したのか、そして今後の対策などをご紹介致します。 れすぽんしぶるの
これからのWeb制作スタイルとプロトタイプの考え方 - よつば手帖
近年、プロトタイプやフレームワークと言った言葉をよく耳にします。 どのような変化が起きていて、それに至るまでの考え方や、個人的な見解を書きたいと思います。 閲覧環境と利用者の変化 Webサイトの役割の変化について スマートフォンやタブレットの登場によってWebサイトの閲覧環境は大きく変化しました。 PCの前にわざわざ座り、電源を入れて「さぁ、Webサイトでも見るか〜」から、リビングのソファに座りスマートフォン閲覧するようなスタイルが当たり前になってきました。 Web制作者は常時PCをたちあげてると思いますが、Web業界に関わっていない方はわざわざPCのある部屋に行って見るなんて事は少なくなっていると思います。 コミュニケーション的視点の重要性 Webサイトの価値観や利用状況は変化しているのに、実際にそれらをふまえて制作されている場合は少ないように思います。 利用者の見方が変わって来ているの
サービスデザイン方法論 カスタマージャーニーマップ 2014年06月07日 - 隣り合わせの灰と青春
2014年06月07日（土）に行われた、 サービスデザイン方法論の第2回は「カスタマージャーニーマップ」で、 講師にコンセントの長谷川さん（@ahaseg）と坂田さん（mariosakata）を迎えて、 恵比寿のDMM.com様にて行われました。 昨年、大寝坊をして遅刻してしまったので、 どうしても受けたい講座でした。 →昨年の様子 http://www.hokorin.com/2013/07/20130608.html 講義 ▼What is Service Design? ユーザー価値＋ビジネスの実現 ＝サービスデザイン なぜいま改めてサービスデザインなのか？ →1900~1960「製造の時代」 ↓ 1960~1990「流通の時代」 ↓ 1990~2010「情報の時代」 ↓ 2010~「新しい顧客の時代」 ▼サービスデザインの定義 ・ビジネス -継続性 -意義 ・提供価値（バリュープロ
Chromeブラウザの64ビットWindows版、CanaryとDevでリリース
米Googleは6月3日（現地時間）、64ビット版のWindows 7および8向けのChromeブラウザを発表した。まずはプレ開発者版である「Canary」と開発者版「Dev」チャンネルでリリースした（リンク先はそれぞれのダウンロードページ）。 64ビット版をインストールすると32ビット版はリプレースされるが、32ビット版の設定やブックマークは自動的に引き継がれる。 4Gバイト以上のメモリを搭載するPCにWindows 7以降のWindowsをインストールしているユーザーのほとんどは64ビットOSを使っており、新Chromeは64ビットOSのメリットを生かせるものになったとしている。 速度は、特にグラフィックスやマルチメディアコンテンツの表示で平均で25％高速化したという。Windows 8では、米Microsoftのセキュリティ技術「High Entropy ASLR」をサポートすること
もうFTPを利用することは止めて、Gitを使おう。そのほうがメリットが多いよー
もうFTPを利用することは止めて、Gitを使おう。そのほうがメリットが多いよー 2014.02.26 | この方法お勧めです！ | 覚えておきたい どもどもパープルことメガネこと大串です。 最近なにかと涙もろくなりまして、ちょっと身近な人のBlogとか読むだけでも熱いものがこみ上げたりしています。こういうことって今後も増えていくんでしょうね。母親がやたらめったらテレビに向かって泣いていたのも頷ける今日このごろです。 さてGitHubシリーズですね。前回は GitHubをつかって共同開発！ サイトのデザインリニューアルしました !という記事を書きました。もちろん今も共同開発は続いておりまして、次のマイルストーンは月末を予定しております。達成率は25%ですが、なんとなかるでしょう。。。たぶん。。おそらく。 そしてきょうの本題ですね。タイトルの通り、FTPをやめてgitでファイルの送信受信もして
QiitaやKobitoの開発フローと，それを支えるサービス一覧 - Qiita Blog
こんにちは，yaottiです． 前回はQiitaやKobitoを作る開発チームの文化について書きましたが，今回は具体的にどういうツールを使いながら開発しているのか，また開発の雰囲気などを紹介します． QiitaやKobito開発で利用しているツール，サービス一覧 Trello: 開発以外のタスクや仮説の管理Pivotal Tracker: 開発ストーリー管理GitHub: ソースコードのホスティング，レビュー，ディスカッションCircle CI: CI環境Sentry: エラーの補足&通知New Relic: パフォーマンス改善用の測定Amazon Web Services: インフラ(EC2, RDS, ElastiCache)コミュニケーションSlack: チャットQiita Team (& Kobito): テキスト共有&ディスカッションその他Mixpanel: イベント計測Goog
Unixに関するいろいろな略称とその意味 - UNIX的なアレ
いろいろな略称が多い！ コマンドやディレクトリ名など、UnixなOSはとにかくいろいろな略称が多いです。特にさわりはじめの人はこの略称がいみわからずに心が折れてしまうことは多いと思います。実際にSchooでUnixの授業をやったときもこの略称を説明しました。 というわけでまとめてみました。なぜ略称が多いのかが気になる人はこちらを読んでみてください。 UNIXという考え方―その設計思想と哲学 作者:Mike Gancarzオーム社Amazon ※ちなみに、Linuxにもほぼ通用すると思いますがMacをベースに書いているのでUnixという表記にしています。 ディレクトリ名 名称 本来の意味 備考 usr User Services and Routines これは若干怪しめです。Userという説も var Variable ログやメールの情報など、変わりうる情報を扱うもの tmp Tempor
DB設計の難しさ
今日は徒然なるままにDB設計について思っていることを並べてみようと思う。 ようやくWEB+DB Pressの次号の原稿を書き終えた。2年間の連載であるが、来年はプライベートが忙しくなる予定なので、連載はこれにて終了とさせてもらうつもりである。 「なぜ人はリレーショナルデータベースを使いこなせないのか」 このところ執筆や講演を通じてリレーショナルモデルについて説明する機会を色々頂いているが、それらの活動の根源となっているのが、この素朴な疑問である。その疑問をパワーにしてこれまで活動を行なってきた。 現時点での自分の回答は「データベース設計が難しいから」である。もちろんリレーショナルモデルそのものの難しさというのもあるが、それよりは「適切な使い分けができていない」ということが大きいように思う。言葉を変えると、リレーショナルモデルを適用すべきデータとそうでないデータの判断ができていないからDB設
ワンランク上のHTMLコーディングを行うための18のポイント | ベイジの社長ブログ
HTMLコーディングの初級というと、どの程度のスキルを差すのでしょうか。弊社では、以下のようなことがひとまずできていると、だいたい初級レベルを越え始めた段階かな、という気がしています。 ターゲットブラウザで大きな崩れがない。 リンク漏れや原稿違いなどのヒューマンエラーの頻度が極めて低い。 バリデーター・チェックでエラーが出ない。 逆に、これだけのことができて、なぜまだ初級レベルなのでしょうか。それは、現場では、これだけでは不十分だからです。ブラウザでひとまず正常に表示されるだけでなく、改修に素早く対応できる柔軟性、協業や運用後の更新を楽にするルールの一貫性や簡潔さ、HTMLの概念をきちんと踏まえた正しい構造設計なども、求められてくるからです。 そこでここでは、脱・初級者を目指す方のために、弊社内で行っているHTMLコーディングの、いわゆるエラーということ以外のチェックポイントを、まとめてみ
「WebデザイナーのためのWordPress用サーバセットアップ勉強会」を開きます
9月17日（火）に、渋谷 Stocker.jp / Space にて「WebデザイナーのためのWordPress用サーバセットアップ勉強会」を開きます。 講師は paperboy&co.（ロリポップやヘテムルなどの運営会社）や mixi のサーバ管理をしていた @srockstyle さんこと小林 翔平さんです。 （私もアシスタントをします） ※この勉強会は、早くも満席になったため一旦お申込みを締め切らせて頂きました。 なぜ、Webデザイナーもサーバのセットアップ方法を知るべきなのか 例えば、 WordPress を少しでも高速に動かしたい（表示を速くしたい） サーバ代金を抑えつつ、たくさんの方が同時にアクセスできるようにしたい 同じサーバ内の他のユーザーの影響を受けたくない ターミナル（いわゆる「黒い画面」）と仲良くなりたい と思っている方であれば、サーバのセットアップについて勉強する価
HTML5のSEO－マークアップで注意すべき３つのポイント
HTML5を採用したWebサイト構築をする際に、SEOはどのようなポイントを考慮すべきなのか？ HTML5でのマークアップ、リッチ表現、SEO効果のあるh要素の使い方、HTML5で追加・削除・復活された要素などについて解説します。 HTML5化によるSEO効果の影響はあるか WebサイトをHTML5でマークアップをする際、特にHTML4などからHTML5にリニューアルする場合に、それによって検索エンジンによる評価が変化するのかどうかは非常に気になる問題です。 各検索エンジンでは、この疑問について公式に説明しています。GoogleはHTML5化することでプラスにもマイナスにもならないと度々公式に言及していますし、Bingは「List of things you really ought to know as an SEO today(今SEOとして本当に知っておきたいこと)」と題した記事の中
ブラウザ上でサイトの画面サイズを自由に切り替えてレスポンシブ開発に使えるWEBアプリ「Screenfly」:phpspot開発日誌
Screenfly / Test Your Website at Different Screen Resolutions ブラウザ上でサイトの画面サイズを自由に切り替えてレスポンシブ開発に使えるWEBアプリ「Screenfly」。 まずURLを入力するとサイトがiframeで表示されます。で、次のようにツールバーにデバイスが表示されており、クリックで簡単にサイズ変更や回転ができるため、各種デバイス対応のためにブラウザ一本あれば便利かもしれないツールです。 色々と便利な物が出てきますね 関連エントリ レスポンシブなナビゲーションメニュー作成用jQueryプラグイン「Naver」 タッチができてレスポンシブなカルーセル実装jQueryプラグイン「Owl Carousel」 リストをselectに変換してくれるレスポンシブサイト用jQueryプラグイン「Menutron」 フラットデザインが美
静的サイト開発ツールとしてのMiddlemanとGrunt - Webtech Walker
最近自分の周りを見ると、フロントエンドの開発ツールといえばGruntをみんな使ってるんだけど、Middlemanを使うのもけっこういいんじゃないかと思ったので比較してみる。 実現したいこと 例えば次のようなものをつくりたいとする。 HTMLは数ページ〜十数ページくらい（ヘッダ・フッタくらいは共通化したい） JSはconcatしてminifyしたい CSSはSassを使いたい 開発時はwatchしたり動的サーバーなりでJSやCSSは動的にビルドしたい 最終的には成果物として静的ファイルを出力したい まあ、フロントエンドの開発ではいたって普通な要件だと思う。普段サーバーサイドの開発してたり、サーバーサイドと一緒にフロントエンドも開発してる人にとっては、静的ファイルだけ成果物としてあればいいとかあるの？と思うかもしれないけど自分の周りではけっこうよくある。 Gruntとの比較について このような
一歩進んだHTML/CSS/JSを目指すために | 1000ch.net
2013/08/01 一歩進んだHTML/CSS/JSを目指すために 「なんとなく書きたくないけど、どう意識してコーディングしていけばいいのかわからない…。」 それを解消するためのツールがありますので、紹介します。 HTMLInspector philipwalton/html-inspector Introducing HTML Inspector こちらはHTMLを解析して悪いところを指摘してくれるツール。 たぶんガイドラインとかそれぞれあると思いますが、基本的にはコレに沿ってもいいかと。 スクリプトを差し込んで、実行すると、指摘事項がconsoleに出力されます。 githubのリポジトリからダウンロードするか、bowerで落としてくるか。 bower install html-inspector 次に、解析したいページに以下のコードを埋め込みます。 <script s
ディレクターがプログラマーとうまくやる方法を全部教えます : LINE Corporation ディレクターブログ
こんにちは、櫛井です。 プロジェクトマネージャーやディレクターの仕事というのは多岐に渡りますが、特にプログラマーと上手にコミュニケーションを取り一定の目的を果たすというのはわりと大変なことだったりするらしいです。私は比較的プログラマーとうまくやれているタイプのようなのであまり苦労した覚えが無いのですが、過去10数年で培ったプログラマーと上手くやる方法を紹介していきたいと思います。おまけで「プログラマーに嫌われる６つのこと」も紹介します。 ※うまくやれてるイメージ図 プログラマーと上手くやる方法をざっくり言うと 役割分担として求められていることをやる お互いのTODOを把握し区切りをつける スケジュール管理をしっかりする といったカンジです。ではそれぞれ説明していきます。 役割分担として求められていることをやる そもそもディレクターが求められる役割とはなんでしょうか。Web開発案件におけるデ
Webサービスにおける費用対効果 - Kentaro Kuribayashi's blog
コードを書いたり機能を追加したりせずにお客さんが増えたり儲かったりするなら、その方がいいことは自明である。コードや機能が増えることはシステムの複雑性を増加させるため、当初の開発工数という意味におけるコストだけでなく、将来にわたってコストが増えるということ。 コードや機能が増えることによるコストは、やればやるだけ増えることもまた自明である。コードの一行一行、機能のひとつひとつが、将来の開発者に対する負担となる。一方で、一般にWebサービスにおけるベネフィットは、なにかやればその分儲かるというものではないため、費用対効果がよくわからないことが多い。単にひたすら作っているだけだと、コストばかりが増えていくということになりがち。 ではどうするか。できるだけコストをかけないでベネフィットを増やす必要がある。しかし、コードを書いたり機能を追加したりすると、上述の通り、コストが増加することは避けようがな
SEO は “検索体験最適化（Search Experience Optimization）” だと思った | @mekemoke
今日は雑記。 SEOのホワイトハットジャパン様の記事はちょっと前からしみじみ拝読しているような状態でしたが、すごく心に刺さって仕事の仕方を改めて改めるきっかけにもなったのでご紹介。 住太陽氏のセミナー「Webクリエイターに足りない、本当のSEOスキル」の感想 | amplifizr, Vol. 5 こんな素敵なセミナーが開催されてるなんて……まだまだ知らないことが多すぎる……と自分の無知加減に凹みつつ、感想だけでもすごくすごくためになりました。ありがとうございます！ありがとうございます！ 私自身、SEO はコンテンツを充実させるのが一番だ、という考えは常日頃あります。 ただ、技術的に改善できるところを基本 SEO として提供しているので、それ以上のことを突っ込まなかったのも確か。デザインやコーディングなどの制作がメインになると、そのうちスケジュールに追われてしまう＝ちょっと次も無理かもしれ
WordPress の負荷テストと環境改善 - Cybozu Inside Out | サイボウズエンジニアのブログ
「サイボウズ・アドベントカレンダー2012」も、残すは今日と明日のみです（これまでの記事一覧）。 こんにちは、社内インフラ担当の稲生です。今回はWordPressサーバの簡単な改善方法と負荷テストによる比較のお話です。 一般の商用サイトでも利用可能な「WordPress」。サイボウズのWebサイトでも CMS で使ったり、有料 Blog サービスから移行したりと、その恩恵に与っています。そんな WordPress 環境ですが、最近サーバへの負荷が高い？ という連絡を受け、調査がてら負荷テストと環境改善に取り組んだ時のことを紹介します。 ※ 因みにサーバ高負荷の原因は WordPress と全然関係ありませんでした。詳細は本稿の主旨と異なるため省きますが、怪我の功名ということで。WordPress は良い子ですよ。 テスト環境を用意する テスト用に以下の仮想環境を用意しました。 CPU Xe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Conference 2015 講演資料まとめ #html5j
プログラミング未経験のタワレコ店員がエンジニアになって思ったこと