数字がたんたんと並ぶエクセル表ってとっつきにくいですよね。見やすくするには「テーブル機能」が便利です。例えば、表に縞模様をつけて見やすくしたり、データバーを使ってセルに横棒グラフを表示できたりします。今回は、見やすい資料作りに必須な表のレイアウトワザを紹介します。 エクセルの表を見やすくするレイアウトワザ①表に縞模様を付ける表に縞模様を付けるには、テーブル機能を使います。レイアウトを残したままテーブル機能を解除するには、「範囲に変換」を使います。 ↑表を選択します ↑「ホーム」タブ → 「テーブルとして書式設定」ボタンをクリックし、メニューからスタイルを選択します 「テーブルとして書式設定」画面が表示されます。 ↑内容を確認し、「OK」ボタンをクリックします テーブルのスタイルが設定されます。 ↑テーブル機能が設定され、フィルターボタンが表示されます フィルターボタンなどのテーブル機能を解

ちょっと前までは企業ではお抱えのデザイナーがいたし、デザインの専用ツールも比較的コストが高く、デザインはデザイナーに任せるべき、という風潮が強かったと思う。時が経過した今では、デザインする時間がなければクラウドソーシングに投げればいいし、PhotoshopやIllustratorなどのツールも月額購入で誰でもすぐに利用できるし、Webには日々参考になるリソースが流れてくるので、ノンデザイナーでも簡単にデザインすることができるようになった。 しかしながら、参考記事を見ながら見よう見まねでデザインをしたものの、自分の作ったデザインはプロのデザイナーと「何か」が違う、そう思ったことはないだろうか。センスと経験だけでは、なかなか見えないデザインのポイントが存在する。 そこで今回は、そんなプロのデザイナーなら無意識にチェックしている7つの項目を並べて紹介していこう。デザインというと高尚に聞こえる節が

2017年2月17日からAMP表示に対応しはじめた当サイト（AMPの解説は下記ページにて）。 ブログ記事をAMPで配信できるオプションを、Proユーザー向けベータ版機能としてリリース AMPは、モバイル環境でWebコンテンツの表示を高速化する仕組みです。GoogleなどWeb業界各社の協力により2015年10月にプロジェクトが発足し、世界中から多くのコンテンツ企業やテクノロジー企業が参加しています。はてなもこの4月、国内Webサービス企業初の「Tech Platform」として参加しました。 導入から約1週間ほど経過し、AMPを導入して良かったなと思うメリットと、ちょっとこれは困るな…というデメリットの両方が見えてきたので、今回はそのあたりについて参考までにまとめてみたいと思います。 これからAMP表示に対応しはじめようと思っている方は是非、参考にしてみてくださいね。 AMP導入の効果：

11月1日にW3Cから勧告されたHTML 5.1。およそ2年ぶりのアップデートでどこが変わったのか？ 主要な変更点を押さえておきましょう。 HTML 5.1とは 2年ほど前のHTML5スタンダードのリリースは、Web開発界隈における大きな出来事でした。一連のすばらしい新機能が搭載されただけでなく、1999年のHTML 4.01リリース以降初のメジャーアップデートでもあったからです。「モダンな」HTML 5スタンダードを意気揚々と使ったWebサイトをいまでも見かけることがあります。 幸い、HTMLの次のアップデートまでそう長くはかかりませんでした。2015年10月、W3CはHTML5で未解決となっていたいくつかの問題の修復を目的としたHTML 5.1ドラフトの策定に着手しました。多くのアップデートを経て2016年6月に「勧告候補（Candidate Recommendation）」、2016

転職活動で面接を控える方の中には、 「どんな質問をされるんだろう」 「よく聞かれる質問を事前に知っておきたい」 と考えている方も多いでしょう。 結論からいうと、転職の面接で聞かれる質問は、ある程度パターンが決まっているため、あらかじめ質問に対する回答を考えておくだけで、選考通過の可能性は高くなります。 そこでこの記事では、転職コンサルタントとして数多くのキャリアチェンジを支援してきた私が、転職の面接で頻出の質問99選をまとめました。 （目次） 転職面接での質問例99選 転職面接の4ステップ 面接質問のセオリー「STAR」とは 質問への回答セオリー「PREP」とは このページを読めば、面接突破に一歩近づくでしょう。

おひさしぶりです。 WEBデザイナーの橋本です。 さて、今回は「WEBデザインで気をつけていること8選」ということで、WEBデザインをする上で気を使っているところを書きたいと思います。参考になるかどうかはわかりませんが、是非ご覧下さい。 1. フォントの選択 WEBで使う日本語は「メイリオ」か「ヒラギノ」が多いです。 しかし、どちらを優先するかというのは人によって異なります。そのため、どのパソコンで閲覧しているかを調べて閲覧者毎に振り分けるようにしています。 最近では「游ゴシック」や「游明朝」に置き換えてきていますが、「メイリオ」か「ヒラギノ」か第二候補として選ぶ必要性があります。 2. 余白は多めで 私が商業モデルとしてWEBデザインを初めて行ったのが今から5年前ですが、以前よりも余白を多くとっています。 以前は10~30px程度の余白が多かったですが、最近では40〜100pxの余白が多

新しいWeb開発フレームワークも登場！ 2015年中に人気が急上昇してきており、「2016年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する。 ← 前回 連載 INDEX 2016年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2015年中に人気が急上昇してきており、「2016年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する（※昨年の2015年版はこちら）。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「コンピュータ、電化製品」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名が一般的な英単語の場合、Web検索時に、

既にアメリカ西海岸を中心にデザインとテクロノジーの融合がこれまでに無い程に進んでいる現在、テクノロジーよりもデザインが重要性が高まってきていると感じる。これからのビジネスや生活の中心になると考えられるデザイン的側面から今年のトレンドを予測してみた。 1. “デザイン”の概念がどんどん広がっていく”デザイン”という言葉自体の概念も時代と共に変化している。グラフィックデザインや、Webデザインなど、これまでのいわゆる”絵を描く”ことから、デザイン的考え方を事業の為の一つの戦略スタイルとして活用するケースが増えている。英語で言う場合の小文字のdesignは表面を美しくする事、対して大文字のDESIGNは、世の中の様々な事柄をデザイン的観点から改善する為の価値を表現している。 もう既にデザインはデザイナーだけのものではなくなって来ている。デザインは日々の生活に密着しており、大きな企業から学生までデ

Kazuhiro Hara 𝕏 @kara_d Webデザイン関連では最大規模の年末恒例イベント 「Shift9：Webデザイン行く年来る年（CSS Nite LP43）」（2015年12月26日開催） cssnite.jp/lp/shift9/ が今週末に迫りました。皆さん仕事納めの準備はいいですか〜。 2015-12-21 11:21:23

デザイン、レイアウト、フォント、カラー、イラストなど、デザインに関するブログを書きましょう。 Webデザインを作る上で使う、ツールの使い方なんかでもOK！ 小ネタやTipsから、ガッツリとした記事、どんな形式でも構わないので、やってみませんか？

WordPressに関する何か! 2014: http://qiita.com/advent-calendar/2014/wordpress 2013: http://2013.japan.wpac.info/ (ドメインごと消えとるやんかw) 2012: http://2012.japan.wpac.info/ (ドメインごと消えとるやんかw) 2011: WordPress Advent Calendar 2011 早くも埋まってしまったので、間に合わなかった方のためのパート2! 「WordPress Advent Calendar 2015に参加したかった人達の Advent Calendar 2015」が早くも以下にできました! http://www.adventar.org/calendars/1055

Javascript の入門編として基礎の技術解説を行います。 本カレンダーで解説しきれない部分は、 イベント終了後にWebサイトで引き続き投稿していきます。 https://murashun.jp/ SNS Profile Twitter：https://twitter.com/murashun Facebook：https://www.facebook.com/murashun 以下のカレンダーと競っています。 ・らいとなデブ SYNCER ・脱jQuery Tips

今、独学でWEBについて色々と学んでいるあなたへ。 色んなことを覚えて、自信がついているかもしれません。 もっと広い世界を知り、落胆しているかもしれません。 私もそうでした。 でも、大丈夫です。 独学でしっかりと基礎を身につけたおかげで、１年満たずでこれだけのことを覚えられました。 あなたも覚えられます。 独学するあなたを応援したいカレンダー。 独学コーダー歴：およそ２年半 チーム開発歴　：およそ１０ヶ月（2015年2月から）

こんにちは。Latinです。 今年は長めの夏休みが取れそうなので、旅行でも行こうと画策しております。 さて今回は、久々にコーディングネタです。 弊社の最近の案件では、対象ブラウザがIE8+という案件がほとんどになってきました。 「安心してください。IE10以上です。」 なんて言われたら嬉しい限りなんですが、まだまだ少ないのが実状です。 「悪夢のIE7対応」を考えなくて良くなっただけでもコーディングはだいぶ楽になりましたが、「IE8」は「IE8」でいろんなクセを持ってますよね。 今回はそんな今だからこそ、「IE8対応のポイント」をまとめてみます。 【IE8の仕様編】 HTML5に対応していない HTML5のサイトで「IE8対応」が必要になってくる場合、ポピュラーな方法としては二つあります。 html5shiv.js などの拡張ライブラリを IE9 以下のIEで読み込ませる HTML5要素自体

更新日: 2017年5月22日公開日: 2015年6月4日ここが最前線！2015年WEBデザイントレンド13選 時代ごとに web デザインは変化し、いつの時代もユーザーの視線と心を釘づけにできるよう創意工夫されています。 また例え難しいデザインのテクニックが無くても、その時々のトレンドをうまく取り入れるだけで、斬新なサイトにも見えます。今流行りの web デザインを 事例を含めてご紹介します。 はじめに - 2015年 web デザイントレンドの背景ファーストビューよりスクロールを重視するデザインに Photo: cewdseo.com 今やフェイスブックやツイッター、LINE などの SNS は、私たちの生活に無くてはならない存在となりつつあります。日本人の5人に1人が Facebook ユーザーで、世界でもおおよそ5人に1人が Facebook を使っています。 またスマホ普及率は国

アプリ「にゃんこフリック道場」とは? スマホでの文字入力にフリック入力を使っていますか?（下のアニメーション画像のような文字入力のこと） フリック入力はこちらです わたしは「フリック入力」がもっと速く入力できるようになりたいと思って、いろいろフリック入力練習アプリを試していました。 クオリティが低くてやる気にならなかったり、ゲーム性が高すぎて実用的じゃなかったり……。 そんな中で出合ったのが「にゃんこフリック道場」というアプリ（iOSアプリのみ）。 このアプリは、その名のとおり、フリック入力を練習するためのゲームアプリです。 フリックすべき文字盤が青くなっている ただ、ゲームに偏りすぎず、「練習アプリ」という本編を守れているバランスのいいアプリなんですね。 最初に言っておくと、これを毎日コツコツやっていれば、 間違いなくフリック入力をマスターできます！ にゃんこフリック道場 「にゃんこフリ

CSSスプライト用の画像はどうやって作成してますか？ ロゴやナビゲーションやアイコンなどをPSDファイルにちまちま並べて、Photoshopで書き出す感じでしょうか。 そんな面倒な作業とおさらばできる便利な機能拡張「Sprite Sheet Gen」を紹介します。 しかもコリスのビジター限定で3名様にプレゼント！ そして絶対欲しい人用に半額キャンペーンも同時に行います！ 応募期間は、2015年5月28日で終了しました。 半額キャンペーンは、29日23:59までです。 Sprite Sheet Gen コリス限定：プレゼント企画と半額キャンペーン 「Sprite Sheet Gen」の紹介 「Sprite Sheet Gen」の使い方 「Sprite Sheet Gen」をプレゼント！ 応募期間 応募要項 当選発表 コリス限定：プレゼント企画と半額キャンペーン 今回は通常のプレゼント企画だけ