Netlifyにお名前.comで取得した独自ドメインの設定する方法
■Netlifyにアクセスするまずは、Netlify（https://www.netlify.com/）にアクセスします。 アクセスすると、Netlifyのトップページが表示されます。ページ内の右側に「Sign up」の文字が表示されていますので、こちらをクリックします。なお、今回はNetlifyのアカウント登録は済ませた状態でアクセスしています。 ■「Team overview」から独自ドメインの設定するサイトを選択 クリックすると、「Team overview」というページが表示されます。ページ内で「Sites」と表示されている箇所に表示されているサイトを選択します。 ■ドメイン管理からカスタムドメインを追加する 選択すると、「Site overview」というページが表示されます。選択したサイトのURLなどが表示されています。このページ内で「Domain settings」と表示され
プロトタイピングツール「Figma（フィグマ）」に無料登録する
プロトタイピングツール「Figma（フィグマ）」に無料登録してみます。 Figma（フィグマ）は、Webベースのベクターグラフィックエディターおよびプロトタイピングツールで、WindowsやMacOSで使える。 ■Figma（フィグマ）のアカウント登録を行うまずは、Figma（フィグマ）（https://www.figma.com/）にアクセスします。 アクセスすると、サイト上部のメニューに「Sign up（サインアップ、登録を申し込む）」ボタンがあります。こちらをクリックします。 クリックすると、ウインドウが表示されます。ウインドウには「Sign up with Google」ボタンが表示されており、お持ちのGoogleアカウントからアカウント登録するか、メールアドレスとパスワードの入力欄にメールアドレスとパスワードを入力し、「Create account（アカウントを作成する）」ボタン
PHPを使用しフォームデータをデータベース（Mysql）に挿入する
■環境・Windows10 ・Visual Studio Code 1.53.2 ・レンタルサーバー「ヘテムル」（php7.4,MySQL5.6） ・FTPクライアント「FileZilla」 ■レンタルサーバー「ヘテムル」のデータベース（Mysql）の設定データベース（Mysql）にデータを保存してみますので、まずは今回使用するヘテムルのデータベース（Mysql）の設定を行います。 「ヘテムル」のコントロールパネルのログイン（https://admin.heteml.jp/）画面で、「ヘテムルID」と「パスワード」を入力し、「ログイン」ボタンをクリックします。 クリックすると、コントロールパネルの右側にメニューがありますので、「各種設定」から「データベース」をクリックします。 クリックすると、「データベース」の管理パネルが表示されますので、「データベース作成画面へ」というボタンをクリックし
もう、レスポンシブでいいんじゃない？
先月末、藤井さん の働く株式会社ザッパラスさん にお邪魔して、レスポンシブWebデザインの基本のキ的なお話しをさせていただきました。 題して「もう、レスポンシブでいいんじゃない？」 いま、改めてレスポンシブWebデザインについて考えるきっかけになれば、という視点で内容をまとめてみました。 4年前に「レスポンシブWebデザイン 制作の実践的ワークフローとテクニック 」という本を執筆したんですけど、そのころからウェブ制作のデフォルトはとりあえずレスポンシブでいいんじゃない？と思っていたのですが、最近、その思いがより強くなっています。職場のウェブサイトをレスポンシブでリニューアルしてから約5年が経ちますが、やっぱり、あの時レスポンシブを選択しておいてよかったとつくづく感じています。おかげで、Googleさんがモバイルインデックスを優先するという昨今のニュース にもあまり翻弄されなくてすんでいます
ウェブデザインの文章レイアウト組みパターンを展開してみる | バニデザノート
ウェブデザインの中の、バナーやサイドメニューを抜いた、文章のレイアウトパターンを展開してみました。基本はだいたいこんな感じだとおもうので、配置に困ったら試してみてください。
Strikingly - あなただけのウェブサイトを制作するための、最高のウェブビルダー
数分でウェブサイトを制作する ブランドを確立。世界を制覇。 コードはなし 、デザインのスキルも必要ありません。
コンテンツやデザインに欠かせない価値観を共有するプロセス
利用者中心とは言いますが 自分たちが作りたいものを作るのは身勝手な行動のように見えますが、「自分たち」という価値（アイデンティティ）が確立されているかされていないかは大きな差があります。価値がないまま、「利用者のため」という考えだけ一人歩きしてしまうと、極度な A/B テストの実践など、数字が高いほうを選択するという製品開発になる可能性があります。 利用者中心のデザインは必要です。しかし、それは土台になる【価値観＝ビジョン】があるから成り立つものであり、いきなり利用者中心のデザインプロセスを実践しても意味のないことだと考えています。スタートアップ向けの講座で ビジョンの共有が重要だと話したのもそのためです。プロジェクトを始める際は、必ずといっていいほど「我々は何者か」という部分を振り返るようにしています。 付箋には「気分が良い」「落ち着く」といった、感情的なフレーズが含まれることがあります
ウェブサイトのページ表示速度チェックツールの各種まとめと使い方 | 大阪で"噂"のフリーランス:インデックスサーチ公式ブログ
GTmetrix（http://gtmetrix.com/）にアクセスします。 「Analyze Performance of:」と書かれているアドレスの入力画面が表示されます。こちらで、ページ表示速度を調べたいサイトのURLを入力します。 入力後、「GO!」ボタンをクリックします。 クリックすると、ページの解析が開始されます。 解析が終了すると、結果が表示されます。 Summary（要約） Page Speed Grade:ページ速度の評価・階級を表示してくれています。評価は、Googleのサイト速度計測サービスによるもの。 YSlow Grade:サイトの評価・階級を表示してくれています。評価は、Yahoo!のサイト速度計測サービスの「YSlow」によるもの。 Page load time：ページの読み込み時間を表示してくれています。 Total page size：指定のウェブサイト
言葉の言い回しでこんなにも変わる事例
なお、ズレの大きい言葉でしか表現されていない場合が問題であって、「お問い合わせ・ご相談」「登録・入会」のように企業側の言い回しとユーザ配慮の言葉の両方が併記して用いられていることで、よりわかりやすく表現できる場合もあります。 ユーザの行動手順に基づいていること 注意しなければならないのは、ユーザにとってわかりやすい表現というのは、ユーザが言葉の意味を理解できるようになってさえいれば良いというわけではありません。ユーザの行動手順に基づいているかまでを含めて考える必要があります。特にコンバージョンに結びつくボタンなどの場合はこれができているかできていないかが決定的なコンバージョン率の違いをうむことになります。 わかりやすい事例として、beBitさんのユーザビリティ実践メモに掲載されていた宿泊先を探して予約できる旅行サイトの事例を紹介します。 ラベリングが及ぼす影響 - 「予約」か「検索」か (
メロディに乗って”回れる”ウェブサイト制作から運用までを学べる「WebAttraction」 | UMA
大阪で行われたWebサイトの制作から運用イベント「WebAttraction（http://www.webattraction.net/）」に参加した感想です。 なお、本編セッションは有料でSNSやブログ等での記載はご遠慮くださいとのことなので、本編と繋がりのあることなどを”自分なり”に解説します。 ※本編セッションとは、内容が異なりますので、予めご了承ください。 参加した理由 知人から紹介されまして、内容を確認してみると面白そうなイベントだったので、参加させて頂きました。 1．ぱくたそ式企画術 登壇者：ぱくたそ氏（https://www.pakutaso.com/） イベント名を設定する由来になったのは遊園地の「Attraction（アトラクション）」。そもそも私たちが「遊園地」に行くのは、楽しいアトラクションがあり、人を”ワクワク”させてくれるといったところにあります。 「楽しい」と感
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
スマホ・タブレットのさまざまなデバイスの表示チェックに対応！レスポンシブの確認ができる無料オンラインツール -.resizr