Coplom概要

Coplom課題

小規模事業者のためのデジタル支援が不十分

その他情報

小規模webサイトの制作やアプリ開発など
AI駆動開発も積極的に取り入れ

The post 【webサイト制作実績】Coplom appeared first on coplom.

ティネット

ティネット課題

日本における経済格差による学びの機会の不平等の解消

その他情報

経済格差による学びの機会の不平等の解消に向けたオンラインでの無料や低価格での学習機会の創出を目的に情報発信
オンラインレッスンの比較サイトも立ち上げ

The post 【webサイト制作実績】ティネット appeared first on coplom.

komuru概要

komuru課題

日本に国際交流できる場所や3rd placeがまだまだ少ない

その他情報

大阪、京都の活動サイト以外にもコラボ向けサイトや外国人向け英語サイト、メンバー募集サイト、勉強サークルサイトも作成
広報用にInstagramアカウント、公式LINE、X、Facebookなど作成

The post 【webサイト制作実績】KOMURU appeared first on coplom.

Clubridge概要

Clubridge課題

オーガナイザーが交流できる環境が少ない

Clubridge開発手法

完全なAI駆動開発
要件定義段階からAIと会話していきコーディングもAIで実装

The post 【アプリ開発実績】Clubridge appeared first on coplom.

Smart shuffle概要

Smart shuffle課題

コミュニティ運営において席替えの負荷が大きい

Smart shuffle開発手法

完全なAI駆動開発
要件定義段階からAIと会話していきコーディングもAIで実装

The post 【アプリ開発実績】Smart shuffle appeared first on coplom.

Pomo timer概要

Pomo timer課題

ポモドーロアプリは有料のものが多く使いづらい

Pomo timer開発手法

Node.js、Firebaseで構築
AIでベースを作成してからカスタマイズしてインフラ移管

The post 【アプリ開発実績】Pomo timer appeared first on coplom.

Gym checker概要

Gym checker課題

体育館の空き情報を見に行くのが手間がかかる

Gym checker開発手法

Python、Seleniumで構築
AIは使わずにエディタ上に手書きで作成

The post 【アプリ開発実績】Gym checker appeared first on coplom.

Bucket list概要

やりたいことをみんなで更新できるwebアプリ

Bucket list課題

全員で見れる共通のリストを作りたい

Bucket list開発手法

Node.js、MongoDB、Renderで構築
AIは使わずにエディタ上に手書きで作成

The post 【アプリ開発実績】Bucket list appeared first on coplom.

検索結果には通常、WebページのタイトルとURL、Webページの説明文が表示されます。リッチスニペットでは、スニペットの情報に加えてレビューや画像といった情報が表示されます。リッチスニペットが表示されると検索結果上で得られる情報量が増えるため、検索ユーザーの目に留まりやすくクリック率が高くなる傾向があります。

構造化データの書き方

リッチリザルト（リッチスニペット）を表示するためには構造化データを記述することが必要です。構造化データとは簡単に言うと、機械が理解できる形でモノゴトの意味を伝えることができる書き方のことで、具体的にはJSON-LDという言語を使います。もし書き方が分からなくても構造化データをデフォルトで実装している CMS のテンプレートやリッチリザルト用のプラグイン、あるいは構造化データを生成するツールを利用することもできます。

ゼロから始めるセマンティックSEO&構造化データ（スライド&動画）
【徹底解説】JSON-LDを使ったschema.orgの記述方法 （記事）

構造化データを記述することで出来ること

構造化データを記述することで例えば以下のようなことも可能になります。

・検索結果でのリッチリザルト
・Google アシスタントがニュースを読み上げる Speakable
・How-to や FAQ などのアクションの実行

リッチリザルト（リッチスニペット）の新しい検証ツール

リッチリザルト（リッチスニペット）にも使われる構造化データを検証するための新しいツールを Google は公開。

Introducing Rich Results & the Rich Results Testing Tool

モバイルフレンドリーテストツール

AMPテストツール

構造化データ作成支援ツール

名称を「リッチリザルト」に統一
構造化データを利用した検索結果の特別な表示形式の種類として、Google は複数の用語を用いていました。

リッチスニペット (rich snippets)
リッチカード (rich cards)
エンリッチ検索結果 (enriched results)
公式ドキュメントにおいては今後は、「リッチリザルト (rich results)」に名称を統一します。

リッチリザルト テスト ツールはベータ版としての公開のため、機能に制限があります。

まずサポートしている構造化データは現状では次の4タイプです。

Job posting（求人）
Recipe（レシピ）
Course（講座）
Movie（映画）
この4つ以外の構造化データがページにマークアップされていても検出しません。

また schema.org の文法エラーを検出しないなど、ほかにも制限があります。

wordpressプラグインでの対応

1. Markup (JSON-LD)
2. Schema
3. Business Profile
4. WP SEO Structured Data Schema
5. Schema & Structured Data for WP & AMP
6. SCHEMA for Article
7. Schema App Structured Data

自動で出力されるものとしては以下のプラグインがあります。
Yoast SEO
All in one SEO pack

The post 【SEO対策】リッチリザルトを表示させる方法 appeared first on coplom.

Adobe XDでできることは大きく分けて以下の3つです。

・ワイヤーフレームやデザインカンプの作成
・プロトタイプ作成
・デザインの共有やコメント

特徴的な機能は
・リピートグリッド 要素の繰り返しがドラッグひとつでできる
・シンボルの作成 アートボード間で何度でも使用できるオブジェクト
・Adobe CCとの連携 Creative Cloudライブラリとの連携(command + o)

使い方はXDを起動すると右上にチュートリアルが表示され、基本的な機能を学習することが出来ます。

画面の名称は左から
・ツールバー
・アセットパネル
・アートボード（ベースボード）
・プロパティインスペクター

ショートカット
・command + スクロールで拡大/縮小
・command + 3 でフォーカス
・command + R リピートグリッド
・command + Enter プレビュー
・space　で手のひらツール

・R(Rectangle) 長方形
・E(elliptical shape) 楕円形
・Y 多角形
・P ペン
・L 線
・T テキスト
・A アートボード

学習のポイント
・ブロックを選択してコピーコンテンツの作成と画像の一括適用
・アートボード選択してスクロールを垂直方向で設定
・アセットのカラーを表示して一括差し替え、逆にアセット側からカンバスハイライトも可能
・プロトタイプタブで遷移をつないだり、ヘッダーの固定、プレビュー
・プロトタイプのドキュメントに招待からclouddocumentに保存、共有、共同編集可能（共有タブ）

Adobe XD スターターキット基礎編＆中級編

Adobe XD スターターキットは以下からダウンロード可能です。
Adobe XD スターターキット基礎編＆中級編

Adobe XD 活用方法

Adobe XD 活用イメージ

Adobe XDことはじめStep1：ワイヤーフレームを作ってみよう！ ›
Adobe XDことはじめStep2：これは便利！デザインカンプがサクサク作れる ›
Adobe XDことはじめStep3：快適&軽快！PhotoshopとXDの最強連携 ›

実際に作成する際には共通パーツを洗い出してはじめに制作しておくことがおすすめ。

ボタン
メニューアイコン
ナビゲーション
見出し
本文
色
各種アイコン

The post Adobe XDの使い方 appeared first on coplom.