自力でWebサイトを作れるようになるブロックコーディングとは？ HTML/CSSの脱初心者を目指して
HTML/CSSの知識を習得しても、いざWebサイトを構築しようとすると手が止まってしまう。それは知識の体系化ができていないから、と語るのが『HTML/CSSブロックコーディング』の著者である笠井枝理依さんです。笠井さんは本書で、そうした悩みを解決する手法としてサイトの要素をブロック単位で分解してコーディングしていくブロックコーディングを解説しています。今回は本書からWebサイトをブロックに分解する方法を紹介します。 本書は『HTML/CSSブロックコーディング デザインをすらすら再現できる』の「Ch01 モックアップをブロック分解」を抜粋したものです。掲載にあたって編集しています。 モックアップとは モックアップとは皆さんが考えるところの「デザイン」であり､日本では「デザインカンプ」と呼ばれることもよくあります。Webページがどのように表示されるのか､実際にブラウザで表示される場合と遜色
日本航空、ボットによる予約Webサイトへのアクセスを制御して外部課金を59％削減 | IT Leaders
IT Leaders トップ ＞ テクノロジー一覧 ＞ セキュリティ ＞ 事例ニュース ＞ 日本航空、ボットによる予約Webサイトへのアクセスを制御して外部課金を59％削減 セキュリティ セキュリティ記事一覧へ [事例ニュース] 日本航空、ボットによる予約Webサイトへのアクセスを制御して外部課金を59％削減 2017年8月23日(水)日川 佳三（IT Leaders編集部） リスト アカマイ・テクノロジーズは2017年8月23日、ボットによるWebサイトへのアクセスを制御して排除できるサービス「Bot Manager」の導入事例として、日本航空（JAL）が同サービスを採用したと発表した。JALでは、全アクセスの約86％を占めていたボットを排除した結果、外部サービスの課金を59％削減したという。 JALがBot Managerを導入した背景について、「ボットによるWebサイトへのアクセスが
Webサイト、プレゼン資料で差をつける！スタイリッシュな日本語フォント16選 : ニキビ跡
フォントを変えるとサイトや資料のイメージも変わる！ビジネスマンとして業務を行っているとWebサイトの更新やプレゼン資料の作成をする機会もあるかと思います。客観的なデータを活用したり、グラッフィックで見やすくしたりすることも重要ですが、「フォント」にもこだわると資料の質が高まります。Webサイトや資料のテイストにマッチした「フォント」を選ぶことで、クオリティを高めることができます。 「鉄瓶ゴシック」はゴツゴツとした質感が特徴的なフォントとなっています。見出しに活用されやすい漢字も含まれているので、Webサイトやチラシ作成に向いています。どこかレトロな雰囲気のあるフォントですので、そういった演出がしたいときにも向いています。 フォント配布ページ「スマートフォントUI」シャープな縦長フォント 「スマートフォントUI」は少し縦長のフォントとなっています。アルファベット、ひらがな、カタカナ問わず読み
Googleマップのカスタマイズがお手軽簡単にできる「EZ Map」を丁寧に説明します - イケメン息子とぐうたら猫の成長見守りブログ
皆様、こんにちは。 本日は埋め込み用Googleマップのデザインカスタマイズについてのエントリーを書きます。 私はブログを書いていますが、企業や個人のWebサイトでも地図の表示のためにGoogleマップを貼り付ける機会って結構あると思います。普通に貼ることもできますが、Webサイトの雰囲気と合ってなかったりして残念なことってありませんか？ というわけで、せっかくなのでサイトとマッチするデザインにして貼り付けちゃいましょう！オリジナルな雰囲気も出るので、他の人から見られたときに結構目に留まると思いますよ。 カスタマイズのやり方も色んなところでも載っていますけど、今まではステップが多かったりプログラムの知識が多少必要だったりすることが多かったです。今回は「EZ Map」というWebブラウザ上で簡単にカスタマイズのコード生成ができるツールができたのでそちらのやり方を説明したいと思います。 手順に
捨てメアドをガンガン作成できる秀逸なアプリを紹介するぜ！ - wepli.2
最近では色々なアプリやWEBサービスが登場していますが、そのほとんどが利用するためにメアド登録が必須となっています。リアルなメアドを登録してもいいのですが、迷惑メールとかプロモーションメールとかが大量に送信されて来るのが嫌なので、僕の場合は信頼できるリリース元でない限り捨てメアドで対応しております。そんな捨てメアド野郎の僕が普段から使っている秀逸なアプリ、『メルアドぽいぽい』を本日はご紹介したいと思います。 簡単に捨てメアドが作れる『メルアドぽいぽい』とは！？ 『メルアドぽいぽい』はこんな感じのアプリです！ 捨てメアドの取得 もちろんメールの送受信も可能です！ 捨てメアドのくせに複数のプラットフォームに対応！ さいごに 『メルアドぽいぽい』のダウンロード 簡単に捨てメアドが作れる『メルアドぽいぽい』とは！？ 『メルアドぽいぽい』とは、アプリを立ち上げるだけで手軽に捨てメアドが作れちゃうアプ
デザインコンセプトから逆引きでWeb開発！「縦書きWebデザイン」のCGMを作ってみた | 株式会社ファングラーテクノロジー
基本ファングラーの社内開発体制では「バックエンド」「フロントエンド」という分担で2名体制で開発がおこなわれる事が多いです。 自分はデザイナーなので「フロントエンド」の話に触れますと・・・ UI設計を考える人 デザインをする人 コーディングをする人 ・・・と分業でおこなわれる事が多いですが、これらを一人でやらなくてはいけません。 と、言ってもファングラーはシステム開発メインで、主にクライアントには管理画面的なシンプルで、且つ要件も所謂Web制作会社が受注する様なWebサイトに比べると、多くのスキルは求められないので、上記程度であれば一人で賄えてしまいます。 しかしやはり「Webデザイナー」という肩書きを名乗り、Webデザインが好きである以上、新しいデザイン・新しい技術を活用して、色んな物を作ってみたいと思ってます。 そんな普段の制作業務のフラストレーションを発散したく、いつも一緒に開発をして
【前編】Webコードエディタ「Cloud9」で、Hexoを使ったブログ作成術を大公開！ : うえぶはっく
これからブログを作ろうを思っている人で、こんな人はいませんか？ とにかく完全無料で運営したい デザインやレイアウトなど、自由自在にいじりたい ソースコードは全部いじりたい できるだけシンプル・ミニマムでブログを作りたい 好きな広告を自由に貼りたい バックアップを簡単にしたい…など これらの条件をすべて満たしてくれるブログ作成術を、今回はご紹介しようと思います！ そこで登場するのが、JavaScriptで作られたブログ作成ツール「Hexo」と、Webコードエディタ「Cloud9」です。 「Hexo」とは？ Hexoは「マークダウン」で簡単に記事を作成し、静的なHTMLファイルに書き出したあと、サーバーへのアップロードまで完結してくれるツールです。 わずかなコマンドを実行するだけなので、非常にお手軽なブログ運営を行えますが、Hexoを動かすための環境作りがちょっと面倒でもあります。 そこで、あ
Chrome デベロッパーツールで知っていると、Webサイトやアプリの制作が捗る便利なテクニックのまとめ
先日「Chrome デベロッパーツールの使い方」で華麗に使いこなすテクニックを紹介しましたが、それとは異なるデベロッパーツールの便利な使い方を紹介します。 Webサイトやアプリの制作時に、非常に役立つテクニックが満載です。 ※画像は元記事のものではなく、当方の環境のものを使用しています。 デベロッパーツールの便利な使い方 タブ「Elements」を選択 DOM要素を選択 右パネルのタブ「Computed」を選択 「Computed」には、選択したDOM要素に適用されている全てのスタイルが表示されます。そのプロパティの頭にある虫眼鏡アイコンをクリックすると、そのスタイルがあるCSSファイルとそのセレクタの指定を表示します。 これは大きなサイトを制作している時に、非常に有用です。
MediBang Pro - 至高のデジタルキャンバス
MediBang Proとは？ MediBang Proは、iPadを使うアーティストにとって最高の制作環境を提供するために創り出された、まったく新しいイラストレーションアプリです。iPadとApple Pencilでの使用を想定してデザインされたMediBang ProのシンプルなUIは、ビギナーを優しく迎え入れ、また、かさばったソフトウェアでプロの気を散らすようなこともありません。MediBang Proが誇る多種多様なブラシに心躍るフィルタ、そのほか直感的な操作ができるツールを使えば、iPadユーザーは思い描いた作品を現実のものとすることができます。今すぐダウンロードし、MediBang Proによってあなたがどんな芸術を生み出すのかを見てみましょう。 世界最高水準のブラシ 鉛筆、インク、絵具、その他のあらゆる画材でも、MediBang Proのブラシはあなたの好みに合わせてカスタマ
コンテンツマーケティングでWeb予約を10倍にした矯正歯科のサイト運営ノウハウを公開 | 一人でできるWebサイト収益UP術－ウェブ解析士事例集
競合が多い東京駅界隈。ドクター1名でやっている矯正歯科が医院の強みを活かしたコンテンツマーケティングを行った結果、1年半でPV数30倍、Web予約数10倍を達成。その際に行ったコンテンツ作成ノウハウを公開します。 矯正歯科の背景本事例は、競合が多い東京駅から徒歩3分にある、矯正歯科専門の歯医者さんです。通常の虫歯の治療は行わずに、矯正歯科を専門に行っています。2012年に開業し、来院のほとんどが口コミや一般歯科からの紹介で、開業と同時にWebサイトもオープンしていましたが、アクセスは少なく、Webサイト経由での予約は月に数件のわずかなものでした。 口コミや一般歯科医に紹介されて来院する方の満足度は非常に高く、また他院で行っている治療に満足がいかずセカンドオピニオンとして来られる方もいました。高い技術や診察眼を買っている人は多かったのですが、開業してまだ数年で、その知名度を広める術がありませ
企画書・提案書のデザインテンプレートサイト4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
提案書や企画書の作成は慣れが大事。慣れるまでは効率のいい作成の仕方がわからず、完成までに膨大な時間を要してしまう人もいるのではないでしょうか。 今回は「ほかの人の企画書を盗み見できるサイトやページ」をご紹介します。見せ方や考え方、そしてそれを先方に伝えるためのノウハウが詰まりまくっているので、見て損はないと思います。 それでは、見てみましょう！ 未経験から6ヶ月でWebデザイナーを目指しませんか？ クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ一度LIGにご相談ください！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ さまざまな企画書を盗み見できる Web サイトまとめ 1. alle https://the.alleslide.com ボリュームがすごいです。 2
プロが教える！アクセスアップの方法31選
Webサイトやブログをお持ちの方や担当者の方は、アクセスアップのために日頃奮闘している方が多いと思います。 アクセスを集めるための施策を何も行わなければ、いくらコンテンツを更新しても砂漠の中にあるお城と同じ状態で、誰にも気づいてもらう事ができません。 そこで今回は、Webサイトやブログへのアクセスをアップさせる際に参考となる31のノウハウをご紹介します。 おすすめ無料で使える！Webマーケティングツール＆サービス【厳選39選】 1.簡単に実行できる35個のGrowth Hack施策 グロースハックは簡単な施策でも多くの事が実施可能。「Call to Action周りにソーシャルな圧力」や「登録をSNSアカウント認証」など、すぐに実施できる35個の施策。 2.他サイトを丸裸にする32のグロースハックツール集 「競合サイトの情報が見れたらな」を可能にするグロースハックツールのまとめ。海外ツール
笑える面白いネタで英語を勉強できるwebサイト・ブログ7選 | English Hacker | 英語学習の情報ポータルサイト
日本でも面白ネタをまとめているwebサイトは色々ありますが、いつもクスっと笑えるネタが多くて毎日読んでも飽きませんよね。面白いネタを英語で読んでいるといつのまにか沢山の記事を読んでいて多読ができている、ということも実はよくある話です。そこで今回は、海外で人気の面白くて笑えるネタを集めているサイトをまとめてみました。 笑える面白いネタで英語を勉強できるwebサイト・ブログ7選 1.The Oatmeal 英語のマンガやイラストのジョークを集めたサイトです。ジョークもとてもアメリカ人が好きそうなものが多いので、ギャグセンスの違いなどにも注目するのも面白いかもしれません。1回読んで面白さが分からなければ何度か読み返してみてください。 ・太陽が昼寝をする（＝日が暮れる）時にいつも写真を撮られる気持ちを表現したイラスト 2.Engris
相手に響く提案書の書き方・流れを解説。コンサル歴25年のノウハウ公開 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターのあだちです。お初にお目にかかります。 昨年9月に12年間務めた会社を辞め、「学習塾」と「人事コンサルティング」を生業とするため会社を作りました。欲を出さず、全力で細々とやっております。今後ともお見知り置きをお願いします。 さて、本日の話題は「提案書」についてです。 【こちらもおすすめ】 そもそも提案とは？ 物売りであってもWebサイトの制作であっても、はたまた飲食店であったとしても、仕事を取らなければ会社は潰れてしまいます。 そして、商品が巷にあふれている今、仕事を得るためには「買い手」に自分たちのサービスや商品の魅力を十分に伝えるために「提案」が必要です。 もし「提案」がなければ、お客さんは「他と何が違うの？」「我々がそれを買う理由は？」といった情報をすべて自分たちだけで調べなくてはいけません。それどころか、その情報を自然と得ることができなければ見向きされないことも
「本当の基礎からのWebアプリケーション入門――Webサーバを作ってみよう」始めました - K.Maebashi's はてなブログ
以前から「誰か書いてくれませんかね」とか言っていた「本当の基礎からのWebアプリケーション入門――Webサーバを作ってみよう」ですが、誰も書いてくれないので自分で書きました。 本当の基礎からのWebアプリケーション入門――Webサーバを作ってみよう http://kmaebashi.com/programmer/webserver/index.html 現状、合計で140行くらいのJavaプログラムで、普通に画像やCSSを含むWebページが表示できています。こちらのページの下のほうにも画像を貼っていますが、こんな感じで、ローカルのファイルシステムに置いてある私のWebサイトのトップページが表示できていますし、もちろんリンクをクリックして遷移することもできます。 「えっ? Webサーバってこんなに簡単に書けるの?」と思う人も多いのではないでしょうか。 もちろんこんなのは「わかっている人」から
最近話題になったイケてるWebサービス・アプリ10選（2013年6月編）
こんにちは。 6月ももうすぐ終わりということで、6月中に話題になったWebサービスやアプリを10個ほどご紹介します。 FIRST STEP 同時刻に一斉に投稿することによって、 選挙のお知らせを日本中に広げようというキャンペーン。 このサイトを使って事前に予約投稿（Facebook・Twitter）を行うと、投票日の前日（7/20）に「ネット選挙解禁後、歴史的な最初の選挙。みんなで投票にいこう。明日7月21日は投票日【投票に行く人を増やす-FIRST STEP-】」というメッセージが自動的に投稿されます。これはおもしろい仕組み。 キャッチコピーは「投票に行く人を増やす」 Lobi グループチャットアプリ「ナカマップ」というサービスが、名称をLobi（ロビー）に変えて登場しましたね。アカウント数が300万を超えたそうです。 好きな趣味や似た志向の人たちが集まって、グループをつくりおしゃべりす
ちょっと便利なJavascriptオブジェクトの作り方
今回は、ちょっと便利なJavascriptオブジェクトの作り方をご紹介します。いわゆるモジュール・パターンと呼ばれている方法です。 はじめに 最近、HTML5への注目と共に、Javascriptを使用する機会が増えてきました。以下のように適用範囲は多岐に渡っています。 通常のWebサイトでのユーザビリティ向上 スマートフォン用Webサイト開発 HTML5アプリによるクライアント・アプリ開発 スマートフォンのハイブリッドアプリ開発 Node.jsによるサーバサイド・プログラミング このように、Javascriptが基幹となる仕組みが広がっています。クライアント側とサーバ側を同じ言語で作れることは、開発側にとってはとても有難いことです（学習コストの低減、人的リソース配分の柔軟性など）。もちろん、発注者やエンドユーアにとっても開発速度などの面で利益が生まれます。 Javascriptプログラミン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
フリーランスの全国Webサイト制作料金表 2013年度版