SPICA WORKS さん プロフィール

  •  
SPICA WORKSさん: SPICA WORKS BLOG
ハンドル名SPICA WORKS さん
ブログタイトルSPICA WORKS BLOG
ブログURLhttps://blog.spica-works.com/
サイト紹介文Webデザイン・コーディング業務をメインに行っているフリーのWeb屋です。
参加カテゴリー
更新頻度(1年)情報提供14回 / 365日(平均0.3回/週) - 参加 2014/07/14 09:03

SPICA WORKS さんのブログ記事

  • モバイルページを高速化!Googleが推奨するAMPについて
  • 最近スマホで検索した時に(雷)マークと「AMP」という文字が出ているのをご存知ですか?AMPって何?メリットや使い方のメモです。AMPとは?AMPとは、モバイルサイトを高速化し、快適に見れるようにGoogleが2015年10月に発足したものです。翌年の2016年10月には、google検索の結果ページにすべてのAMP対応ページにAMPラベルを追加しています。AMPのメリットコンテンツの読み込みが早いページ読み込み時の通信料がおさえられるユー [続きを読む]
  • Photoshop CCを使って髪の毛をきれいに切り抜く方法
  • 写真の背景を切り抜きたい場合、簡単な画像であれば自動選択ツールや色域指定を使えば簡単に切り抜けます。しかし髪の毛など細かいものをきれいに切り抜くのは結構難しいです。Photoshopでは細かい髪の毛なんかも切り抜いてくれる便利な機能がついているので紹介します。今回使用した素材フリー写真素材ぱくたそ さんから犬の写真を拝借しました。もふもふしていて可愛らしいです。ペンツール囲むあまり細かく考えずにざっくり囲み [続きを読む]
  • Webサイト制作時における文字の行間(line-height)について
  • 前回は、「Webサイト制作時における文字サイズ(font-size)について」について書きましたが、今回は文字の行間について書いていこうと思います。行間について行間とは、文章の行と行の間のことを指します。1行ほどの文であればさほど気にもしないのですが、長い文章となると話は別です。行間が狭くても広くてもとても読みにくいものになります。読みやすい行間とは?文字の大きさやフォント(書体)、文章の量などによって適切な行 [続きを読む]
  • Webサイト制作時における文字サイズ(font-size)について
  • Webサイトの文字サイズって意識していますか?有益な情報があっても文字が大きすぎたり小さすぎたりすると、読みにくくて嫌ですよね。今回は文字の設定について紹介します。文字サイズの指定の仕方文字の大きさを指定するには、CSSの「font-size」を使用します。指定方法は2通りです。キーワードで指定する方法p{font-size:large;}数値+単位で指定する方法p{font-size:16px;}「キーワード」で指定するSee the Pen font-size by s [続きを読む]
  • HTMLの意味と基本的な書き方
  • HTMLは、Webサイトを作成するための言語です。当たり前のように使っていますが、そもそもHTMLとはなんぞや???初心に戻ってHTMLの意味と基本的な書き方について勉強していきたいと思います。HTMLの意味HTMLは、「Hyper Text Markup Langage」の頭文字を取ったものになります。「テキストを超えたマークアップ言語」という意味になるのかな?とりあえず、Webサイトを作成するための言語です。次はもう少し掘り下げていきます。「H [続きを読む]
  • 「Easy Table of Contents」を使ってみる
  • 「Easy Table of Contents」は、記事投稿や固定ページに目次を入れてくれるプラグインです。<h1>や<h2>などの見出しが目次に反映されます。「WordPress 目次」と検索すると、「Table of Contents Plus」が出てくるのですが、現時点ではプラグインの最終更新が2年前。「お使いのwordPressではテストされていません」と表示が出ていたので今回はインストールを見送ります。プラグインの新規追加で「Table of Contents Plus」 [続きを読む]
  • CodePen テスト
  • コードを書くのに便利なCodePenのテストです。書きながらどのような表示になるのかがすぐにわかるので便利ですね。他の方の作ったコードを眺めているだけでも楽しいです。あっという間に時間が過ぎてしまいます。テスト:見出しサンプルSee the Pen 見出しサンプル by spica works (@SPICA-WORKS) on CodePen.ブログなどに埋め込む時は右下の「Embed」ボタンを押すとブレビューと埋め込みコードが表示されるのでコピー&ペーストし [続きを読む]
  • WordPressに向いているサイト・向いていないサイトについて
  • SPICA WORKSでは新着情報などの更新が多い方やブログを始めたい方向けに「WordPress」の導入、テーマの作成を行っております。WordPressとはWordPressは、2003年に公開されて以来、世界的に利用されているCMS(コンテンツ・マネージング・システム=自分でコンテンツの管理や更新ができるシステム)です。WordPressのメリットブログ感覚で更新できる。無料サービスのブログのように広告が入らないSEO(検索エンジン)に有利複数で管 [続きを読む]
  • 写真のバックアップしてますか?おすすめのクラウドサービス
  • 時々カメラ片手にふらふらしています。最近はスマホの精度もよくなってスマホでも十分綺麗な写真が撮れるようになりました。撮ったはいいものの、そのまま放置してしまい、スマホやパソコンが重くなってしまうことってありませんか?今回は写真をクラウドで保存してくれるサービスの紹介をしたいと思います。おすすめクラウドサービスGoogleフォト名前のとおりGoogleが提供しているサービスになります。1600万画素の写真と1080pの [続きを読む]
  • 【Bリーグ:10/1 富山vs三遠】富山延長の末・・・。
  • まずは呉屋ショック。シーズン始まったばかりなのに、というか早いうちに次へと思ったのか、早い退団でした。呉屋選手の次の舞台での活躍をお祈りしています。富山グラウジーズでは、呉屋貴教選手とのB.LEAGUE 2016-17シーズンの選手契約が、双方合意のもと契約解除となりましたのでお知らせいたします。 https://t.co/mPohKIgP5F#grouses #グラウジーズ #toyama #Bリーグ pic.twitter.com/l2U8Rpos7p— 富山グラウジーズ (@t [続きを読む]
  • 【おでかけ:5】いしかわ動物園に行ってきました。
  • 今日で9月も終りです。最近天気が良くなかったのですが、久々のお天気だったので、石川県の「いしかわ動物園」へ行ってきました。はじめて「おひとりさま動物園」に挑戦しました。ちょっと緊張・・・。平日なので空いているかなーと思いきや、親子連れやカップル、小学校や幼稚園の子供達が遠足(?)できていました。結構夢中で撮っていたので、一人でも大丈夫でした。むしろ自分のペースで動けたので、次回も一人でいけそうです [続きを読む]