T

T

  • Spearlyマガジン

    • 27本

    最高のWeb制作・運用体験をお届けするWebサービス「Spearly」の公式マガジンです。 世界一簡単なヘッドレスCMS「Spearly CMS」と高速でセキュアな静的サイトホスティングサービス「Spearly CLOUD」について、使い方やTipsなどこれから使う方にも、使っている方には更に便利になるような情報をお届けします。 Spearly CMS：https://cms.spearly.com/ Spearly CLOUD：https://cloud.spearly.com/

  • テスト

    テスト

サイズの小さい一覧表示用のサムネイル画像と、しっかり見せたい詳細表示用の画像をImageFluxを使って生成する

はじめに画像ギャラリーのようなページを実装する際に、一覧ではサイズの小さいサムネイル用の画像を、詳細表示には、オリジナルの高画質な画像を使うことはよくありますよね。 ※サムネイル画像 ※詳細画像 ※HTML5UPから引用 https://html5up.net/ サムネイル画像を用いるメリットは、ギャラリーなどで一覧性を保ちつつ、サイズの小さい画像を使うことで大量に表示しても読み込みに影響しないことなどが挙げられます。 しかし、画像の加工が必要なケースがほとんどです。

T

    • ImageFluxで簡単トリミング！

      はじめに皆さん突然ですが、このような一覧表示を行うために正方形にトリミングしたいと思ったことはありませんか。正方形のイラストをこのようなレイアウトで設置するのは様々なサイトでよく見られますよね。 ※HTML5UPから引用 https://html5up.net/ 普通ならこんな作業が必要上のような画像を正方形にトリミングしたい時はみなさんはどうしていますか？ 最初に思いつくのは、Photoshopなどの画像編集ツールで画像を編集する方法です。 しかしその場合、画像を編集

      T

      • WebP変換でサイトを高速化

        ImageFluxで簡単に画像変換！WebP変換でサイト高速化みなさん、突然ですがWebPという画像形式をご存じですか？ WebPとはGoogleが開発した画像形式です。本来の画像の画質をほとんど保ちつつも、とても軽量なため、Webサイトでの利用に最適です。画像が軽くなるとページの読み込み速度が上がるのでSEOの面でもプラスに働きます。 しかし、便利な反面、変換に少し手間がかかるという側面も持っています。WebPに対応したソフトを利用し、WebPに変換するケースが一般的です。

        T

        • Spearly CMSを使ってお問い合わせフォームを爆速で作成してみた

          はじめにみなさんお久しぶりです。Spearlyチームライターの大河です。 みなさんSpearly CMSってご存知ですか？ 私はこのサービスをもっといろんな人に知ってもらうために日々活動しています。 今回はそんな私が勉強の中でSpearly CMS凄い！！と感じたところをみなさんに知ってもらえたらと思います。今回は簡単に作成できる便利なフォームについての体験をみなさんに伝えたいと思います。 そもそもSpearly CMSって何？Spearly CMSとはコンテンツを管理、作

          T

        サイズの小さい一覧表示用のサムネイル画像と、しっかり見せたい詳細表示用の画像をImageFluxを使って生成する

        T

        • ImageFluxで簡単トリミング！

          T

        • WebP変換でサイトを高速化

          T

        • Spearly CMSを使ってお問い合わせフォームを爆速で作成してみた

          T

        マガジン

        • Spearlyマガジン
          27本
        • テスト
          0本

        記事

          Spearly CMSのリッチテキストで画像の横に文字を配置・回り込みする方法

          はじめにこんにちは。Spearlyチーム、ライターの大河です。 この記事では、ブログなどでよくある画像の横に文字をSpearly CMSを用いて横並びにする方法を説明します。SpearlyCMSのリンクはこちらです。 ちなみに、画像を横並びにしたい場合は以前書いたこちらの記事をご覧く さい。 Spearly CMSのリッチテキストで画像を横並びにする方法 こんなイメージですね。 Spearly CMSのリッチテキストとは記事の前提として、リッチテキストについて簡単に説明

          T

          Spearly CMSのリッチテキストで画像の横に文字を配置・回り込みする方法

          T

          Spearly CMSのリッチテキストで画像を横並びにする方法

          はじめにこんにちは。Spearlyチーム、ライターの大河です。 この記事では、ブログなどでよくある、画像をSpearly CMSで横並びにする方法を説明しようと思います。SpearlyCMSのリンクはこちらです。 こんなイメージですね！ Spearly CMSのリッチテキストとは記事の前提として、リッチテキストについて簡単に説明しておきます。 Spearly CMSの中で使えるフィールドのひとつで、お知らせの本文やブログ記事などに利用できます。リッチテキストには見出しや

          T

          Spearly CMSのリッチテキストで画像を横並びにする方法

          T

          HTML、CSS初心者の私がSpearly CMSのチュートリアルで 躓いたところを改めて理解してみた

          はじめにこんにちは。新たにSpearlyチームにジョインした、ライターの大河です。 この記事は、HTML・CSS初心者である私が、Spearly CMSのチュートリアルで理解に時間がかかったところ、難しかったところをより噛み砕くための記事です。「Spearly CMS使ってみたけどよくわからなかった、難しかった」という方や、私と同じような初心者の方の助けになれば、と思います！ 私が躓いたところは、具体的には以下の２つです ・Spearly CMSは一体どんなことをしようと

          T

          HTML、CSS初心者の私がSpearly CMSのチュートリアルで 躓いたところを改めて理解してみた

          T

          Spearly CMSというサービスを使ってみたらサイトの文言変更がめちゃくちゃ楽になった件

          はじめにはじめまして。Tといいます。いきなりですが皆さん、こんな経験はありませんか？ 「会社のHPの文言を変えたい！‥でもHTMLのコードを書き換えたり エンジニアに頼むのは手間がかかるしお金もない‥どうにかならないかな。」と 私もエンジニアではありませんが会社のHPや個人のポートフォリオを作成しているときにこの２点にうんざりしていました。 変更の度にhtmlを触らないといけない その変更をサーバーにアップロードしなきゃいけない もっと簡単に修正およびアップロードができ

          T

          Spearly CMSというサービスを使ってみたらサイトの文言変更がめちゃくちゃ楽になった件

          T