著者:takahashi
Google ナビゲーションバーのウェブサービス通知を廃止へ
GoogleがサイトのナビゲーションバーにあったWebサービスの通知を廃止するようです。
この機能は、Googleの各サービスから送られた通知を一か所で確認できるというもの。
例えば、Google+やGoogleフォトなどからの通知を、このエリアからまとめて確認することが可能でした。
この機能は2019 年 3 月 7 日に廃止するとのことです。
エンジニアにとって、どんなUIが利用者にとって最も使いやすいのか、案外知ることは難しいもので、ある程度の試行錯誤は避けては通れません。
IT業界でもトップのGoogleでさえ、UIの試行錯誤を行っているのだということを垣間見た瞬間でした。
著者:杉浦
うまく機能する色の組み合わせを探すwebサービスPaletton
Paletton – The Color Scheme Designer
Palettonは規則だった印象のよい色の組み合わせを探すことを簡単にするwebサービスです。機能は色を探す機能と探した色を用いたサンプルを提示する機能の二つです。
色を探す機能はパレット上の点をいじることで主に動かします。複数の色を組み合わせる際は一つを動かした時、他の色も動き調和を崩さないようにします。大雑把に色を決めたら右上のRANDOMIZEが使いやすいです。styleは色の点の組み合わせの形、colorは色の点の範囲のことです。similar colors, unlike styleならば同じような色で組み合わせの雰囲気を変えます。
EXAMPLESは設定した色の組み合わせを用いたページ例です。実際に色を用いてページを作るまでもなくここで何となくの雰囲気を確認できます。
著者:takahashi
LaravelにTwitterログインを実装しようとしたら非常に面倒くさかった件(主にTwitter側が)
最近、業務でLaravel製のWebアプリを作ったことがきっかけで、LaravelベースのWebアプリケーションを個人でも作りたいと思い、いろいろ調べています。
取り敢えずまずはTwitterアカウントで自分のWebアプリにログインできるようにしたいと思い、やり方を調べていたのですが、出だしで躓きました。
従来のように apps.twitter.com でアプリのトークンを取得しようとしたところ、何やら見慣れないメッセージが…
Google翻訳に通すとこう。
既存のアプリの管理を続けることはできますが、新しいアプリを作成したりTwitterプレミアムAPIを使用したい場合は、開発者アカウントを申請してください。 開発者プラットフォームとして、私たちの最初の責任は私たちのユーザーにあります：Twitterで会話の健康をサポートする場所を提供すること。私たちのプラットフォームの誤用を防ぐために、私たちは開発者のためにいくつかの新しい要件を導入しました。
はぁ…と思いつつも開発者アカウントとやらを申請してみることに。
ところが…
何これめちゃくちゃ面倒くさくなってる…
特に最後のAPIの使用用途(アプリの内容)についての記述は、最低300文字以上、しかも英語で説明しないといけないようです。
これ英語ができない人にとってはハードルめちゃくちゃ高くなってるじゃん…
おまけに、提出すれば即時にAPIの利用ができるわけではなく、審査期間を得てTwitterから承認を得られれば、晴れてトークンが発行される仕組みになったようです。
【第1回】Twitter APIを使うためにdeveloper accountの申請をしよう！（外部サイト）
上記のサイトによると、こちらの方は20日ほど待たされたそうです。
なんという面倒くささ…
でも自分が使用したいのはまっとうな理由からですし、申請してみたら案外すんなり通る可能性もあるかもしれないので、頑張って申請してみたいと思います。
Laravel+Twitter周りは、成功したらまた載せようと思います（汗
著者:村上
【Webサービス】静鉄バスの運賃時刻検索サイト「なんじ？くん」がサービスを終了
県西部にお住いの方には全くと言っていいほど影響がない話題ではありますが…県中部地区を中心として運行している静鉄バスの運賃時刻検索サイト「なんじ？くん」が2018年3月24日(土)の24時にサービスを終了していました。
実家（藤枝市）にいた頃にはたまにお世話になっていたんですよね。
で、その代わりに、今後は「NAVITIME」と連携した新検索サイトがあるとのこと。
サイトは下記からご確認いただけます。
乗換・時刻表検索|しずてつジャストライン
https://transfer.navitime.biz/justline/pc/map/Top?window=transfer
実際の画面はこんな感じ。
こちらはPCから見た時のページです。
で、こちらがスマートフォンで見た時のページです。
出発・到着のバス停を指定すれば、発車時刻、到着時刻、運賃などが表示されます。
また、出発や到着時刻を指定することもできます。
この辺りは、他の路線検索サイトと同じですね。
特に操作に戸惑うこともなく利用できました。
個人的には、スマートフォンページの方が、全体的にデザインがシンプルで使いやすかったです。
が、文字入力で若干カクカクしたような…。
まあ、パス停など候補スポットはたくさんあるのでしょうがないのかも。
以上、静鉄バスの運賃時刻検索サービス「なんじ？くん」のサービス提供終了と、その代わりとなる検索ページのご紹介でした。
県中部にお出かけすることがあれば、是非ご活用ください。
著者:杉浦
googleスプレッドシートのメール通知機能
googleスプレッドシートは無料で多人数の共同作業を容易に行うことのできるExcelの様な表を扱うwebサービスです。長期に渡って多人数で共同作業を行う際、編集が行われたことを知る機能の有無は重要です。定期的に見る、ということもできますが手間であり漏れも出がちです。googleスプレッドシートにはgmailに対して通知を行う機能が備わっています。
スプレッドシートの通知をオンにする – パソコン – ドキュメント エディタ ヘルプ
やり方は簡単。画像の様にツール > 通知ルールと開いて、通知のタイミングを設定、保存、完了するだけです。これでgoogleスプレッドシートを開いているgoogleアカウントに向かって通知メールがルールに従ってその都度送信されます。
著者:村上
【Webサービス】簡単にQRコードを生成できるサイト「QRのススメ」
現在、業務で開発中のアプリに QRコードリーダーを組み込んでいるのですが、その際にテストとして読み込む適当なQRコードを生成するときにお世話になったサイトがこちら。
簡単に自分用のQRコードを無料で安心作成できるサイトです。主要な携帯電話からスマートフォン(Android、iPhone)まで、どのキャリアにも対応していますので集客やプライベートに幅広くご活用ください。気になるアクセス集計も可能です。
サイトのURLを指定し、簡単にアクセスできるQRコードや、自由なテキストを指定できるQRコードなど、様々な種類のQRコードが生成できます。
また、コードの中央にイラストや文字が入ったQRコードを生成することもできます。
使い方はとっても簡単で、まずページ中央のやや下にある「さっそく作る」ボタンをクリック。
あとは、作りたいQRコードのタイプを、
- サイトURL
- 自由テキスト
- アドレス帳
上記から選び、QRコードに含めたい情報を指定するだけ。
またこの時、コードの色やサイズも指定できます。
設定が完了したら、下部にある「作成する」をクリックし、作業は完了です。
あとは、別ウィンドウで生成されたQRコードが表示されるので、保存してご利用ください。
以上、手軽にQRコードが生成できるWebサービス「QRコードのススメ」のご紹介でした。
本当に簡単だし、何よりもわかりやすくておすすめです。
著者:杉浦
メール機能テストサービスmailtrapの紹介
Mailtrap.io — Fake smtp testing server. Dummy smtp email testing
Mailtrapはメールにトラップを仕掛けることでメールテストを行うことのできるサービスです。送られるはずのメールをmailtrapで止めることで安全お手軽にメール機能のテストができます。
アカウント登録が必要ですがgoogleアカウント、githubアカウントを使用することが可能なので登録は楽です。登録するとメールボックスとメールサーバが渡されます。
メーラとサーバの情報のみならず、上の画像の赤丸の部分から各種フレームワークに対応したメール設定スニペットが用意されています。このサーバの情報に従ってメールを送ると次の様になります。
実際には送られず、mailtrapでメールが止まり、送られたメールがどういう風になるか見ることができます。無料版は50通までしかメールを保存できませんが、あふれ次第消してもらえる仕様になっているため受信ボックス詰まって困ることはありません。mailtrapを使うことでテスト用のメールアドレスを作る必要もテストで送られてきた余分なメールを消す必要もありません。mailtrapは実に便利です。
著者:村上
【サービス】クレジットカードと連携できる家計簿アプリ「Zaim」
昨日スクリーンショットが撮影できなくて急遽記事の内容を変更しましたが、実は本当に紹介したかったのが、タイトルにある家計簿アプリ「Zaim」です。
日本最大級のレシート家計簿アプリ・オンライン家計簿らしく、今まで家計簿を付けることに挫折してきた人でも続けられるとの触れ込みでした。
私も今まで家計簿なんか付けたことがありませんでしたが、今のところ続けられています。
サービストップはこちらから。
アプリとWebの両方あるのが嬉しいところ！
今どきの人は、すべてスマホでサクッと済ませるようですが、私はやっぱりパソコンでの操作が好きなんですよね。
使い方も簡単で、金額とカテゴリーを選択し、場合によってはメモも追加することができます。
また、入力する代わりにレシートを撮影することで、いくら使ったのかを記録することも可能です。
が、使い慣れていないせいで、上手くレシートを読み込めませんでした…。
まあ、文字入力は苦じゃないので、別に気にならないんですけどね。
また、履歴も一覧やカレンダーごとに表示を切り替えることができ、見やすいです。
私は主に週末にまとめて買い物をするので、土日の出費が多いですね。
今までは、なんとなく使った金額を把握していましたが、こうして実際の数値を見れると、一度に使う金額とか、買い物の傾向とか、浪費しているかどうかがはっきりとわかって良いです。
…自分ではそこまで浪費家ではないとは思っているのですが、ほんのたまに衝動買いをするので…そういうのもきっちりと記録できます。
更に、クレジットカードの登録もでき、カードでの支払履歴を確認することができます。
カード支払いはあまり行いませんが、だからこそ、たまに使ったときの履歴をこうして自動で保存してもらえるのは有難いですね。
ものによっては、何回かワンタイムパスワードの入力が必要で、ちょっと面倒でした。
私のもっているカードでは、イオンのクレジットカードの登録は少し手間でしたね。
その点、エポスカードの登録は簡単でした。
以上、ズボラさんでも続けられそうな、おすすめの家計簿サービス「Zaim」のご紹介でした。
家計簿アプリを初めて使う人は、是非こちらの使用を検討してみてはいかがでしょうか。
著者:杉浦
様々なHTMLショートコードを公開しているdCodesの紹介
dCodes is a comprehensive HTML framework with over 1500+ template shortcodes.
Build next generation, feature rich websites rapidly! Just copy ‘n’ paste hosted codes!
引用元：Template Shortcodes – dCodes Framework v2
dCodesは様々なテンプレートショートコードを含むHTMLフレームワークです。Template Shortcodes – dCodes Framework v2には1500以上のコード例が載っており、これらの例をコピペしていい感じに配置するだけで、豊富な機能を持ったwebページを簡単に早く作れます。
上の画像はショートコードが載っているページの一つです。赤丸の部分からコードを持ってきてコピペでページに用いるパーツを増やします。CSS、JS部は主にCDNを用います。このCDNは月間トラフィック1000万まで無料で使えます。個人で使う分にはよっぽどな使い方をしない限り無料枠に収まるでしょう。dCodesは単にデザインや機能の参考としても十分有用です。
著者:村上
【Webサービス】インストール不要で使えるビデオチャットツール「appear.in」
少し前からアカウント作成が必須にはなりましたが、それでも便利です。
今回ご紹介するのは「appear.in」というテレビ会議ツールです。
ビデオチャットツールといった方が分かりやすいでしょうか？
サイトはこちらから。
以前はアカウント登録なしで使えたのですが、現在は登録必須です。
が、それは「部屋」を作るために必要なだけなので、参加者のだれか一人がアカウント登録・ルーム作成を行えば、それ以外の人は、登録なしで使用できます。
ちなみに、無料アカウントの場合、作成できるルーム数は1つのみです。
なお、無料アカウントでも、作成したルームには最大4人（4台）が当時に接続できます。
また、音声・マイクのON/OFFや画面共有、チャットなど、基本的なことは一通りできますので、大人数でさえなければ無料プランでも問題ありませんね。
ちなみに、有料プランだと最大12名と同時に接続でき、ルームも10まで作成できます。
なお、有料プランは月額 $9.99 です。
弊社では他社様とのテレビ会議の時によく使っていますが、音声も途切れないし、映像もキレイです。
なにより、アプリをダウンロードしたりせず、URLを共有するだけでブラウザで使えるというのが凄く楽でおすすめです！
ちなみに、使用できるブラウザは下記の3つです。
- Chrome
- FireFox
- Opera
以上、おすすめのテレビ会議ツール「appear.in」のご紹介でした。
今回だけ使いたい！など、手軽に使えるツールをお探しの場合は、是非ご検討ください。