CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう!デザインは複数の要素(エレメント)と原則(プリンシプル)から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください! ↑私が10年以上利用している会計ソフト! デザインの要素(エレメント)と原則(プリンシプル)は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ
写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 Designing From a Photo: Quick Tips and Best Practices [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる最も素晴らしい手段です。クオリティが高い写真は程度の低いデザイナーでも素晴らしいデザイナーのように見せるでしょう。 素晴らしいフォトグラフィのデザインをするためにいくつかのテクニックとアイデアを紹介します。 写真の入手 まず第一に、デザイナーとしてあなたができる最も良い方
TechWaveの理念、目標である「世界との架け橋になって変革を起こす」に沿って、電子書籍、紙の書籍の両方で英語の勉強法に関する本を出しました。(関連記事:TechWaveは世界との架け橋を目指します : TechWave) 電子書籍のほうは「TechWave英語学習法」、紙の書籍のほうは「iPad英語学習法」というタイトルになりました。 タイトルは違いますが、中身はほぼ同じです。本のコンテンツの一部をTechWave上で公開していきます。今回は、システム・エンジニアの大本茂史さんの英語学習法をご紹介します。 大本茂史さん(41)報道機関勤務システムエンジニア もともと海外で仕事をしたいという希望があったので、勉強を継続しています。といえば聞こえはいいんだけど、なかなか上達しないのでだらだらやっているというのが現状ですね(笑)。社会人になってから「バイリンガル」という英会話学校に半年ほど通
Google Analytics にまた、便利な機能が実装されました! その名も、「加重並べ替え」です。 1.加重並べ替えとは? こちらに詳しく解説されています。 グーグルアナリティクスの加重並び替え機能とは? 例えば、直帰率を改善したいときに、まず直帰率の高い順に並べ替えます。 しかし、そのとき、セッション数1の直帰率100%ものから改善するよりは、 セッション数が1000もある直帰率90%を改善したほうが、効果は高くなるはず。 というように、Google Analytics が自動で第2の指標で並べ替えをしてくれ 示してくれる機能、それが加重並び替えです。 2.加重並べ替えは、どんな時に使えるのか そもそも、「改善をしたい!」ということで並べ替えをしませんと、 その加重並び替えチェックが出てきません。 これも、ススムカタチさんのエントリーで、その条件を紹介してくれています。 1例を紹介
Advertising Age(元記事)が、2010年6月におけるGoogleリスティング広告投資先ベスト10ブランドをスクープ、情報元はGoogle内部文書とのこと。個別企業の投資金額がリークされるのは極めて稀なことだろう。 【出所: Advertising Age】 ベスト10をリスト化すると以下の通り。 AT&T wireless spent $8.08 million (6.8億円) Apollo Group spent $6.67 million (5.7億円) Expedia spent $5.95 million (5.0億円) Amazon spent $5.85 million (4.9億円) ebay spent $4.25 million (3.6億円) BP spent $3.59 million (3.0億円) Hotels.com spent $3.3 mill
企業のマーケティングにおけるソーシャルメディアの重要性が高まりつつある。2010年に入って「ソーシャルメディア活用術」をテーマにしたマーケッター向けのセミナーや、成功事例に触れる機会も大いに増えている。1対nで情報を伝えるマスメディアから、無数のn対nで情報が流通するソーシャルメディアの時代へと急速に変わりつつある今、企業がマーケティング活動の中でどのようにソーシャルメディアとつきあっていくのかに関心が集まっている。 この現状をふまえ、日経BPコンサルティングでは、18歳~69歳のソーシャルメディアを利用する男女1200人に、ソーシャルメディアの利用実態調査を実施した。国内の29のソーシャルメディア・プラットフォームを対象に利用実態や評価を尋ねている。 本特集では、この調査結果から特徴があるプラットフォームを取り上げ、比較分析する。企業がソーシャルメディアを使って消費者にアプローチする際の
iPhoneには、パソコンとUSB接続することなく、単体で遠隔地から脱獄(米アップルが設けた保護機構を無効化すること)させる方法が存在する。具体的には、iPhoneのWebブラウザー「Safari」で「jailbreakme」というWebサイトにアクセスすれば、わずか数段階の作業で脱獄できてしまう。当然この方法は、全世界で利用されているiPhoneを攻撃しようと企んでいる悪人たちにも使われる。この脱獄方法を分析したところ、何者かに悪用されるのは時間の問題であると理解した。今回は、我々が見つけた情報を整理してみた。 図1●iPhoneにあるセキュリティホール2件を使う脱獄の手順 この脱獄手順は、まずPDFのCompact Font Format(CFF)に存在するセキュリティホール(CVE-2010-1797)を利用する(関連記事:iPhoneやiPadに危険な脆弱性、Webアクセスでウイル
Jason Zimdars / 青木靖 訳 2010年8月31日 「Webデザインを始めたい場合、どうすればいいんでしょう?」とか、「Webアプリを作り始めるには、どんなスキルが必要ですか?」といった質問をする人がたくさんいる。おすすめの本を山ほど挙げたり、「となりのやつより115%上をいく55の技」みたいな記事を何十本かリストアップするのは簡単だが、本当のところを言うと、始めるために何かを学ぶ必要はない。一番重要なことが何かというと、ただ始めることなのだ。 何かを作り始めること。Webデザインを学びたいならWebサイトを作ればいい。起業家になってWebベースの製品を売るビジネスを始めたいなら何かアプリを作ればいい。まだスキルがないかもしれないけど、どうしてそんなこと気にするの? どんなスキルが必要になるかもわからないというのに。 すでに知っていることを使って始める Webで何か作りたいん
END OF LIFE NOTICE: Development of MobiOne discontinued February 1, 2015. MobiOne sales and download services have been discontinued. Existing installations of MobiOne Studio desktop tools such as the visual design and code generation tools will continue to operate; however, all cloud-based features will no longer function and you will not be able to build an app from your project or publish your
失われた20年ともいわれる長期低迷。企業と社員の関係は変わってきた。非正規社員の増加、給与の頭打ち、終身雇用の終焉……。働く不安定さは増大し、もはや高度成長期のような会社と社員の蜜月関係は、望むべくもないのか。 ではいま、社員は、会社をどう思っているのだろう? 年収と企業口コミ情報サイト、「キャリコネ」を運営するグローバルウェイでは今回、4万件を超す登録データを分析。「愛社されている企業と愛社されていない企業ランキング」をまとめた。社員から愛されている会社と、社員から愛されていない会社はどこか。その顔ぶれを公表する。 ◇ このランキングは、キャリコネに登録されているデータをもとに、「年収への満足度」や「仕事のやりがい」「キャリアパスの公平さ」「労働環境」など、7つの指標について満足度を数値化して、会社ごとに集計した結果だ。 集計にあたっては、まず全企業のなかから登録データが10件以上
Create now your custom border image CSS Border image generator allows programmers and developers to draw an image on the borders of an element. It provides room for efficient and perfect design. It is very complex to do it by yourself, you need this generator to assist you and it is a bit frustrating to properly take by hand. Though it is tricky, it allows users to create flexible borders with a s
インターンシップにきています。 こんにちわ。(・`д・ノ)ノ 面白法人カヤックでインターンシップ中のどうもぽんたです。 先週、鎌倉本社から自由が丘支社に移りました。 自由が丘に来たのは初めてなので、「丘ないなぁ。」って思いました。 そしてこちらはインターン研修で、書いているエントリーです。 どうか柔らかいまなざしで見守って下さいませ! 今回は画像を使わず、CSS3だけでWebボタンをつくる方法を紹介したいと思います。 といっても僕自身つくったことがないので、一緒に挑戦しましょう!! つづきからどうぞ! すごいよ!CSS3 ≫ CSS3のみでつくっているボタンを紹介している凄いサイトがあります。 ラムネのようなテイストのボタンですな。 これを画像なしでつくってるっていうからスゴイ! ここまでレベルの高いボタンはつくれないので、 基本重視のシンプルなCSSボタンをつくろうと思います。 まずはC
分散 Key-Value ストア mio-0.0.1alpha をリリースしました。(mio-0.0.1-alpha.tar.gz) Mio とは何か? 範囲検索(range query) が出来る KVS です。例えば「key が "1000"〜"2000" にあるものを昇順に10件取り出す」という検索が可能です。 Mio は memcached 互換プロトコルを実装しているので、多くのプログラミング言語から簡単にアクセスする事が可能です。(後述のコード例参照) Mio のアーキテクチャ Mio は Skip Graphs(スキップグラフ)というアルゴリズムに基づいて実装されています。詳細はErlang 分散システム勉強会での発表資料 Mio - a distributed Skip Graph based orderd KVSをご参照ください。 インストール 最新の Erlang をイ
僕らが最近手がけているのは、とても大規模なコンシューマ向けサービスだ。 100万人の契約ユーザが使い、1テーブルに1億レコード以上のデータを貯め、24時間止めることが許されず、 要求から応答までのターンアラウンドタイムが1秒以内という厳しいSLAのサービスである。 中でも僕はRDBやフレームワークを担当している。 僕がこの現場に来て、驚愕した文化が2つある それは「Join禁止」と「固定長DB」だ。 ありえない。 とはいえ、正直に言えば「またか、、、」という感想でもある。 RDBを知らないレガシーな人たちが設計したDBではよくありがちな設計だからだ。 と僕は早々にこの文化と戦って、絶対に覆してやろうと考えてた。 過去の経験上それはたやすいハズだった。 しかし、この文化と戦うこと3ヶ月間。 屈した。初めて屈した。いや、屈したというよりは理解した。 大規模コンシューマ向けサービスのRDBという
October 11, 2010: Reported on the front page of the New York Times Find the latest details, code, and implementations on github @ https://github.com/samyk/evercookie DESCRIPTION evercookie is a javascript API available that produces extremely persistent cookies in a browser. Its goal is to identify a client even after they've removed standard cookies, Flash cookies (Local Shared Objects or LSOs),
1ch.tvという出来事 せっかくなので、9年前のあの「1ch.tv」という掲示板にまつわる出来事に関して書いてみようかなあ、と思った。 今まで沈黙を保っていたわけでもないし、言えない話しでもなかったのだけど、どこかにそれについて書くのはなんとなく避けていた。というのも何をいっても「けんすうは嘘つきだ」ということを言われる状況だったし、本気で脅迫めいたことを言ってくる人も多々いたので、面倒だったというのはある。別に恐怖は感じ無いんだけど気味が悪いしねぇ。 といいつつ、1ch.tvももうアクセスできない状態だし、そろそろ語ることもあるんじゃないかと思って書いてみる。あれからもう9年も経ってしまった。当時、インターネットにいた人たちも見かけなくなってしまっている中、まだ僕がインターネットで、同じようなことをしているというのも不思議だけども。 1ch.tvというメディア さて、あれはた
The requested file has been moved to a new location. Please update your links and bookmarks.
ちょっと調べ物をしたのでメモ。画像を シェア出来るソーシャルなWebサービ スです。Twitter関連(Twipicとか携帯 百景等)は諸事情により割愛していま す。画像のブックマークやストレージ サイトみたいな感じのまとめになります。 個人的なメモなので一貫性が無いんですが、誰かのお役に立てるかもと思いエントリーです。あまりに多すぎるので適当に端折っています。順不同。 tumblr 画像のPostが一番多いように思いますが、テキストなどもPostできる人気のサービス。投稿用のツールも多く、手軽でいいですよね。 tumblr pick Naverのシェアリングサービスです。使いやすかったです。iPhoneアプリもあり、画像だけでなく、地図などの投稿も可能。画像は幅が統一されるのでとても見やすい。「ピック」で共有もサクッと出来ます。 pick Flickr 定番の画像シェアリングサービス。数
Mega menus are often used on large sites that have a considerable number of pages for users to navigate. Rather than just using a dropdown, the mega menu opens offering more options. While mega menus can make it easier for users to get deeper into a site with fewer clicks, the vast number of links can also overwhelm some visitors. For this reason, great care should be taken when designing mega men
直帰率の高い順に並べているわけですから、直帰率100%のキーワードが上に表示されます。このデータを見て、「なるほど、この10キーワードのランディングページを改善すればいいのか」と思うでしょうか。 10キーワード分ぜんぶ改善しても、たかだか10セッションの改善にしかつながりません。実際には何の役にも立たないデータなので、たとえばセッション数の多い順に上から100件のデータをExcelに入れて直帰率で並べ替えるといった作業が必要でした。 しかし! Google Analyticsの新しい「加重並べ替え」を使うと、もうExcelを使う必要はありません。使い方は簡単。直帰率で並べ替えると表の上に表示される「加重並べ替え」にチェックを入れるだけです。 この場合、直帰率で並べ替えるのに、セッション数で重み付けしてくれています。これで、「どのキーワードに関して改善すると効果が上がるか」が一目でわかります
最近はまんぐうん家にいます。 nagata (@handlename) です。 FlashやJSと連携する際には、APIを実装することになりますが、 今回は「こんなことやると実装が楽になるよ!」という小技をいくつか紹介します。 ※本記事ではレスポンスの形式としてJSONを使った場合を例として用いています。 ※アプリ名を「api」、モジュール名を「kayac」として説明します。 symfonyのバージョンは1.4です。 APIのレスポンスを返すための準備 symfonyのレスポンス、そのままではレイアウトが適用されてしまいます。 HTML形式で表示されるわけですね。 APIのレスポンスとして使う場合、こんなんじゃやってられません。 view.yml でレスポンスの形式を設定してしまいましょう。 apps/api/config/view.yml has_layoutをfalseにすることによっ
With the rapid advancement of web technologies, web developers now have access to a plethora of features once confined to native applications. One such feature is accessing the device's camera directly from the web browser using JavaScript. This capability opens up a world of possibilities for creating interactive and immersive web experiences. Whether you're building a video conferencing app, a p
こんにちは、小川です。たまには文句でも書いてみます。 先日ふと「スパイシーチキン」という単語を聞いて、昔のアシアルブログを思い出しました。 スパイシーチキンという単語を便りに検索をしてみると、スパイシーチキンの絶頂期は2006年から2007年の初めごろ。 僕は2006年の12月18日にアシアルにアルバイトとして入社したため、スパイシーチキン時代のアシアルを知っています。 むしろ、スパイシーチキンがあったからこそアシアルに入社したといっても過言ではありません。 しかし、今はどうでしょう。日常が垣間見えるのは、おおよそ月に1度投稿される阿部さんのブログくらい・・・。 symfonyの話しかしない人もいるし。そんなだからいつまでたっても彼女ができないんですよ! ああ、、、あの頃のアシアルブログはどこへいってしまったのでしょうか。 やはりここはアシアルブログ再建のためにも、再度スパイシーチキンに登
ある程度の年齢を迎えたプログラマが抱える悩み ある程度の年齢を迎えたプログラマが抱える悩みに、「若手のプログラマと比べて、どうやって価値を出していくか」という問題があります。これは言い換えれば「同じような生産性であれば、相対的に給料の低い若手のプログラマに置き換えられてしまうのではないか」という悩みです。 この問題のひとつの解決策は、プログラマ以外の仕事のポジション(たとえば管理職など)に移ることですが、他のポジションには向いていない、まだまだ現役でプログラマをやりたいという場合にどんな戦略があるか考えてみました。なお、後述するように、以下に挙げた戦略は相反するものではなく、組み合わせが可能です。 エキスパート戦略 この分野ではトップクラス、というレベルの専門性を身につけ、その分野に特化してキャリアを築くという戦略です。たとえば、ネットワークやセキュリティといった分野で一流と認められる専門
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く