16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
【稼ぐブログへ】月10万超！ブログ運営の収益化の方法、おすすめの本や無料便利ツール - Life is colourful.
2016年5月にはてなブログをはじめてすでに3年半超。このブログは開設から半年経過したくらいで月10万の収益を超え、それ以降も順調に増収が続き、今もコンスタントにブログから収入を得ている。 下のグラフは1年目のブログ売上推移。（※正確な数字を出すと色々面倒なのでボカします…） 正直、自分自身もここまでになるとは思っていなかったけれど、「"ちゃんとやれば"誰にでもチャンスはある」ということを実感できた。 4年経過したので、改めてこちらに収益付きでまとめました。 関連ページ【はてなブログ5年目へ】アフィエイト収益とASPについて ● ● ● この記事では、僕が4年間ブログ運営をしていく中で収益化に役立った手法やツールを紹介してみたい。基本的には初心者向けに書いている。 前半は、収益化のステップと「ブログで稼ぐための必須ツール」に関して。誰もが収益化のために使っている必須のツールを紹介している。
JPEGとは？ファイル形式の特徴やPNGとの違いを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
画像のファイル形式には、JPEGやPNG、GIFやPDF、BMPといったさまざまな種類があります。 Webサイト上では主にJPEG・PNG・GIFの3つのファイル形式が中心に使われていますが、それぞれに特徴があり、用途によって使い分ける必要があるのはご存知でしょうか。 今回は、Webサイト制作に使える主な画像ファイル形式と、その特徴について初心者の方にもわかりやすく紹介します。 ※この記事は2022年8月に編集部が情報を更新しました JPEG（ジェイペグ）ファイル形式の基礎 そもそもJPEGとは JPEG（Joint Photographic Experts Group）とは、静止画像データのファイル形式の一種で、読み方は「ジェイペグ」です。JPEGはフルカラー（約1,677万色）の画像を扱えるため、写真などのデータを保存するのに向いています。 例えばデジカメの写真データや証明写真の写真デ
2016年上半期、お仕事効率化オタクの私が「やりたいこと50」
みなさん、明けましておめでとうございます！ タカハシ(@ntakahashi0505)です。 2016年元旦でございます。 一年の計は元旦にあり！ということで、お仕事効率化オタクの私がこの上半期にやりたいことを50個リストアップしました。 なぜ上半期なのか？と言いますと、半年も経ったとするとだいぶ状況もやりたいことも変わってくる可能性がありますので、50個にして早めにやりたいものだけにしました。 下半期には新たに50個リストアップすれば一年で100個になりますからね。 ワクワクしますね！ では、行ってみましょう！ ビジネス BtoCまたは継続案件で単月黒字 チャットワークで情報提供グループを作成する1/4完了 Web制作の仕事を開始する1/6完了 継続決済を導入する チラシを作成する WordPressブログのセミナー開催する1/24完了 初心者向けOfficeのセミナー開催する エクセル
ブロガーの収支／月200万PV50万円以上を稼ぐ方法 - Everything you've ever Dreamed
僕がウェブ上に日記を書き始めて１５年以上になる。いろいろなサービスを渡り歩いてきたが、はてなブログを利用し始めたのが１３年１２月なのでちょうど丸２年。僕がウェブ上に日記を書き始めた頃と大きく変わったのは、ウェブ日記がブログと名称を変えたことと、ＰＶやブログで稼いだ金額とそのノウハウをブログ上で公表するようになったことだ。僕はそういう記事を積極的に読もうとは思わない。なぜならそれらのノウハウのうち、どれくらいのものが有効なものなのか疑わしいからだ。 実のところ僕は自分のブログを積極的に読んでいる人がどれだけいるか知らない。はてなブログの購読者数が２６００なので各リーダーの登録者数を足しても数千程度くらいだと見込んではいる（確認する術を知らない）。はっきりいってニッチだ。はてなブログは購読者数のランキングを発表していないので、２６００という数値がどのくらいの位置にあるのかはっきりはわからないけ
WEBディレクターだけど、初心者に役立つサイト教える : ゴールデンタイムズ
1 ：以下、＼(^o^)／でVIPがお送りします ：2015/02/06(金) 17:41:24.70 ID:flJZIImcH.net 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ 2 ：以下、＼(^o^)／でVIPがお送りします ：2015/02/06(金) 17:42:31.08 ID:flJZIImcH.net まずはドットインストール http://dotinstall.com/ 開発環境の構築方法からプログラミング言語の基礎の基礎を教えてくれる 一回の動画の時間が短く区切られているので使いやすい。 プロからはあまり評判が良くないが、必要最低限のことはここで十分だ 4 ：以下、＼(^o^)／でVIPがお送
本当に使えるコーディングチェックサイト厳選3選
コーディングの正確性について、不安を持つWeb制作担当者は少なくないのではないでしょうか。 コーディング後に、ミスが発覚すると修正作業のために時間を大幅にロスしてしまう可能性があります。 できるだけミスを防ぐためにも、適切なコーディングができているかどうかをチェックできるツールはストックしておいた方がいいでしょう。 今回は、コーディングを担当しているものの自信が無いという方にオススメのコーディングチェックツールをご紹介します。 コーディングで気を付けなくてはいけないこと 制作するにあたって、コーディングレベルがありますが、HTML・CSSを利用する際に気を付けなくてはいけないことは単純に「正確に動作し、ブラウザによってサイト崩れが発生しない」ことなのではないでしょうか。 例えば、「リンクページをクリックしたが、正確にページが表示されない」や「PCでサイトを見たときには正常に動くのにスマホで
WordPressの侵入対策は脆弱性管理とパスワード管理を中心に考えよう
この記事はWordPress Advent Calendar 2015の7日目の記事です。 今年初めてWordCamp Tokyoにて講演の機会をいただき、WordPressのセキュリティについて話しました（スライド）。そこでもお話ししましたが、WordPressに限らず、Webサイトへの侵入経路は2種類しかありません。それは以下の2つです。 ソフトウェアの脆弱性を悪用される 認証を突破される したがって、侵入対策としては以下が重要になります。 全てのソフトウェア（OS、Apache等、PHP、WordPress本体、プラグイン、テーマ等）を最新の状態に保つ パスワードを強固なものにする 以上! と叫びたい気分ですが、それではシンプル過ぎると思いますので、以下、WordCampでお話した内容とリンクしながら、もう少し細く説明したいと思います。 全てのソフトウェアを最新の状態に保つ Word
今更聞けない！エンジニアのための CSS の基礎講座 〜ボックスモデル編〜 | 株式会社ヌーラボ(Nulab inc.)
注意 HTML5 からは 見た目は CSS に任せ、HTML は文書の構造（セマンティック）を表すことのみに重点を置かれるようになりました。例えば箇条書きリストを作るのに div と display: list-item; を使って構築するより、箇条書きリストを表す ul li を使ったほうがよりセマンティックです。このように目的にあった HTML 要素を使うようにしてください。 ボックスモデルとは CSS でレイアウトをする際には、 ボックスモデル を理解する必要があります。 CSS の定義するボックスモデルは以下の図のように 4つの領域で構成されています。 ボックスモデル解説図 content（コンテンツ） テキストや画像など、要素そのものの内容が表示される領域です。この領域のサイズは width（幅） と height（高さ）プロパティで指定することができます。 padding（パデ
デザインの知識を独学で身につける！デザイナー初心者が絶対に見るべきサイト20選
Webデザイナー初心者の方は、日々の仕事で知識やスキル不足に頭を悩ませる場面が多いのではないでしょうか。だけど時間もお金も足りない新人にとって、学校に通ったり、腰を据えて教科書を読んだりというのはなかなか難しいもの。 そんなときは、Web上の有益なサイトで勉強するのはいかがでしょう。今回はWebで見ることができる、教科書並の情報量のサイトや、Webデザインの参考になるサイトなど、全部で20サイトをまとめました。 Webデザインの教科書として読みたいサイトまずは、Webデザインの基本から応用まで網羅的に揃っていて、まさに教科書のように使えるサイトを紹介します。どれもブラウザに開いて常備したいサイトばかりです。 1. Webデザインレシピ ※2020年8月現在、掲載終了 一つひとつの記事にボリュームがあり、ここを読めばWebデザインについて体系的に学べる、まさに教科書のようなサイトです。サイト
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
プログラミング不要！スマホアプリが開発できるツール10選
更新日: 2022年5月16日公開日: 2015年3月18日プログラミング不要！スマホアプリが開発できるツール10選 アプリ開発と聞くとかなりハードルが高いですよね。しかし、アプリ開発をサポートしてくれるサイトを使うと、場合によっては自分でプログラミングコードを書くことなく、オリジナルアプリを開発することができます。 超簡単にスマホアプリが作れてしまうツール10選国産アプリ開発の「Monaca」 MONACA Monacaは、自分である程度プログラミングを入力してアプリを開発するサービスサイトになります。HTMLとPHP、CSSの基礎を押さえていれば、初心者でもスムーズにアプリを作っていけるサイトです。 Monacaの特徴としては、アプリ開発はクラウド（サーバー）上とローカル環境から選ぶことができます。またアプリ開発コースも全6コース設けられており、ハイブリッドアプリ開発コースやBUSIN
大きな背景画像を使った魅力的なWebサイトを作ろう
2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ ↑私が10年以上利用している会計ソフト！ 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって
Wordpressプラグインのダウンロードランキング・トップ200！！実質1位は日本発のあのプラグイン - 着ぐるみ追い剥ぎペンギン
WordPressというオープンソースのソフトウェアがあります。 ネット関連の仕事をしてる人や、ブログをやっている人なら聞いたことがある方も多いと思いますが、世界中のウェブサイト構築に使われている大人気のソフトウェアです。 僕はWordPressが大好き・得意でして、仕事でも凄く使っています。 勿論、このブログもWordPressで出来ていますし、以前に「誰かが記事をコピーしたら教えてくれるプラグインCCC(Check Copy Contents)を作ってみた」でも書いたようにプラグインも時々作ったりもしてます。 WordPressを使ったサイト構築のお話があれば是非どうぞ（宣伝） WordPressプラグインのダウンロードランキング さて、WordPressの人気の理由の1つにプラグインの存在があります。 プラグインによって機能が拡張できるので、お手軽に高機能なサイトが作れるのです。 そ
他人の知識から学びとれ！Webディレクターに役立つ厳選スライド資料まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
勉強欲が強いディレクターの鮫島です。 普段みなさんは知識を得るためにどのような勉強をしていますか？？ 本を読んだり、セミナーに行ったり、Facebookのタイムラインに流れてくる技術系の記事を見たりすることが多いかと思います。 私も大体そうなのですが、最近それ以外にも勉強する方法を模索しています。 その中の1つとして、ちょこちょこ目に付くオンラインの「スライド資料」がとても分かりやすくて、ちょっとした合間に勉強できます。そこで、私が最近見た中でも、見やすくて勉強になったスライドをいくつかご紹介します。 ちなみに、オンラインのスライド資料サービスについては、過去にディレクターの勢古口が「より美しいプレゼン資料を共有しよう。オンラインプレゼンツール7選」でまとめていますので、ご興味あればこちらもご一読ください。 ディレクター向けのスライド資料まとめ IAシンキングによるモバイル再設計 内容 I
Webアプリ開発をする上で読むべき本とか - catatsuyとは
Web アプリ開発をする上で読むべき基本的な本は無いかと聞かれて，すぐに出てこなくて困った 今後もそういうことを聞かれることもあるかもしれないので個人的にまとめておきたい 基本的には何かを作ってみて，習うより慣れろの精神で行くのがいい 最近は Ruby on Rails が流行りな気もするのでその辺りで役に立ちそうなサイトを紹介する Ruby on Rails チュートリアル：実例を使って Rails を学ぼう サクサク引ける Rubyリファレンスマニュアル bbatsov/ruby-style-guide Rails のチュートリアルはたくさんあるので他にも読んでみると良いかもしれない ただ Ruby on Rails が簡単というのはウソ - #生存戦略 、それは - subtech に書かれていることを全部やろうとすると絶対にハマるので分かるところから少しずつやるといい それと We
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Menthas
AUN[あうん]｜登録不要の修正依頼・指示ツール![AUN[あうん]｜登録不要の修正依頼・指示ツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/80d7ef00157a95f1026eb6ba3e952aeffe00b3f2/height=288;version=1;width=512/https%3A%2F%2Faun.tools%2Finc%2Fimages%2Fogp-image.jpg)
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
HTML5.JP - 次世代HTML標準 HTML5情報サイト