タグ

サイトに関するmagotoraのブックマーク (28)

  • Web・DTP・Art・Macデザイナーになりたい方へ | IARUMAS(イアルマス)

    イアルマスWebデザイン教室へ、ようこそ! レッスン場所は「京都市北区」で「無料駐車場完備」 基礎から「Webデザイン」や「DTPデザイン」を学べる、 プライベートレッスンのパソコン教室。 Macも大歓迎。 オンライン学習もできます。 レッスン料金はリーズナブルで安いので、続けられると人気度レベルアップ 人気コースは次の通り。 ホームページ作成方法を学ぶ「Webデザインコース」 レスポンシブWebデザインSEOに対応。 グラフィックデザイナーや映像クリエイターを目指す 「Illustratorコース」「Photoshopコース」 「動画撮影編集コース」「YouTuber(ユーチューバー)コース」 もちろん、初心者、初歩からレッスン可能。 OSは「Mac」「Windows」共にok! 確実にPC技能をマスターしてみましょう? とことん丁寧な指導が魅力のPCデザイン教室 Mac、Window

  • Webサイト制作時に使いたい!オシャレで使いやすいテーブルデザイン4選

    ホームページ上で、テーブル(表)は実によく使われています。 ただし、実際に自分でゼロから作成しようとする場合、そもそも「コードの書き方がわからない」といった問題に直面し、専門的な知識を要していない方にとっては、そう簡単に使えるものではありません。 そこで今回は、初心者でも簡単にテーブル作成ができるWebサイトをご紹介します。 どれもオシャレなテーブルデザインの "ソースコードをそのままダウンロード" するだけなので、簡単に利用することが可能です。また、特に変更されるケースの多い(ソースコード内の)カラーコードについては、記事の最後に参考URLを紹介しているのでそちらを参照ください。 テーブルデザインまとめ 1. CODEPEN http://codepen.io/warzone246/pen/yiHns ハイセンスでオシャレなテーブルデザインです。カラフルでポップな印象ですが、シンプルで

    Webサイト制作時に使いたい!オシャレで使いやすいテーブルデザイン4選
  • 画像ファイルの命名規則 - Qiita

    命名規則の必要性 ボリュームの少ない単発のページや、1名の専任で済んでしまうようなプロジェクトでは自分の裁量でどうとでもなりますが、継続性のあるプロジェクトや複数人で制作する必要のある、ある程度の規模のサイト(サービス)を構築する場合、画像ファイル名に一定のルールがあると、ファイル管理が容易になり、また、名前を付けるのに悩む時間を短縮できます。 命名規則を考える上では ファイル名からどのページ(要素)で使っているのか、また、どのような意図の画像であるのかをファイルを開かなくても名前から想定できる ファイル名ソートをした時に場所-用途-内容ごとにファイルが混在せずに整列される 上記要件を保持しつつも制約は緩めで命名時の作業コスト、可用性を維持する となっていることが重要です。 ここでは今まで自分が使ってきた命名規則をまとめました。 2つのサイト構成パターン ウェブサイトを構築するにあたり、以

    画像ファイルの命名規則 - Qiita
  • FutureShop2(フューチャーショップ2)を使用する際の開発環境の設計 | 株式会社グランフェアズ

    Posted by 867 on Jul 2nd, 2014 FutureShop2(フューチャーショップ2)をはじめとするASPサービスを利用したサイトを構築する場合、最終の番環境に合わせて構築方法を考えないと、いざアップという時に大量の修正(変更)を加えないといけなくなったり、運用時更新するたびトラブルに見舞われたりと大変なことになってしまいます。どういうこと?という方。例えばつい最近他社から運用を引き継いだECサイトでは、次のようになっていました。 ・html内の画像パスが、全て番URL(https://~ )で指定されている。 ・リンクパスが、一部URL、一部絶対パス(「/」始まり)、一部相対パスで指定されている。 これどうやって運用していたのでしょう?おそらくテストアップ時はパスをテスト用に書き換えたりして確認していたものと思われますが、アップ時に記述を変更しなくてはいけ

    FutureShop2(フューチャーショップ2)を使用する際の開発環境の設計 | 株式会社グランフェアズ
  • Webデザインのアイデアに困ったら覗きたいサイト10選

    この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1.  MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイト自体シンプルで使いやすく、またカテゴリー分けが詳細でとても探しやすいサイトです。 2.  現代デザイン 技術的、デザイン性がすぐれたサイトを収集したギャラリーサイトです。カテゴリーは業種と色、日時のみですが、業種を細かく分類しています。また、気に入ったサイトをブックマークに入れることができます。 3.  I/O 3000 国内外問わない、秀逸なデザインのサイトを収集しているギャラリーサイト

    Webデザインのアイデアに困ったら覗きたいサイト10選
  • SEO 簡単に競合サイトを分析したい時の手順 ::SEM R (#SEMR)

    SEO 簡単に競合サイトを分析したい時の手順 【要約】 ウェブページ上下のテキスト文言を確認、タイトルの生成ルールの確認、バックリンクを Google 検索結果からざっくりと把握する。 公開日時:2016年01月05日 12:29 ライバルサイトの SEO 施策状況を分析したい場合、Google Trends や Autocomplete といった検索エンジン自体が提供している各種ツールから Screaming Frog、Followerwonk、Ahrefs、Majestic、SimilarWeb、compete、comScore、eMark+ といった様々なサードパーティーが提供している分析ツールや統計データを駆使しつつ、技術的な SEO 視点で対象Webサイトを分析していくことで、ある程度の SEO 状況を確認することができます。 しかし、格的に細部にわたり分析をしたいのであればと

    SEO 簡単に競合サイトを分析したい時の手順 ::SEM R (#SEMR)
  • PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ

    スマートフォンの普及で、PCで閲覧するWebサイト(以下、PCサイト)に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

    PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
  • ECサイトでよく使われているUI・デザインまとめ6選「カルーセル」「プルダウンメニュー」など | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    お久しぶりです、元トリマーのWebディレクター・よしたけはるきです。 まだまだ暑い日々が続きますが、熱中症だけにはくれぐれもお気をつけください。(ワンコの熱中症も。鼻がぺちゃっとしたワンコは特に!) さて今回は、ECサイトでよく使われているUIやデザインについてまとめてみました。 あのスティーブ・ジョブズも「デザインとは、単にどのように見えるか、どのように感じるかということではない。どう機能するかだ。」という言葉を残しているように、どう機能するか、というのはとても大切なことです。 サイト設計のうえで、Webディレクターが最も注意しなければいけないことは、まさにこの「どう機能するか」にあるのではないでしょうか。 それでは、早速いってみましょう。 1. カルーセル ある特定のスペースで、順番に情報を見せていくことができる表示方法「カルーセル」。特集やキャンペーンなどのバナーを見せるのに効果的で

    ECサイトでよく使われているUI・デザインまとめ6選「カルーセル」「プルダウンメニュー」など | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • 株式会社グッピーズ | GUPPY

    サービス 株式会社グッピーズは「Goodな発想で、世界をHappyに。」をミッションに、医療・介護・福祉に特化した人材サービスと、健康管理アプリを活用したヘルスケアサービスを行っています。 人材サービス 年間792万アクセスある医療・介護・福祉57職種に対応した求人サイトを始め、新卒採用、就職情報誌、合同就職説明会、求人票発送代行など、求人企業と求職者の新たな出会いを提供します。 詳しく見る ヘルスケアサービス 16以上の機能を搭載した健康管理アプリで個人のほか、自治体、健診機関、健康保険組合など様々な業種で利用されています。企業には「健康ポイント」で健康経営をサポートします。また、企業の健康経営に欠かせない、「ハラスメント防止・対策」サービスも提供しています。 詳しく見る

    株式会社グッピーズ | GUPPY
  • WEBサイトカッコイイ|かっこいいWEBサイトのリンク集。

    新運輸株式会社 株式会社船津工務店 株式会社山田組 採用サイト 株式会社リプライオリティ 西野建設工業株式会社 河合電器製作所 JPホールディングスグループ リクルートサイト 塩田家具 リヴリア PLATFORM Casa採用情報 Ready Crew madameFIGARO.jp RITA GROUP 大人のための数学・物理・統計教室 豆乳アイス、はじめました。 フォーサイト総合法律事務所 QJWeb 株式会社ジーピーオンライン インフォメーションメディアデザイン株式会社 ひよけ寿司・和処ひよけ家 brand name 鴻池組 - 新卒採用サイト 電音部 UNLEASH RYUTist いちから株式会社 株式会社エートゥジェイ 鬼怒川金谷ホテル F-FURNITURE 採用情報サイト | 株式会社カデックス 株式会社ミキハウストレード 東京睡眠代謝クリニック新宿 江古田まさ動物病院

  • Facebookインサイト設定の落とし穴、app_id, admins の違いとは-Six Apart ブログ|オウンドメディア運営者のための実践的情報とコミュニティ

    皆さま、お久しぶり!ヒカルよ。今日はFacebookインサイト(公式のアクセス解析ツール)を使うための最初の難関、OGP設定の謎を私が解明するわ!私と一緒に、めくるめくソーシャルマーケティングへの扉を開きましょ。 ......って、え?私のことを知らない?......そうか、そうよね。最近 Facebookの六離庵ページ に閉じこもっていたものね。 改めて、自己紹介するわ。 わたしと六離庵について わたしは、ソーシャルメディア課長のヒカル。 和菓子屋六離庵ソーシャルメディア繁盛記 というサイトをご存知かしら? このサイトは吉祥寺にある架空の和菓子屋さん「六離庵」のソーシャルメディア活用のストーリーを連載しているサイトなの。中小規模の法人がどんなふうにソーシャルメディアをどう活用していけばいいかの一例として、企画から運用、効果測定までの流れを小説形式でひと通りご紹介しているわ。全八話で公開さ

    Facebookインサイト設定の落とし穴、app_id, admins の違いとは-Six Apart ブログ|オウンドメディア運営者のための実践的情報とコミュニティ
  • Webデザイン作成に必須のツール&効率化できるサイトまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール(写真加工・イラスト作成) テキストエディタ(HTMLCSSのコーディング) 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス (編集部注:この記事は2013年08月29日に公開された記事を再編集したものです。) ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは? ワイヤー

    Webデザイン作成に必須のツール&効率化できるサイトまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Googleが考える「不自然なリンク」の定義 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    上級者向けSEOガイドをシリーズで紹介中ですが、たまには別のSEOネタを、ということで、Googleが考える不自然なリンクの定義についてサーチエンジンランドが一つ一つ考えてみた記事を。日でもペナルティが普通に発動されるようになった最近、それでもリンク取得活動は重要なことは変わらないですし、時にそのリンクがグレーゾーンなのか自問自答したくなるケースもあるでしょう。そんな時の参考になるかもしれない記事です。 — SEO Japan グーグルは、先月、ウェブマスターツール内のリンクプログラム/不自然なリンクに関する文書を密かに更新していた。 バリー・シュワルツが、記事の中で分かりやすく指摘していなければ、気づく人達はほとんどいなかったに違いない(私はページの更新を知らせるアプリを設定していたものの、数日間気づかなかった)。 この記事のおかげで、このニュースはリンク構築/SEOコミュニティに伝わ

    Googleが考える「不自然なリンク」の定義 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • スマホ向けサイトのユーザビリティとランキングを低下させる12個のマイナス要因

    [対象: 中〜上級] さまざまなモバイル向けサイトの研究中に出くわした、ユーザビリティを大きく損ねる12個の要素をE-consultancyがブログで解説しました。 ユーザビリティの悪化だけではなく、なかにはGoogleランキングを下げる原因にも繋がるスマートフォンサイトの構成ミスも含まれています。 モバイル対応が必須になっている現在のサイト運営において、とても参考になる記事なので紹介します。 なお直訳ではなく、僕なりの言葉で要点を説明します。 英語がわかる方は原文も読んでください。 モバイルサイトのユーザビリティを損ねる12個の欠陥 1. 突然デスクトップ向けサイトに切り替わる モバイル向けのページを閲覧していたのに、デスクトップ向けページに突然移動させられてしまうサイトは確かにありますね。 モバイル向けのデザインだったのに、ページを移動したら何の前触れもなくPC向けのデザインに切り替

    スマホ向けサイトのユーザビリティとランキングを低下させる12個のマイナス要因
  • 高齢者のユーザビリティ:課題と変化

    65歳以上のユーザーは、Webサイトやアプリを利用する際に固有の課題に直面する。このユーザー層のデジタルリテラシーは向上しているが、デザインは高齢のユーザーに対応したものにする必要がある。 Usability for Seniors: Challenges and Changes by Lexie Kane on September 8, 2019 日語版2020年6月17日公開 多くの裕福な国で、最も急速に増加している年齢層が65歳以上だ。グローバルに見ても、人は長生きするようになり、年を取っても元気でいられるようになった。Pew Research Instituteが実施した調査によると、2019年には65歳以上の人の73%がインターネットに接続していた(訳注:総務省の令和元年版情報通信白書によると、2018年の個人のインターネット利用率は、60~69歳で76.6%、70~79歳で5

    高齢者のユーザビリティ:課題と変化
  • http://handywebdesign.net/2013/03/layout-and-design-about-menu/

    http://handywebdesign.net/2013/03/layout-and-design-about-menu/
  • リリース前に確認すべきアナリティクス設定必須項目5+1個

    こんにちは。久しぶりの投稿になりました。ナカムラです。 随分前に「備忘録の意味も含めてアナリティクス回りの事前設定項目まとめる!」とFBで宣言していながら長いこと放ったらかしてしまいごめんなさい。 書く前から長くて面倒な記事になると分かっているネタなので、今回は色々端折ってメモ書きみたいな感じで書いていきます。(手抜きとも言う) まずはコンバージョンのポイントを確認 とりあえずそのサイトのコンバージョン(成果)となるユーザーの行動が何なのか?を考えて明確にしておきます。当たり前のようで、やってない人は当にやってないのでチェック項目として。 ECサイトなら:商品購入、会員登録、商品詳細ページに30秒以上滞在 など LPなら:体サイトへの誘導、またはLP内での申し込み など ブログなら:広告バナーをクリック、1ユーザーが3ページ以上見る など ありがちなミスとしては、コーポレートサイトのC

    リリース前に確認すべきアナリティクス設定必須項目5+1個
  • 美しいWebデザインをタイプ別に!見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    中型ライダー(二輪)免許を持っているライターの内藤です。 日は、ライダーキック並みの強烈さで役に立つ見サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です! 部品に特化した見 部品に特化した見サイトをご紹介します。 見出しデザイン(h1,h2,h3……その他DTPでも) はじめは見出しデザインに特化した見サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ(h1,h2,h3……)のデザインの見ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全

    美しいWebデザインをタイプ別に!見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作