STAFFBLOG スタッフブログ

WordPressの標準管理画面が変わるよ

井上武明
2018/11/13
閲覧所要時間:約4

どうも、職場のディスク上にはいつもカメラが置いてある井上です。

ちょうど1年前はオールドレンズに手を染めているとブログに書いていましたが、その後フィルムカメラの方にも手を出しました。
毎月フィルム1本撮影するのが自分に課したノルマです。

管理画面が大きく変わるよWordPress 5.0

さて、ネット上のサイトの約3割で使われているというWordPressですが、その記事を書くエディタにはTinyMCE(タイニーエムシイイー)が長く使われてきました。
私がWordPressを使い始めた時には既に使われていたので、一体いつから使われているのか調査したところ、

2005年12月31日リリースの WordPress2.0
かれこれ約13年も使い続けられています。

ネットの世界で13年前と言えば、遥か昔の世界。
iPhoneやAndroidなどのスマートフォンは存在せず、インターネットといえばパソコンでやるのが当たり前の時代でした。

それほど長く使い続けられているものを変更するとやはり大変で、簡単には行きません。

例えるなら、今までキーボードで入力してたのをやめて、今後はフリック入力が標準にするよと言われるようなもの。
長くキーボード入力を続けている人ほど反発が強く、キーボードで入力しやすいようにしていた数々の工夫は一旦リセットされるような感じで、色々と反発がありました。
(ちなみに私も未だスマホのフリック入力が出来ません・・・)

それでも新しい時代に合わせた変革は避けることは出来ないと判断し、WordPressは2016年12月にGutenberg(グーテンベルク)という新しいエディタに変わるという方針を示し、実際に2017年7月にはテスト用プラグインがリリースされ、長い時間をかけて準備が進められてきました。


そしてついに11月19日にリリース!っと思いきや・・・

先週末にWordPress 5.0のリリース日は11月27日に延期すると案内されました。
11月27日も確定していないので、さらに延期となった場合は2019年1月22日まで伸びる予定です。

WordPress 5.0になったら、どうしたら良いの?

Classicエディタという追加プラグインをインストールすることで今までどおりTinyMCEが利用できます。
また、Gutenbergがメインエディタになった場合でも、それまでのデータが一括でGutenberg用のデータに更新される訳ではないようなので必要以上の心配はありません。
「旧エディタ」として今までどおりのエディタを使う事は出来るようです。

将来的にどこまでTinyMCEがサポートされるのかについてはまだ決定しておらず、現在の見込みは最低2021年末までを見込みにしようかと議論が始まったばかりのようです。

既存のWordPressはどう対応するの?

  1. 正式リリース前のために仕様が確定していないこと。
  2. Classicエディタとして現在のエディタを使い続ける方法が公式に用意されていること。
  3. 各サイト用にカスタマイズした部分が多いため、未検証のまま一律に変更をする事が出来ない。

以上の3点からClassicエディタを継続使用するプラグインを順次インストールしてまいりました。
セキュリティリスクによる緊急的なアップデートではないので、サイトの安定性を優先すべきであるという判断になります。

将来的にはGutenbergをベースにした管理画面に移管する必要がありますが、目新しさを優先して逆に使い勝手が悪くなるようではいけないので、サイトとしての目的を出来るだけ効率的に実現することを最優先に、順次対応していきたいと考えています。

普遍的な使いやすさの大切さ

自分がフィルム撮影に使っているのはニコンF3という1980年から2000年まで20年間もロングセールされていたカメラです。

最新のデジタルカメラと違って、どんな環境でも誰でもキレイな写真を簡単に撮影して、その場で撮影した写真を確認出来るわけではありませんが、「こんな風な写真を撮りたいから、こういう設定に」と思った時にストレスなく設定を変更して撮影させてくれます。

カメラと同じで、サイトの管理画面も必要な機能をしっかりと把握して使いやすいものは古くても使いやすいものです。

何でも出来る代わりに画面いっぱいのボタンが並び、何回もクリックしてやっと思った設定が出来るではなく、
シンプルで必要な機能に出来るだけ簡易にアクセスでき、必要な場合は難しい設定でも対応が出来る柔軟性を持つ。

そんな使いやすさを目指したいと思っています。

最後にGutenbergを実際に使ってみよう

WordPressの日本語公式サイト内にはGutenbergを実際に触れるデモ用ページが用意されていますので、気になる方はぜひ一度お試しを。

新しい Gutenberg 編集エクスペリエンス
https://ja.wordpress.org/gutenberg/

Adobe After Effects CC でテキストアニメーション 〜 タイプライター風 〜

araki
2018/11/09
閲覧所要時間:約7

皆さぁーーーーーーーーーん♪
こんにちはぁーーーーーーーー!!!!

9月に第一子が誕生して、おとっさぁーんとなりました荒木でございます( ͡° ͜ʖ ͡°)

最近娘が産まれて写真を沢山撮ってしまうので、
将来たまちゃんのパパみたいになってしまうのではないかと、
自分でも不安になっている今日この頃でございます。

出産時のエピソードなど色々とありますが、
それはまたの機会に♪




っということで前置きはさておき、
今回は私もここ最近初めて手をつけた「After Effects CC」を使って、
テキストアニメーションを作ってみよう!第一弾でございます!

私自身今までAdobe Premiere Pro CCしか使っておらず、
どうもAfter Effectsって難しそうっていう印象を持っており、
なかなか手を出せずにいました。

しかし先日制作実績の方へも登録させていただきました
株式会社木村様の飛創立65周年記念式典用の動画を制作させていただいた際に、
もっと動きのあるアニメーションを作りたいと思い、
ついにAfter Effectsを導入することを決めました!!




Adobe After Effects CC とは?

まず「After Effects」ってそもそもなんなの?っという方向けにWikipediaの説明を引用させていただきます。

Adobe After Effectsは、アドビシステムズが販売している映像のデジタル合成やモーション・グラフィックス、タイトル制作などを目的としたソフトウェアであり、この分野では代表的な存在である。「A.E.」「AE」「Ae」と略されることもある。

出典:Wikipedia




また恥ずかしながら私も最近知ったことで、
「After Effects」をなんと読むのか。
「アウターエフェクト?」それとも「アフターエフェクツ?」

正解は後者の「アフターエフェクツ」だそうです!

滑舌があまり良くない僕によっては最後の「ツ」がどうも言いにくくてw
まぁぼちぼち「アフターエフェクツ」って言っていきたいと思います・・・( ˙-˙ )




「タイプライター風」のテキストアニメーションを作ろう!

それでは早速作り方についてご紹介していきます٩( ‘ω’ )و!
これを覚えたら1分もかからずに「タイプライター風」のテキストアニメーションを作ることができますよ♪




【Step1】新規コンポジションの作成+文字の入力

まずはじめに新規コンポジション※を作成します。
コンポジションとは?
動画素材や画像、音楽などの素材を配置するための土台のようなもの

コンポジションを新規で作るときは、
下記の2つの方法で作成が可能です。
  1. 「コンポジション」→「新規コンポジション」を選択
  2. ⌘N(command+N)のショートカット

今回は新規コンポジションの名前を「タイプライター」とします。


「タイプライター」というコンポジションが作成できたら、
左上のツールパネルの中から「 T(文字ツール) 」をクリックし、
次に中央の黒いコンポジションパネル※上でクリックするとテキストを入力することができます。
コンポジションパネル
プレビューで確認するところ。実際のアニメーションの動きなどが確認できます。

テキストのフォントや段落に関しては、
右側の文字パネルと段落パネルで調整してください。




【Step2】エフェクト&プリセットを適用させる

まず画面右側の「エフェクト&プリセット」から先ほど入力したテキストへ適用させるアニメーションを選択します。

今回のタイプライターのアニメーションは下記手順で見つけることができます。
「①エフェクト&プリセット」→「②Text」→「③Animate In」→「④タイプライタ」

この「④タイプライタ」をタイムラインパネル※状のテキストへ直接ドラッグ&ドロップするか、
テキストを選択した状態で「④タイプライタ」をダブルクリックすることでアニメーションを適用することができます。





これで終わりです!!!!!

▼完成したものがこちら
※↑GIFアニメに変換しております。


「えっ?これだけ?」っと思う方もいらっしゃるかと思いますが、
そう!!これだけなんです!!!

めちゃくちゃ簡単に「タイプライター風」のテキストアニメーションができるんです!!!!




【番外編】カーソルありのタイプライターにしたい!


▼完成したものがこちら(カーソルあり)

カーソルがあった方がよりぽくなりますね(☝︎ ՞ਊ ՞)☝︎

カーソルありの場合、
無料で配布されておりますプリセットを新規でダウンロードする必要があります。

▼ダウンロード画面
QE+
http://qep.jp/products/freedownload/m06.html


ダウンロードが完了したら、
ファイルを解凍し、中に入っている「カーソルタイプライタ.ffx」というファイルを
After Effectsフォルダ内にあるPresetsフォルダへコピーします。

▼コピー先ディレクトリ
/Applications/Adobe After Effects CC 2019/Presets/

※今回は元々あった「タイプライタ」と同じ場所で管理したかったので、
下記ディレクトリへコピーしております。
/Applications/Adobe After Effects CC 2019/Presets/Text/Animate In/


コピーした際に下記のようなウィンドウが表示されますが、
「認証」を押していただくとコピーを完了することができます。


コピーが完了したらAfter Effectsの画面に戻り、
右側のエフェクト&プリセットパネルの「三」をクリックし、
一番下の「リストを更新」をクリックすることで、
先ほどコピーしたプリセットを読み込むことができます。


後は先ほど説明した【Step2】の手順で適用させてあげると完成です♪





【Step3】完成したら実際に書き出してみよう!


動画を書き出す方法は2通りあります。

【方法1】After Effectsから直接書き出す
まずAfter Effectsから直接動画を書き出す方法として、
「ファイル」→「書き出し」→「レンダーキューに追加」
を選択すると下記のような画面になります。

この画面では、
出力する際の設定をしたり、
保存先やファイル名を指定することができます。

設定が完了したら右側にある「レンダリング」をクリックして完了です。



【方法2】Adobe Media Encoder経由で書き出す
「ファイル」→「書き出し」→「Adobe Media Encoder キューに追加」

次に同じAdobe製品でもありますMedia Encoderというソフトを使って書き出す方法をご紹介します。
Adobe Media Encoderとは?
Adobe Premiere Pro、Adobe After Effects、Adobe Audition、Adobe Character Animator および Adobe Prelude の動画や音声ファイルを変換・書き出しができるソフト。ソフトによっては書き出しと編集が同時にできない場合にMedia Encoderを使うと便利。

Media Encoderでは様々なデバイスに対応した形式で書き出すことができますので、
是非目的にあった形式を探して書き出してみましょう♪

最後にキーボードを叩く音と組み合わせるとよりそれっぽくなります♪
(効果音はフリー素材のものを使っております。)



以上でテキストアニメーションの作り方から動画の書き出しまでの流れをご紹介させていただきました!!!




最後に

いかがでしたでしょうか。
After Effects1年生の私からすればまだまだ未知な部分が沢山ありますが、
もっと腕を磨いて様々な表現ができるように頑張りたいと思います( ´ ▽ ` )ノ

またAfter EffectsやPremiere Proなどの記事を書きたいと思いますので今後もよろしくお願いしますぅ〜〜♪



▼今回参考にさせていただきました記事はこちらです♪
After Effectsでタイプライター風のテキストを作る
https://vook.vc/n/67

スマートなクリーニングサービス、LAGOO(ラグー)のご紹介

sawamichio
2018/11/08
閲覧所要時間:約3

こんにちわ!
相変わらずヘルニアに悩まされている今日この頃、
SAWAMICHIOです。

こちらのブログ上ではお伝えしてなかったのですが、
実はワタクシ昨年より、LAGOO(ラグー)というプロジェクトに携わっております。
弊社で一から立ち上げたサービスで、ウェブ制作とは違う、一般ユーザーに向けた
B to Cのサービスになります。
今日はそのラグーのご紹介をします。

LAGOO(ラグー) って何?

イメージ画像
ラグーとは、一言で言えばクリーニングサービスです。
しかし普通のクリーニングと違って、ラグーの店舗があるわけではありません。

最近ヤマトさんが行なっている宅配ロッカー事業のように、
ラグー専用のクリーニングロッカーがあって、
それをスマートフォン用のアプリで操作します。

これまで、営業時間に限りのある店舗型サービスと違い、
人を介さず、24時間クリーニングのやりとりができる画期的なサービスです。
ちなみに、クリーニング自体は大手協力企業のホワイト急便さんが行っています。


ネーミング&ロゴマークについて

ネーミングにはおそらく100案以上、4ヶ月ほどかけて議論を重ね、
最終的にはサービスの核であるLockerの「L」とApplicationの「A」の頭文字をとり
「LAGOO(ラグー)」という造語をサービス名称に採用しました。
意味性よりも感覚的な響きを重視し、待ち時間なくスムーズにやりとりできるスピーディーなサービスの特徴を伝えるため、どこか“動詞”っぽいニュアンスを持たせました。

よくある “〇〇〇クリーニング” とかにしなかったのは、今後の展開に向けた布石でもあります。

ラグーってどこにあるの?

現在栃木、東京、福岡、熊本市内 合計17ヶ所に設置しています。
試験的に熊本で運用していましたが、これから全国規模で続々増えていく予定です!
↓下記リンクからお近くのラグーを探せます。
近くのラグーを探す


まずは、アプリをダウンロード

ラグーをご利用になるには、まずアプリをダウンロードして会員登録しなければなりません(登録・年会費無料)
アプリをダウンロードして、お近くのクリーニングロッカーを探してみましょう!
クリーニングのオプション指定や料金精算もすべてアプリから行えます。

アプリのダウンロードはこちら
アプリの使い方はこちら


プロモーションムービー

夏頃、ラグーのプロモーションムービーを撮影しました!
180度回転する斬新なカメラワークで、“スピード感”と“サービスの新しさ”を伝えることにチャレンジしています。
↓ぜひご覧ください!
▼LAGOO ラグー 「フルバージョン」PV


▼LAGOO ラグー 「サラリーマン編」PV


▼LAGOO ラグー 「親子編」PV


▼LAGOO ラグー 「私服男性編」PV

今年のハロウィンはスポーツだぁ〜〜〜!!!

yabushita
2018/11/01
閲覧所要時間:約2

こんにちは!
皆さんいかがお過ごしでしょうか?ヤブシタです。

先日「あずきの力 目元用」という温熱ピローを買い、とても癒される日々を過ごしております。
気になった方は調べてみてください(^o^)/

さて、今回は10月31日に行われたハロウィンの様子をご紹介いたします♩

ちなみに去年のハロウィンの様子はこちらからご覧ください!
ハッピーハロウィン!仮装してパーティーしました!

さてさて…
今年のハロウィンは仮装してピザ…ではなく、会社近くのスポーツスタジアム トウヤにFVメンバー複数名で行ってまいりました(^O^)/

とりあえず、参加者全員が揃うまでエアホッケー対決!

すでに白熱した戦いが繰り広げられております(笑)


意地でもパックを入れられたくない ゆり氏
何故か乗り上げています(笑)



結果はまさかの同点!!!まだ到着してすぐなのに汗かきました(笑)


バッティング開始〜〜〜!!!

残りのFVスタッフも続々と集まってきたので、バッティングを開始しました(^O^)/

井上監督のもと選手たちは打席にたちます。

西村選手、余裕の笑みですね〜!

川口選手もカキーンと打っております!


仕事帰りのサラリーマンの方なども居て、ストレス発散にバッティング良いんじゃないかと思いました♪( ´θ`)ノ


盛り上がった卓球

お次は卓球!
色々な組み合わせで試合を行いました!

フェイントをかける橋本さん


球の様子を見守る 藤江さん・ゆりさん(この時私は打ち返せなかった…)

「あ”ーーー」と言ってる私

爽やかスマイル堀川くん

先輩たちの視線を一気に受けるフジモン



様々な技も繰り広げられました↓


そしてトーナメント戦もしたのですが、最後まで残った藤江さんVS川口くんの試合もアツかったです!

優勝者は藤江さん!おめでとうございます(^O^)/

まとめ

普段なかなか体を動かす機会がないので、久々に「動いた〜」という気持ちになれました(笑)
良い汗をかいて楽しかったです♪
また機会があれば、仕事終わりなどにスポーツできたらなと思います(^○^)

それでは、ばいなら〜〜〜(^_^)/

トウヤ
http://www.ss-toya.com/

時短!ドラッグ&ドロップで画像圧縮

kawaguchi
2018/10/23
閲覧所要時間:約3

皆さん、お久しぶりです。
コーダーの川口です!

最近は肌寒く、朝は冷え性が出始めたので、ヒートテックを解禁しました。
おかげで昼間は暑いです 笑


さて、今回のテーマは「画像の圧縮をどれだけ時短できるか」です。
※画像圧縮の手順を説明するブログではないのでご注意ください

画像圧縮のツールは、いろいろあると思いますが、下記のようなWEBサービスは簡単でよく使ってる方も多いのではないでしょうか?


私はTinyPNGがクオリティもよく、サイズもかなり小さくできるため愛用していましたが、一括で20枚までしか圧縮できないことが、数が多い場合時間がかかるので、どうにかしたいと思っていました。

そこでいろいろと調べていると、TinyPNGの内部では「pngquant(ピングクォント)」という画像圧縮プログラムが動いており、それをインストールすることでTinyPNGと同じような環境をローカルで整えることができるということが分かりました。

早速試してみました!

圧縮動画 ↑左が圧縮前、右が圧縮専用フォルダ
「pngquant」だけでは、黒い画面からコマンドを実行する必要がありハードルが高いので、MacのAutomatorと連携し、フォルダアクションを利用して、ドラッグ&ドロップで簡単に素早く圧縮できるようにGUI化しています。
また、TinyPNGはjpgも対応していますが、「pngquant」はpngのみです。
jpgには「jpegoptim」という別のプログラムで処理するようにプログラムしています。
ちなみに画質に関わるクオリティの設定は指定する必要があるので、何度か試して最適なものにするといいと思います。

上の動画では34枚の画像を、8秒程で圧縮しています。
設定にもよりますが、これでは70%ほど圧縮に成功しています。

比較

pngの画像を圧縮しています。
元画像が小さいからというのもありますが、グラデーションが激しい画像も目立った見た目の変化はありませんでした。
これは約50%圧縮されていました。


まとめ(1年ほど使用しています)

「pngquant」を使うことで、画像のクオリティを落とさず、短い時間で効率よく作業できるようになりました。
SVGを使う機会も増えてますが、画像も100枚以上圧縮するときも普通にあるので、とても便利です。
「pngquant tinypng Automator」のワードなどで検索すると手順を詳しく説明している記事がたくさん出てくるので、興味があれば試してみてださい!

ではまた!


おまけ

全く関係ありませんが、
先日、八代で開催された「やつしろ全国花火競技大会」を見に行った時の写真です。

お久しぶりです。アントニオ◎木です。

watari
2018/10/18
閲覧所要時間:約5


この道を行けばどうなるものか、危ぶむなかれ。危ぶめば道はなし。

いけばわかるさ。

お久しぶりです。
アントキノワタリです。

時代が進み、自動運転の到来も間近という所でしょうか。
しかし運転好きの私には縁遠い話かと感じております。
そう私にはカーナビすらほとんど必要としておりません。
3年前に買った新車についているカーナビも3回ほど使ったくらいです。
敷かれたレールは走りません。
なんならバックモニターもバックミラーもほとんど覗いた事ないくらいです。
過去は振り返らない主義です。

さて話は逸れましたが、皆さんには「好きな道」などございますでしょうか?
私には「好きな道」というものが存在します。

そうDREAMです。

いえ本当の「道」  ROADです。

という事で今回は私の好きな道BEST5をご紹介します。


BEST.5 関門海峡199号線沿い


ハイテクと昔ながらの街が交差する
北九州 関門海峡199号線沿い〜戸畑若戸大橋


2年ちょっと住んだ北九州、海峡沿いの海工場群からもくもく上がる独特の雰囲気のある街が好きでした。

関門海峡にはしゃぐエンジニアFJA氏。

関門海峡の下 関門トンネル。海峡トンネルを歩いて渡るって夢があります。


北九州のロサンゼルスと言われている(自分が言っているだけですが)
若戸大橋


関門海峡〜小倉〜若戸大橋のルートでは工場群が立ち並び工場萌えの方にもおすすめです。
また皿倉山からの眺めは新日本三大夜景にも選ばれており、おすすめです。
そちらの写真はないのでこちらのサイトでもご覧ください。

九州最大級の夜景観光都市!北九州のおすすめ夜景スポット10選



いや〜デートで行ってみたい。






BEST.4 熊本県 ナルシストの丘〜オレンジロード


みかん畑の絶景 熊本県 ナルシストの丘
熊本県の荒尾市と玉名市を渡る広域農道 通称オレンジロード。




眼下には見渡す限りのみかん畑と目の前に広がる有明海と雲仙は最高すぎます。

パッチワークのような田んぼが綺麗な場所です。
この長い長い下〜坂を〜!とゆずの夏色は永遠頭の中をループします。

ループつながりで途中にループ橋もあります。
すません写真は撮ってません。


・ナルシストの丘



季節によってはダイヤモンド雲仙を眺めることができます。

夕日に向かって下るのも最高です。


またこちら 帰りに 夏目漱石ゆかりの道 草枕の道 という道もおすすめです。
京都のような風情がよかったです。
ちなみに京都は行った事ございません。



※蚊が半端なかったのでお気をつけください。






BEST.3 山口県 角島大橋


死ぬまでに行きたい!世界の絶景3位に選ばれた
山口県 角島大橋。


16年前 初めて車を買ったら絶対行こうと考え行った場所。
海がとんでもなく綺麗で過去3回ほど行きましたが
また絶対行きたい場所です。




兄がMINI乗りだったのでDO-TETSU Super Touringに参加したの時の写真です。
この時はMINICooperが180台くらい集まり福岡から山口までツーリングしました。





下関から長門〜青海島まで行きましたが山陰本線沿いの道も素晴らしかったです。







BEST.2 広島〜今治 「島なみ街道」


言わずと知れたサイクルニストの聖地。
広島〜今治 「島なみ街道」。


広島は尾道から伸びる橋を渡ってしまなみ街道へと入ります。
本当は渡るつもりなかったのですが海フェチ橋フェチが祟って渡りました。


愛媛県 亀老山展望台からの眺め 来島海峡大橋(今治〜大島)

車中泊し、朝日に輝く黄金いろの瀬戸内海が忘れられません。

多々良大橋
世界一の斜張橋


しまなみ海道は いずれ家族と自転車で渡りたい場所です。



手前の尾道も独特の雰囲気があり、5キロほど歩いて散策したのを覚えてます。








BEST.1 熊本県 阿蘇外輪山周辺


世界有数の巨大カルデラ
熊本県 阿蘇 外輪山周辺。


もう熊本に来てたぶん30回以上通ったでしょうか・・・・
阿蘇はどこを切り取っても絶景な道があります。

・ミルクロード

・箱石峠

・山並みハイウェイ

・阿蘇 田んぼ・・・(汗)

夏の阿蘇は 頭の中で永遠と
「菊次郎の夏」が流れてました。


.
.
.
.

そしてやっぱり
・ラピュタの道


「ラピュタの道」やっぱりここからの絶景は文句無しのNo.1です。
自分が熊本に来る前からあくせく通ったこの道は震災以来
今は立ち入り禁止の場所です(泣)
いつか復興してほしいものです。

運がよければ幻想的な雲海も観れます。



私は三菱のデリカD5に乗って三菱贔屓ですが、
三菱 雲海出現NABIという便利なサイトもあります。


週末探検家 THE WEEKEND EXPLORER | MITSUBISHI MOTORS JAPAN
http://www.mitsubishi-motors.co.jp/special/weekend-explorer/unkai/



ちなみに私は87%の時に行って、1ミリも雲海出ず、快晴でした。
たぶんもう見ませんが、結構当たると好評ですw

だいぶアバウトですが↓↓↓




それでは皆さん、この秋はレッツ ドライブ ア GOGO〜!!

おまけ。


かの有名な伝説の漫画家 鳥山明には「鳥山明ロード」という
道が存在するのしないの・・・これは出身地 愛知の高額納税者 鳥山明氏
原稿の入稿が遅れて東京に引っ越さないように
自治体が名古屋から空港まで道を作ったとか・・・(都市伝説)

とてつもない伝説ですね。

また島根には水木しげるロードもあり、そこは私も行った事があり、
いいとこでした。

そして最後に・・・

私が踏み出せばその足跡が道となる。
そうここが私の道↓↓↓




川尻で偶然見つけました。
いずれこの地に引っ越すかもしれません。

ちなみに冒頭に出てきた
アントニオさんの名言で知られる

「道」
「この道を行けばどうなるものか、危ぶむなかれ。危ぶめば道はなし。
踏み出せばその一足が道となり、その一足が道となる。迷わず行けよ。行けばわかるさ。」

は「一休宗純」の詩なんですね。
知りませんでした。

以上 皆さんもご自分の生きる道を見つけてみてはいかがでしょうか?

chatwork と IFTTT との連携を試してみた!

fujie
2018/10/15
閲覧所要時間:約3

IFTTTとは、「IF This Then That(もし~したら~する)」の略称で、
さまざまなサービスを連携させて、作業を自動化するサービスです。

今まで、chatworkは他のサービスと連携させる場合、
APIを使ってプログラムを書かなければなりませんでした。

サンプルのコードが載っているとはいえ、
プログラミングの経験がない場合は、少しハードルが高い領域だったと思います。

【前編】チャットワークとIFTTTが連携!〜いますぐ連携できる10のサービス〜
https://blog-ja.chatwork.com/2018/10/ifttt-1.html

それが↑↑のchatwork側の対応で、プログラミングが必要なくなりました!

「もし~したら」とは?

この部分が連携を開始させるトリガーです。

例えば…
  • もし、任意のキーワードを含むツイートがあったら~
  • もし、Google スプレッドシートに変更があったら~
  • もし、Google カレンダーの予定が開始される◯◯分前になったら~
  • もし、毎日○○時になったら~

などなど、IFTTTと連携しているサービスならば、
トリガー(もし~したら)を手軽に設定できます。


「~する」とは?

この部分が実際になにをするかを決めるアクションです。

例えば…
  • chatworkの〇〇の部屋に投稿する
  • 別のサービスと連携する
  • 独自の仕組みと連携する

などなど、こちらもIFTTTと連携しているサービスならば、
アクション(~する)を手軽に設定できます。


実際にやってみた

弊社ではすでにやりたいことはAPIを使用して、
各種自動化作業は構築済みですが、
IFTTTとの連携の使い勝手を確認するために少し試してみました。

IFTTT、chatworkの両方にログインしておく必要があります。


毎日始業前に天気を通知する

chatwork Search services and Applets on IFTTT by category – IFTTT
https://ifttt.com/search/query/chatwork

↑↑からすでに用意されているApplets(レシピみたいなもの)を探します。

「今日の天気予報を毎日チャットワークに通知」をクリック。

詳細ページに飛ぶので、
「Turn on」をクリックすると設定画面に飛びます。

  • 「Receive notifications when this Applet runs」
    このAppletsが成功したら、通知するかどうかを選択できます。どちらでも問題ありません。
  • 「Time of day」
    時間を設定できます。
  • 「room」
    どのチャットルームに投稿するかを選択します。

最後に「Save」ボタンをクリックすると設定完了です!


▼指定した時間が来るとこんな感じに投稿されます!

非常にお手軽ですね!


まとめ

前述しましたが、chatwork側でApplets(レシピみたいなもの)を
いろいろ用意してあるので、さくっと実験できるのが良いな~と思いました!

なにかやりたいけどプログラミングの敷居が高い方は、
まずはIFTTT連携を試してみてはいかがでしょうか!

その後もっといろいろなことをしてみたいと思ったら、
プログラミングに手を出してみると良いかと思います!

はじめてのはしもと -バスケ観戦編-

hashimoto
2018/10/02
閲覧所要時間:約3

うおーーーつかれさまです!ハシモトです!!!


肌寒い季節となりました…秋到来っ!
芸術の秋、読書の秋、食欲の秋…と色々ありますが、
今年は熱い熱い「スポーツの秋」をオススメしますっ!

ということで
スポーツ観戦 初心者のハシモトが「熊本ヴォルターズ」のバスケ観戦に行ってきましたーー!
どうやって応援したらいいの? ルールわからないけど大丈夫? 一人でも楽しめる?
そんな方々に向けて、体験レポートでお伝えします!

熊本ヴォルターズ

皆さんご存知かと思いますが、熊本ヴォルターズは、熊本を本拠地として活動しているプロバスケットボールチーム。

なんとFVはヴォルターズの法人会員となっていますので、ホームゲームが観戦できるチケットをいただくことができました!ワーイ
お恥ずかしながら今までプロのスポーツを観戦したことがなく、もちろんバスケのルールの知識も0!
あの有名なスラムダンクさえも読んだことがありません…大丈夫なのだろうか自分…!

いざ会場へ!

移動の電車内もヴォルターズを応援しに行く人達で満員でした!旗や屋台もあり賑やかで楽しい雰囲気でいっぱい!私は一階の自由席、前の空いているところに座りました。コートと距離がとても近くドキドキです!

ワクワクする舞台の演出

私がまず驚いたのは舞台の演出!DJの方が音楽を演奏。会場内はノリノリ!
また、この日は特別に熊本出身の芸人さん(ガリットチュウさん)も登場し、会場を沸かせました。
ハーフタイムでは東京からチアダンスの方々が登場!キレッキレのダンスパフォーマンスで会場内を盛り上げます!!

わかりやすい応援方法

『応援の仕方がわからない…どうしよう…』初心者ですので細かいことも気になるんです…
が!なんと試合がはじまると上の方にある電光掲示板に文字が表示がされるんです…!!助かる〜!!!
相手チームに攻めている時はヴォルターズの名を呼んで応援。相手チームから責められている時は「DEFENCE!」と祈りを込めて言ったり、はたまた相手チームを煽ったり、手をリズミカルに叩いて応援したり…

後半にはもう応援方法も覚え、自然と声が前に出ていました!
応援はやっぱりみんなと一緒にすると楽しい!!!

ドキドキ迫力のある試合

私の座ったところがコート間近だったということもありますが、やっぱりプロの本気の戦いは迫力が違いました!ヴォルターズが点を入れた時はめちゃくちゃ嬉しかった…!!!
そして選手はカッコイイっっ!(ハート)
あと たまーにボールが自分の元に飛んできたりして、色んなドキドキがありました(笑

感動の時間

私が今回観戦したイベントは 4/14・15に行われた「熊本地震復興マッチ」。
14日は熊本地震からちょうど2年となる節目の日です。
この日の観客動員数は4,019名。
感謝の気持ちを込めた「ありがとう」ボートを持ちながら
皆で熊本出身のアーティスト・WANIMAの歌を大合唱。
一つになる空気には感動しました…!!

残念ながら試合には負けてしまいましたが、
最後には選手の熱いコメントやファンへのサービスもあり、

最初から最後まで熊本で会場が心が一つになれたとてもいい試合だったとハシモトは思いました。

さいごに

初観戦ボッチでどうすればいいの?と思っていましたが、
もう試合がはじまったら そんなチマチマした不安などふっ飛びました! 自分も熱くなりもう試合しか目に入らない!ルールを知らなくても見てればなんとか分かるっっ!

9月からまたホームゲームがはじまっていますので、行かれてみてはいかがでしょうか!?
熊本ヴォルターズ スケジュール
またハシモトも行ってみたいと思います(๑⁼̴̀д⁼̴́๑)ドヤッ‼

POPとIMAPって何?

shuhei
2018/09/27
閲覧所要時間:約2

こんにちは。
フロンティアビジョン出産ラッシュ2018、第一号の西村です。

去る5月に待望の第一子が誕生し、一児の父となりました!
これからもより一層気合を入れて、仕事も家庭も全力で臨みます!

さて、本題ですが、メールソフトの設定中にPOPやIMAPといった言葉を目にすることはありませんか?
この記事ではそれぞれの概要や、メリット・デメリットについて説明します。

POPとIMAPの概要

POPとIMAPですが、いずれもメールを受信する時の仕組みの名前です。
例えばAさんからBさんへメールを送った時、送られたメールはBさんが契約しているYサーバーに届きます。

その後YサーバーとBさんのパソコンで通信をしますが、POPとIMAPの違いは主にここにあります。

POPの場合は、サーバーからパソコンにメールをダウンロードすることで読めるようになります。
IMAPの場合は、パソコンからサーバーに置いてあるメールを見に行くことで読めるようになります。

特徴とメリット・デメリット

POPの特徴

サーバーからメールをダウンロードするというシンプルな仕組みなので、IMAPに比べてサーバーにかかる負荷が少ないです。
基本的には1つのメールに対して1つの端末を利用する形ですが、設定次第でIMAPに似た運用も可能です。
POPのメリット
  • ダウンロードしたメールは、ネット環境がなくても閲覧ができる
  • サーバーの容量を気にする必要がない

POPのデメリット
  • 端末側の容量は、ダウンロードしたメールの分利用する

IMAPの特徴

POPと比べると受信に関するプロセスが複雑なので、サーバーへの負荷がかかります。
使い勝手のイメージとしてはwebメールに近いかもしれません。
IMAPのメリット
  • サーバーにあるメールがベースなので、どの端末からでも同じ情報が確認できる
  • パソコンが壊れても、メールがなくならない

IMAPのデメリット
  • 受信したメールが多くなってくるとサーバーに負荷がかかる

総評

弊社をご利用中のお客様にはPOPでの運用をご案内しています。
理由としてはメールをどのように利用されるか予測ができないからです。
仮に全てのメールアドレスをIMAPで登録したとして、メールアドレスの数やそれぞれの通信量が多くなると、最悪サーバーがダウンすることも考えられます。

とは言ったものの、POPとIMAPでどちらが良くてどちらが悪いといったことはありません。
それぞれの特徴を理解し、正しく運用することで、トラブルの回避につながります。

デザインカンプ制作時に行っている原稿のテキスト調整3つ

2018/08/07
閲覧所要時間:約2

こんにちは、ゾエです。

ホームページ制作において、原稿(文章)作成は専門のライターを雇うのが理想的。
しかし予算の都合などにより、お客様自身に原稿作成をお願いすることも多いです。

お客様も原稿作成のプロでない場合がほとんどのため、デザイン制作時は頂いた原稿をそのまま使うのではなく、可能な範囲で調整します。…あくまでも可能な範囲ですよ(笑)
今回は僕が行っている調整の中から簡単に始められる次の3つ紹介します。


  • 1:テキスト量を調整する。
  • 2:段落を分ける/見出しを追加する。
  • 3:冗長にならないように読みやすく調整する。

テキスト量を調整する。

例えば上図のような配置で3つのサービスを紹介するとします。(※図内のテキストは適当です)
頂いた原稿のままでは1〜3のテキスト量に差があり、バランスが悪いことも。

こういった場合は、別途質問や頂いた資料などをもとに少ない部分を加筆したり、逆に不要な部分を削って文字量を調整します。
先にラフ案を提出して「◯◯文字前後」など、指定させていただくことや、デザインを原稿に合わせて調整することもあります。





段落を分ける/見出しを追加する。

長文で原稿を頂くこともあります。
そのまま掲載すると、読みにくい、理解しづらい、といった問題になることもあるため、段落を分けたり、それぞれに見出しやキャッチコピーをつけて読みやすく、分かりやすくします。

見出しだけで内容がある程度理解できるものだと尚良いですね。文章を読ませるのが目的ではなく「伝えたいことを伝える」ための手段として文章を用いるわけですから。





冗長にならないように読みやすく調整する。

詳しく伝えようとしてか、文章が冗長になっていることがあります。
「〜ですが、」という留保の「が」を多用しすぎると冗長になりやすいです。
適度に句点「。」を使って短めにまとめたり、「〜です。」と言い切って歯切れのよい文章にします。






まとめ

  • 1:テキスト量を調整する。
  • 2:段落を分ける/見出しを追加する。
  • 3:冗長にならないように読みやすく調整する。

以上、デザイン時に行っている原稿調整3つでした。
そもそも文章以前に「何のコンテンツを制作したら良いのか分からない」という方もいらっしゃるかもしれません。コンテンツにつきましては、ヒアリングを行った上で弊社からご提案いたしますのでご安心を。
ライティング(原稿制作)や写真撮影も別途費用にて対応可能です。まずはお気軽にご相談ください!


フロンティアビジョンのFacebook

デンタルWEB

求人情報

スタッフ紹介