HTTPステータスコードを適切に選ぶためのフローチャート : 難しく考えるのをやめよう | POSTD
HTTPステータスコードを返すというのはとても単純なことです。ページがレンダリングできた？よし、それなら 200 を返しましょう。ページが存在しない？それなら 404 です。他のページにユーザをリダイレクトしたい？ 302 、あるいは 301 かもしれません。 I like to imagine that HTTP status codes are like CB 10 codes. "Breaker breaker, this is White Chocolate Thunder. We've got a 200 OK here." — Aaron Patterson (@tenderlove) 2015, 10月 7 訳：HTTPのステータスコードのことは、市民ラジオの10コードみたいなものだと考えるのが好きです。「ブレーカー、ブレーカー、こちらホワイト・チョコレート・サンダー。200
Web制作のアイデアが膨らむ気象情報や政府統計データなどのAPIまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ひろゆきです。 今回は、何かしらに使えそうなAPIを紹介していこうと思います。 Web制作者の方などは、運営されているWebサイトに使えそうなものがあれば利用してみてはいかがでしょうか？ （※各APIの使用条件などは、提供元よりご確認ください。） 1. Yahoo Japan YOLP 気象情報API http://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/weather.html こちらは、緯度経度を元に、その地域の現在の天候や60分後までの降水強度予測を取得することができます。レジャー系のサイトなどで使えそうですね。 2. clarifai 画像タグ付けAPI http://www.clarifai.com/ 以前、「画像を解析して写真にタグ付けをするAPI『clarifai』のデモを試してみた」でご紹介した
センス上がった！タイプ別に分けたWebデザインの参考になるサイトまとめ
作成：2014/06/30 更新：2014/11/01 Webデザイン > サイトのデザインセンス、または操作性などが良いのか悪いのかわからない。 オシャレで洗練されたデザインにするため、少しでもセンスを上げるために色々なサイトをチェックしておきたい。 今回はただWebデザインギャラリーサイトを紹介するのではなく、ページ別・職種・動き・制作別など「サイト制作時に役立つ」くくりでまとめました。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．グラデーション＋フラットデザイン ２．ダッシュボードの配色例 ３．高級感を出す配色 ページ別 ４．採用ページ ５．404ページ 職種別 ６．和菓子系（不足の美） ７．女性向け（エディトリアルデザイン） ８．医療系 ９
デザイナー必見 50種のフリーフォントまとめ「50 Handpicked Free Fonts for Designers」
TOP > Font > デザイナー必見 50種のフリーフォントまとめ「50 Handpicked Free Fonts for Designers」 デザイナーにとっては制作に欠かせないフォント。実にさまざまな種類のフォントが存在しており、中にはフリーで使用できるものも多く、重宝しているという方も多いのではないでしょうか？そんな中今回紹介するのは、50種のフリーフォントまとめ「50 Handpicked Free Fonts for Designers」です。 Kirvy Font | dafont.com 定番として利用できるものから、個性溢れるタイプまで、いろんなテイストのフォントが紹介されています。 詳しくは以下 Broken Glass Font | dafont.com 割れたガラスをフォントに表現。荒々しい雰囲気を演出したい、フォントに表情を持たせたい時におすすめ。
情報強者のおまいらが自信を持ってオススメできるブックマークてどんなん？ - ゴールデンタイムズ
1 ：名無しさん ：2014/04/16(水)12:00:22 ID:ZQg2QTaiu 期待に胸ふくらませてROMるのでよろしこ 6 ：名無しさん ：2014/04/16(水)12:02:59 ID:rl3BWPdtQ 貼れば必ずレスが付く鉄板URL http://nipponmukasibanasi.seesaa.net/ 11 ：名無しさん ：2014/04/16(水)12:08:00 ID:b8zZtmUNh >>6 なーにが鉄板だよどうせ宣伝だろとか思って開いたらガチですごくてワロッシュ 13 ：名無しさん ：2014/04/16(水)12:14:12 ID:aP5pTKOhK >>6 割とマジで感動した 教えてくれてありがとう 35 ：名無しさん ：2014/04/16(水)21:28:17 ID:gdbuiWGwE >>6 確かにこれはレスせざるをえない 14 ：名無しさん
ASP.NET Web アプリで、APIキーなどの "秘密のキー" をどこに保存するべきか? | @jsakamoto
2014/02/26 追記 始めに訂正を。 以下のコメントを頂戴した。WEBアプリ前提で書いてるようですが、クライアントアプリケーションで app.config はまずくないですか言われてはたと気がついた。 たしかにそのとおりである(!)。 以下で引用しているツイートをきっかけにこのエントリを作成したのだが、そちらの命題はどちらかというとサンプルコード公開においてバージョン管理にキーが保管されないようにするにはという観点であったため、app.config でよしとしていた。 しかし一般的なデスクトップアプリケーションやその類においては、app.config やその外部参照ファイルにキーを書いてはダダ漏れである。 よって本エントリを訂正し、ASP.NET Webアプリケーションに限定した内容とする。 なお、一般的なデスクトップアプリケーションやその類においては、ではキーをどう扱ったらよいのか
パソコンの大先生が入れてる便利なフリーソフト教えてくれないか : IT速報
1: 以下、名無しにかわりましてVIPがお送りします 2014/01/29 21:50:10 ID:+7mIMOGp0 パソコンの大先生が導入してるソフト色々教えて バーっと羅列してくれたら俺が知ってるソフトにはコメントつけるわ 2: 以下、名無しにかわりましてVIPがお送りします 2014/01/29 21:51:00 ID:bd0N/bmq0 GIMP http://www.gimp.org/ 7: 以下、名無しにかわりましてVIPがお送りします 2014/01/29 21:52:28 ID:+7mIMOGp0 >>2 定番やね 機能名はPhotoshopと違うけどPhotoshopの機能名をGIMPの機能名に置き替えられたらPhotoshopのハウツーも応用できたりするよね 3: 以下、名無しにかわりましてVIPがお送りします 2014/01/29 21:51:32 ID:stWdS
2013年に話題になったデザインに関する「考え方」が変わる記事14選
デザインをしつづけていると、たまに柔軟に考えられなかったり、自分のデザインに対して疑問を感じるときがありませんか？ そういうときは一度、初心にかえってデザインに関して考え方を見直したり、インスピレーションを刺激することも大切です。 また、デザイン思考を身につけるためにも、常日頃から考え続けることも重要です。 今回は、過去に話題になり、読むだけでデザインに関する「考え方」が深まる14個の記事をご紹介します。 デザインに対する考え方が変わる・深まる記事 これはウェブページです｡ ウェブデザインの本質は､言葉です｡ ウェブで一番強力な道具は､今も昔も言葉だということを、思い出させてもらいました。 ▷これはウェブページです｡ 選ばれるウェブデザインとは ９つの基本的なルールと感情に訴えるデザインについて詳しく書かれています。 サイトの使いやすさだけでなく「ユーザーがそのサイトにどんな感情を抱くか」
仕事がもっと捗る！Excel（エクセル）の便利な使い方が分かる記事まとめ
仕事でExcelを使っていて、「もっと早く見栄えの良い資料を作れたらなぁ」と思っていませんか？Excel（エクセル）の便利な使い方が分かる記事まとめ でも、もう大丈夫！ 本日は、 絶対に知っておくべきExcelの便利ワザ効率UPに必須の時短ワザデータの見栄えを良くする小ワザこんなことまでできるの？！という上級ワザ など、知っていると驚くほど差がつくExcelの技をすべてご紹介します。 数あるExcel記事の中から使える記事を厳選したので、是非参考にしてみてください。 1. 知っていると絶対便利なExcelの技 簡単なのに、知っていると作業時間が驚くほど短縮できる技を紹介している良記事を厳選しました。どれも一つ一つの技は簡単なので、必ず今日から使えます！ ① Do you know these Double-click Tricks in Excel? （あなたは知ってる？ダブルクリックだけ
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
SSHの仕組み!ぼんやりとした理解だったものをすっきりさせようの会 - nigoblog
特にシリーズ化を目論むわけではないですが、 完全に理解しているわけではないけど、使える。 みたいなものってありますよね。 そういうのはよくないのでしっかりと理解しよう! というテーマでやります。 今回はSSHの仕組みについて書いていこうと思います。 参考記事 概要 ~SSHとは~ SSHの仕組みを理解するための用語 鍵交換方式の仕組みと実際のコマンド 便利なオプション まとめ このような流れで書いていきます。 参考記事 こちらを参考にします。(ぶっちゃけこれだけ見ればオッケーな気も。。。) 公開鍵暗号について理解が足りていなかったのでメモ - かせいさんとこ 鍵交換方式による認証 概要 ~SSHとは~ SSHはSecure Shellの略で、あるマシンに別のマシンからアクセス , ログインするというイメージです。 主にサーバー(リモート)にクライアント(ローカル)からアクセスするときに使い
hr要素のデザインサンプル 12 - NxWorld
hr要素は罫線を表示させるもので、話題を変えるときの目印となる区切り線などとして用いられます。 どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。 ここで紹介しているものは、ブラウザによっては（特にCSS3を用いているもの）ちゃんと表示されません。 また、多用する人も多いと思う破線や点線もブラウザによっては多少見栄えが違ったりするので、使用する際はあらかじめ注意が必要になります。 はじめに ここで紹介しているものは、すべてHTMLは<hr />のみです。 また、それぞれのhr要素にはデフォルトスタイルとしてあらかじめ下記のようなスタイルを指定してあります。
サイトを企画・設計する前に決めるべき14の項目（ディレ協主催「0ディレ」講演レポ）
「0からのウェブディレクション講座 設計編」に行って来ました！今回の講師はディレ協所属、DCHSの高瀬さん。レポートは初登場のユースケです！よろしくです！ 制作に”入る前”こそ重要 今回は設計編ということで、サイト制作に入る前段階で「明確にすべき項目」と「その方法」にスポットを当てた講演内容となっていて 企画そのものの成功率を上げるに何を知るべきか スムーズに制作を進めるためには何を準備すべきか プロジェクトを高速で進めるための戦略のとりかたは？ といった、現場のディレクターにとって重要すぎるほど重要な内容がギッシリな”濃い”講演でした。 意図不明なサイトや、ぜい肉たっぷりなサービスができあがる原因はどこにあって、どうすれば解消できるのか？今回僕が学んだことを一気に並べて共有したいと思います。 資料スライド公開 このレポート内で紹介している14項目について、講師の高瀬さんが公開してくれてい
若い頃に知っていれば良かったのにと感じるとても大切な20のこと
By Giandomenico Ricci 光陰矢のごとしといいますが、時が過ぎ去って初めて痛感する大切なことがたくさんあります。若い頃に知っていれば良かったのに、と思うことが誰にだってあるはずです。けれど、若いうちにはなかなか気づかない大切な事柄というものがあります。次の20の提言は、ハタチの若者が知るよしもないけれどぜひとも知っておくべき大切な20のアドバイスです。 20 Things 20-Year-Olds Don't Get - Forbes http://www.forbes.com/sites/jasonnazar/2013/07/23/20-things-20-year-olds-dont-get/ 01.時間は無限ではない By Thomas Hawk 「次のレベルに進むための時間がない」と考える若いプロフェッショナルにはなかなかお目にかかれません。20代の頃は時間は無限
40 Simple Minimalist Web Design Examples (Inspiration)
1. McChill Mike McMillan makes it easy to check out his portfolio with a clean-feeling design. A solid background with animated text helps visitors learn about the website owner, services, and past achievements. The large navigation links are easy on the eyes and take you directly to the projects. 2. Bayview Holiday Apartments Bayview Holiday Apartments chose a minimalistic approach to their websi
Rails3アプリケーション開発で良く使うgemまとめ｜TechRacho by BPS株式会社
Rails4がリリースされてしばらく経ちましたが，一部のgemが対応に追いついていないこともあり，まだ本番系のシステムに適用するのは様子見かなというところです．社内システムや個人的に遊ぶアプリで予行練習中． というわけで，まだもうしばらくはRails3のお世話になりそうなので，Rails3の総まとめというわけではないですが，良く使うgemをまとめてみました．社内のチームMTGでの発表資料をSlideShareにアップロードしてあります． 既にRails開発に慣れた人にとってはおなじみのgemが多いと思いますが，これからRailsでの開発を始める人にとってはそれなりに有用かと思います． また，弊社では数多くのRailsアプリケーションをcapistranoでdeployしている実績がありますので，deploy関連のgem等も参考になればどうぞ． ================以下追記（20
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2013年5月）
MMI / byKATO - Award-winning D... / Nerval / Pierre Georges,...他...全16件
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エクセル（Excel）で差をつけろ！ 新入社員の必修記事10選｜All About（オールアバウト）
