menu

業界の全体最適を目指して、業務フロー・業務プロセスを学び効率化する研修に取り組みます

2022年11月7日

コーディングパックを運営しています、株式会社だいずらぼの脇本です。

さて、当社では、MG研修、TOC研修を全社的に受講し、取り組んでいます。

業務フローや業務プロセスって、なんとなく整理できてるようで、できていませんよね。
人によって仕事の進め方、制作の進め方って違っていて、全社的に統一できてるようで、できていません。

やり方が違うと、エラーが起こる場所も異なりますし、注意すべき点も異なります。そうすると、社内のみんなが、常に気を張って仕事をしていないと何かが漏れていったりしていませんか?

それを無くすため、管理を省力化するために、業務フローや業務プロセスを学び、共通の認識で取り組めるように研修をおこなっています。

今後は、制作会社向けの研修もたくさんリリースしていきます。

日本の制作業界の全体最適を支援し、業界全体で良くなっていくにはどうすれば良いか?を発信していきたいと思います。

コーディングの専門家として、代行・外注で請けているところから、もう少し広い枠で業界を支えていきたいと思っていますので、みなさんもご興味ありましたら、一緒に取り組んでいきましょう。

今後とも、コーディングパックをよろしくお願いいたします。

CMS構築の依頼で失敗しないための注意点

2022年10月24日

ワードプレスなどのCMSの組み込みを含めて、コーディングの代行・外注をご依頼いただくことが多くあります。

コーディングパックでは、CMSの組み込みを年間30サイトほどおこなっています。そのなかで、ご依頼いただく際に注意していただきたいことをまとめました。是非、ご依頼の際には参考にしてください。

1.ページャーがない

独自デザインのテーマで作成する際によくあるのが、ページャーをデザインされていないケースです。ページャーは、自動に出てくるわけではなく、ページにあわせたデザインで出力するように設定をします。どのようなデザインを施すか?はそのページ毎に変わってきますので、デザインを忘れないようにしていただけると、納期の短縮にもつながります

2.記事の日付がばらばら

これも、よくデザインの揺れだと思います。たとえば、トップページにある一覧表示は、「2022/01/01」とスラッシュ区切りでデザインされているものの、記事の詳細ページに飛ぶと、「2022.01.01」と言うように、ドット区切りになっているデザインを見かけます。

閲覧するユーザも戸惑いますし、また、コーディングの際にも「これは意図的なのか?」ということや、組み込みの際のコード等を変更する必要が出てきます。また、出来上がりのチェックなどにも、気を使い時間がかかってしまいます。統一することで、納期の短縮や、ユーザビリティの向上、デザインの質向上にもつながります。

当社の社内でデザインからおこなう場合には、特別な理由(お客様からの指定)がなければ、「2022.01.01」とドット区切りに統一しています。

3.記事などのカテゴリーページへのリンクがない

これは、SEO的な観点からも、大切な内容です。なにを隠そう、このコーディングパックのブログ・お知らせもそのようなデザインになっていました。

Googleなどにページをインデックスするためのロボットは、リンクをたどって、ページを見つけに行きます。そのため、リンクでたどり着けないページは無いのと同じです。ロボットは、自動でリンクを度っていくのですが、人は見た目でたどっていきます。目的のページへの導線は大いに越したことはありません。

カテゴリー一覧ページを表示するためのリンクが無い場合が非常に多く、それだけで、SEO的は損をしていると言えます。

せっかく作ったページですから、多くの人に見てもらうために、カテゴリーの横移動ができるようなものは作っておくほうが良いでしょう。

最後に

このように、通常の静的サイトとはことなり、CMS導入するサイトは、そのためにデザインや考慮することが増えます。参考にしていただき、コーディング代行・外注の際にお役立て頂ければと思います。

納期を短く、できあがりを良い物にするために参考にしてください。

XDでコーディング代行・外注するときの注意点

2022年10月4日

こんにちは。コーディングの代行・外注をしています、株式会社だいずらぼの脇本です。

最近、AIやPSDに加えて、XDでデザインを入稿していただくことが増えてきています。

先日、このようなことがありました。

XDで入稿、デザインされた文字(文字のフォント自体はよくあるデバイスフォントだけれども、ならびや文字の大小など画像で扱うのが適当そうなバナーというか、メインビジュアル)があるデザインでした。

この場合、多くのケースでは、SVGで画像書き出しをして、画像として配置をしますが、画像で書き出しているつもりが、フォントが見ているデバイスによってことなるのです。

iPhoneでみると明朝系で、PCでみるとゴシック系。また、画像(だと思っている)なのに、改行位置も異なりました。

よく調べてみると、SVGで書き出した場合、アウトライン化した文字は、ベクターデータとして画像になりますが、そうでない文字は、文字列としてSVGの中に埋め込まれるんです。なので、SVGで画像(ベクターデータ)にしたつもりでも、文字なんです。

ロゴなどを、SVGで切り出しているケースは、アウトライン化した後に切り出ししないと、もしかすると別のデバイスで観たときには、全然違う形で表示されているかもしれませんので、気をつけましょう。一度、チェックしてみてください。

また、よくあるご質問で、XDだとアウトライン化できないでしょ?とか、XDはアウトライン化必要ないと仰る方がいますが、必ず、アウトライン化したデータも入稿してください。

AIで入稿される方は、おそらく、グラフィックデザイン出身の方が多いと思いますので、当然のごとくアウトラインしていただけますが、WEBデザインから始められた方は、あまりその習慣がないと思います。より良いデザイン、より良いサイトを制作するためにも、ご協力のほどお願いいたします。

【おすすめツール】WordPress

2020年8月24日

みなさまご存じ「Wordpress」のご紹介をさせていただきます!

いま、Wordpressを導入するお客様もたくさんいらっしゃり、
私もこの記事を書いているのはWordpressになります!

WordPressとは?
WordPress (ワードプレス) は、ブログから高機能なサイトまで作ることができるオープンソースのソフトウェアです。
WordPress は無料であると同時に、はじめての方でも、開発者の方でも、
誰でも高機能なサイトやブログ、アプリを作ることができる価値のあるものです。(WordPress公式サイトより)

▼Wordpress公式サイト
https://ja.wordpress.org/

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

①簡単に投稿が可能

ここが1番魅力的な場所だと思うのですが、
ブログなど投稿する際に、HTMLやCSSに詳しくない人でも簡単に投稿することが可能です。

▼投稿画面

①タイトル入力
②本文入力
③カテゴリーを選択
④公開

と、この4STEPで投稿できちゃいます!

文字色や大きさを変えたり、何か少し凝ったことをしたい際は
HTMLやCSSの知識が少し必要になるのですが
事前に簡単な装飾を共有しておけば知識がない方でも装飾が!

弊社の新入社員はWEBの知識があまりないのですが
今は簡易的な装飾を付けてブログ投稿しております。

写真を入れるのも簡単なので、
お客様自身が更新していくのであればWordpressはお勧めです。

有料のプラグインを使用したり等行えば、
より簡単に投稿できるようにすることも可能です。

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

②Wordpressでサイト全体の管理

WordPressはブログや新着情報、実績の更新はもちろん、
お問い合わせフォームも実装が可能です。

システムを2つに分ける必要がないというのが
メリットだと思います。

お問い合わせフォームもWordpressで可能ということは…?
Wordpressで全てが管理できるのです!

更新箇所がなく、お問い合わせフォームのみの場合でも
Wordpressで管理できるのでおすすめです。

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

そんなWordpressですが、
もちろん弊社でも対応可能です!

▼Wordpress弊社サービスサイト
https://www.codingpack.jp/wordpress/

WordPressの構築は30,000円(税別)~対応可能で、
カスタムフィールドなどが必要な場合は20,000円(税別)~追加費用で対応させていただきます。
(内容により費用が異なります)

WOrdpress構築について
詳しくお知りになりたい方はお気軽にご連絡ください!

【おすすめツール】SINIS

2020年8月17日

今回はビジネスツールではなく、SNSの分析ツールについてご紹介します。

SINISはどのSNSの分析ツールかといいますと、
Instagramの分析ツールになります。

ビジネスアカウントであればアプリ内でインサイトを確認できるのですが、
共有するのであればパソコンのほうが便利ですよね。

しかし、パソコンではInstagramでインサイトが確認できません。
そのときに便利なのがこちらのツールです。

SINISとは?
Facebook社が提供するグラフAPIを利用した、Instagram分析ツールです。
これまでスマートフォンアプリ内のみで参照可能だったInstagramビジネスアカウントのインサイトデータを、PC上で確認することができます。
(SINIS公式サイトより)

弊社でもビジネスアカウントを運用しており、
月1回のミーティングの際にこちらを使用して現状を共有しています。

▼SINIS公式サイト
https://sinis.jp/

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

①できることが多い

弊社が普段使用しているのは無料プランなのですが、
有料プランならできることが多いのです。

・インサイトデータのPC管理
・レポート自動生成
・CSVダウンロード
・期間指定の過去データ遡り
・投稿とフォロワー推移の相関確認
・期間比較
・ビジネスアカウントのベンチマーク
・ハッシュタグのベンチマーク
・タグ付けユーザー分析

と盛りだくさんです。

うち、無料プランができるのは『インサイトデータのPC管理』のみなのですが
無料プランでもデータを見るのには十分です。

50,000円のプランになったら利用できる「ハッシュタグのベンチマーク」は
指定したハッシュタグの日別投稿件数推移や、投稿されたコンテンツについたエンゲージメント数(いいね数、コメント数)が確認できるので
どのようなハッシュタグを入れれば検索で見てもらえるか把握できます。

ハッシュタグ大事ですよね。

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

②SINISを利用するにあたり必要なもの

利用するにあたり下記3点が必要になります。(SINIS公式サイトより)

・Instagramのビジネスアカウント
・対象のInstagramアカウントと連携済みのFacebookページ
・対象のFacebookページの役割権限を持ったFacebookアカウント

Instagramのアカウントだけではなく、Facebookへの連携も必要になります。
もちろん無料プランも必要になりますのでご注意ください。

公式サイトに新規利用マニュアルのリンクも貼られておりますので
詳しくはそちらをご確認いただければと思います。
(回し者ではございません)

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

お試しプランはなく、無料ですぐに始められるのでおすすめです。
どんなものか少し見てみたいというだけでも気軽に始められるのではないでしょうか。

SINISを利用して、
自社の広報に力をいれませんか?

少し余談ですが、
サイトにInstagramのタイムラインの組み込みも可能です。

弊社で組み込みを行う場合はWordpressを使用しての組み込みになり、
30,000円(税別)~ で対応させていただきますので
お気軽にご連絡ください。

【おすすめツール】さぶみっと!

2020年8月3日

今回は弊社からお送りしておりますメールマガジンで使用しているシステムをご紹介いたします!
その名も『さぶみっと』。
名前の響きがかわいくて好きです。

さぶみっと!とは?
読者数が小規模~大規模まで対応可能なメールマガジン発行支援サービスで、操作は全て、ブラウザ上で行います。
(さぶみっと!公式サイトより)

上記でも記載しましたが、弊社でメールマガジンを配信する際はこちらのシステムを利用しています。

▼さぶみっと!公式サイト
https://www.submit.ne.jp/mail/

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

①初期費用0円、月額900円から

さぶみっと!はどのプランでも初期費用が0円なのです!
『どのプランも』ですよ。

月に配信する数・登録するアドレスの数でプランが異なるのですが、
それでも初期費用がかからないというのはお得ですよね。

登録アドレス数1,000件・配信数1,000件と
上記内容で14日間の無料トライアルもあるのでぜひ一度利用してみてください。
最短2日からで無料トライアルの利用が可能だそうです!

▼さぶみっと!料金プラン
https://www.submit.ne.jp/mail/order/

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

②差し込みタグを利用して印象アップ

メールにはやはり「○○会社 ○○様」などと、
お客様名を入れたほうが好印象を持たれます。

でも1つ1つ入力するのは大変…。
さぶみっとは1つ1つ入力しなくていいのです!

このようにコードが用意されています。
このコードを本文に入れると、アドレスを登録する際に入力した内容が反映されます!

メール文章をテンプレートで用意しておけばOKというわけなのです。
そして、そのtemplateをひな型として保存しておけばより時間短縮できるのです。

なんと…まあ…便利な…。

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

③知って損しないクリックカウント

さぶみっと!の機能で「クリックカウント機能」というものがあります。
こちらはメール文章内にURLを配置した際にどのURLが1番クリックされているのかが分かるというものになります。

例えば複数商品のURLをメール文章内に入れていた場合、
どの商品がお客様の興味を引いているのかが分かるので力の入れ方や文章の構成などを考えることができます。

単にクリック数が分かるだけでなく、
誰がクリックしたのかを、登録済みアドレスデータと紐付けて確認することもできます。
クリックして下さって人に向けてその商品のお得情報などお送りすることもいいかもしれませんね。

ただこのクリックカウントは設定が必要になります。
その設定を忘れてしまった場合はカウントされませんのでご注意ください。

▼クリックカウント機能について
https://www.submit.ne.jp/mail/outline/option3/

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

以上がさぶみっと!のおすすめポイントになります。
まだまだいいところはあるのですが、ここで説明しきれないので
ぜひさぶみっとの公式サイトをご確認ください。

そして、14日間無料トライアルでお試しいただきたいです。

※さぶみっと!に関しての不明点は弊社ではなく
 さぶみっと!のほうでお問い合わせいただいたほうが良いかと思います…。

では以上です!
長くなりましたがお読みいただきありがとうございました!

【おすすめツール】Backlog

2020年7月20日

今回は、前回少し紹介しましたBacklogについてご紹介します!

Backlogとは?
Backlogはウェブ制作、ソフトウェア開発、大手広告代理店、全国版新聞社など様々な業種で使われているプロジェクト管理ツールです。(Backlog公式サイトより)
弊社でも日常的に使用しています。

用途としては、誰かに何か作業を依頼するときや不在時に電話があった際の報告場として使用しています。
案件を管理したり、各々のタスクを管理するのに便利です。

▼Backlog公式サイト
https://backlog.com/ja/

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

①複数プロジェクトが作成できる

※内容が業務や案件に関する内容なので伏せさせていただいております。

こちらが個人のTOPページなのですが、
左側にある赤枠で囲んでいる箇所は作成したプロジェクトが表示されます。

プランごとに登録できるプロジェクト数は異なるのですが、
プレミアムプランとプラチナプランは無制限にプロジェクトを作成することができます。

案件ごとにプロジェクトを立ち上げたら、
この案件は今どの状態なのかというのも把握できるのでとても便利です。

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

②自分担当のスケジュールが一目でわかる

※内容が業務や案件に関する内容なので伏せさせていただいております。

先ほど①のご説明させていただいた際に
複数のプロジェクトが作成できるとお話させていただいたのですが、
そのプロジェクトを越えて、全プロジェクトで自分が担当になっているタスクのスケジュールが確認できます!

自分が登録したタスクだけでなく、
社内/社外の人で担当を自分にしたものも表示されます。

なので、自分が持っているタスクを1つ1つのプロジェクトで確認しなくていいのです。

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

30日間のお試しプランがあるので、
ご興味あるプランを一度お試しいただいたらBacklogの便利さがより伝わると思います。

▼Backlogプラン
https://backlog.com/ja/pricing/

ぜひこちらのツールを使って、
タスク管理を少しでも楽にしましょう!

【おすすめツール】Typetalk

2020年7月9日

みなさんこんにちは!

弊社では社内の連絡は主にチャットを使用しております。
その名も…

Typetalk(タイプトーク)

また後日紹介させていただきますが、
このTypetalkは【Backlog】というツールと一緒に使用するとより効率的です。

▼Typetalk公式サイト
https://www.typetalk.com/ja/

私個人がTypetalkでおすすめする3つをお教えいたします!

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

①トークが流れない

というのも、
自分が送ったメッセージに対して、数日後にAさんが返信した場合に
「あれ…何の件やっけ…」となることがないということなのです!

Typetalkを使う前に使用していたチャットツールでは、
何やっけ…事件が多発してスレッドを遡って探していました。

し・か・し

会話の流れや経緯をすぐに追いかけられます。
マウスをかざすだけでどの件かわかるんです!

便利…。

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

②リンク先が表示される

「このメッセージの件なのですが…」
「このサイトなのですが…」とメッセージ内にURLが添えられて届くこともあると思います。

リンクをTypetalkに投稿すると、コンテンツのサムネイル画像や動画が展開されて
一目でなんのサイトかが分かります!

またTypetalk内にあるメッセージのリンクをコピーして貼り付けると、
そのメッセージも一目で確認できちゃうのです。
すごく便利ではないですか…?

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

③Backlogとの連携

この記事の冒頭でも「Backlog」というワードを出したのですが、
このツールとの連携ができるのです。

簡単にBacklogの説明をすると、
プロジェクト管理ツールになります。

またそのプロジェクト管理の中で、『タスク管理』も行えるのが魅力です!
詳しくは後日アップいたします。

Backlogで追加したタスクを
自動的にTypetlakにてお知らせしてくれる設定があります。
これは漏れを防ぐことができるのでかなりおすすめポイントです。

誰が登録したかも通知で来ます。

Typetalkをはじめるなら
一緒にBacklogも始めたほうが良いかもしれませんね!

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°+ °。°

さて、長くなりましたがTypetalkの魅力は伝わりましたでしょうか?
無料ツールではないのですが、30日間トライアルができるのでぜひ一度お試しいただきたいです!

zoomの基本的な使い方のご紹介

2020年4月28日

さて先日告知させていただきましたzoomですが、
今回はzoomの基本的な使い方のご紹介させていただきます!

zoomには
・ミーティングを立ち上げる人(ホスト)
・ミーティングに参加する人
と2パターンの人がいます。

ご紹介させていただくのは【ミーティングに参加する人】です。

zoomはスマートフォンやパソコンから簡単にどこからでも参加することができ、
さらに様々な地域の方と簡単につながることが出来るんです!
また画面共有という超便利機能もあり、一つの画面を参加者全員で共有することが出来ます。
操作手順を社内で共有する際や、お客様と打ち合わせをする際にもってこいの機能です。

 

そんな超便利機能ZOOMについてご説明させていただきます。

 

まずはこちらのYoutubeをご覧ください。

 

 

 

 

ZoomのURLが来たらどうするの?

まず送られてきたミーティングURLをクリックします。
クリックするとシステムダイアログが上部に登場しますので[zoom.usを開く]をクリックしてくだい。
その後ビデオで参加するかしないかを問われるのでオン/オフを選択し、
立ち上げた人からの参加許可を待ちます。

 

ミーティングへの参加許可がおりるとコンピューターオーディオに接続するか問われるのでこちらも選択してください。

 

 

ミュートの設定方法/解除方法

ミュートの設定はミーティング中に設定変更も可能です!
設定方法は画面の一番左下の[マイクマーク]で行います。
クリックしてマイクマークに赤色の斜線がでたらミュート設定です。
解除も同じボタンで斜線が消えたらミュート解除されている状態の戻ります。

 

 

ビデオの設定/解除

まず表示方法の変更の仕方ですが、
右上のギャラリービューをクリックすると画面の表示方法が変わります。

 

ビデオの設定は左下の[ビデオマーク]をクリックしてください。
斜線が入るとオフになります。
もう一度クリックすると斜線が消えてオン状態になります。

 

 

画面共有の設定方法/解除方法

画面共有は真ん中下の緑の[画面共有]を選択します。
クリックすると共有したい画面を選択することが出来ます。
選択後、[画面の共有]をクリックしてください。
すると参加者全員に同じ画面が共有されます。スクロールもすべて連動しています!
画面共有を終了するときは、画面上部にあるナビゲーションの[共有の停止]をクリックしてください。
すると元の画面に戻ります。

 

 

ミーティング退出方法

退出するときは一番右下の赤字[ミーティングから退出]をクリックします。
最終確認が出るので選択して退出完了です!

 

 

ミーティングだけでなく、研修やセミナー様々な使い方のあるとても便利な機能です!皆さんも是非!
最後までお読みいただきありがとうございました!

zoomを使用したことはありますか?

2020年4月22日

最近、WEB会議を使用する会社が増えてきましたね。
弊社もWEB会議を使用することが多くなりました。

弊社でWEB会議をする際は「Zoom」を使用しております。

そこで!!
Zoomのご紹介させていただきます。

╋╋・‥…      プ ラ ン       …‥・╋╋

プランは4プランあります。

・基本(パーソナルミーティング):無料
・Pro(小規模チームに最適):2,000円/ホスト
・ビジネス(中小企業):2,700円/ホスト
・企業(大企業向け仕様):2,700円/ホスト

基本的には「基本(パーソナルミーティング)」で十分です。

◆ 普通プラン
———————————————————————-

費用は無料になります。
WEB会議はもちろん画面共有もできます。

グループミーティング可能時間は40分までで、
100人まで参加が可能です。

長時間のミーティングでなければ基本プランで十分だと思います。

1時間以上のミーティングを行う場合はProプランがお勧めです。

◆ Proプラン
———————————————————————-

Proプランでは24時間ミーティングが可能です。
参加人数は普通プランと同じで100人にはなるのですが、オプションで人数を増やすことも可能です。

といったように、Zoomは無料でも十分に活用できるWEB会議になります。
後日、Zoomの使用方法などの記事をアップいたしますので是非ご覧ください!

pagetop