H2O blog - ページ 2 / 36 - H2O space たにぐちまことの技術メディア

2017年 11月 28日に横浜で開催された、「Adobe MAX Japan 2017」において講演した『Web制作にもGitが便利 – Dreamweaverで今日からできるバージョン管理』のセッションを、YouTube上で再演いたします。

非デザイナーは特に、自分でちょっとしたサイトを作ろうとしたときに、色の組み合わせに悩むことがあります。結局、原色ばかりになったり Excelカラーになってしまったり。そんな時に助けになるのが、人工知能でカラーパレットを提案してくれる『Khroma』です。

https://www.youtube.com/watch?v=gzIoMucgd7E

近年盛り上がりを見せている「クラウド開発ツール」。Webブラウザ上でエディターやファイル管理などを使いながら、サーバー上で直接開発できるツールです。

これまで筆者は「Cloud 9」を使っていたのですが、最近これを解約して「Codeanywhere」に乗り換えました。その理由と、Codeanywhereの魅力を紹介していきましょう。

いつの間にか（調べてみたら、結構前からのようですが・・）、PhpStormで自動的に Sass（SCSS）をコンパイルできるようになっていました。（WebStormなどでもおそらく使える？）

設定を方法を紹介します。

Sassをコンパイルする環境を整えるには、Rubyを利用する必要があります。Windowsの場合、RubyInstallerを使う方法もありますが、Chocolateyを利用するとよりスマートです。

ここでは、Chocolateyを利用したインストール方法を紹介します。

kintoneには、「Administrator」という権限があります。これは、kintoneの契約ライセンス数とは別に1アカウント利用することができ、kintone全体の管理などを行ないます。

標準ではこのアカウントは「無効」の状態になっているため、これを有効にしてみましょう。

ナビゲーションバーが直線的ではなく、一部が他のコンテンツにかぶっていると、注目をあびます。サイトロゴや企業ロゴで、この演出を行なうことはよくありますが、レシピ動画制作サービスの「MoveAsia」では、お問い合わせボタンが出っ張っています。

スクロールをしても、画面上部に固定されるため、かなり目立ちます。なかなか面白いアクセントですね。

REUTERSのサイトでは、記事を読み始めると、画面の上部にナビゲーションが固定されます。このナビゲーション、次の記事や次の次の記事が右側に表示されていて、スクロールをすると次々に記事を読むことができます。

また、今の時期を何割くらい読んでいるかもバーで表示。あとどのくらいで読み終わるかを明示してくれます。記事途中での離脱を防ぐ工夫が見られますね。

CodeMoneky（コードモンキー）は、子ども向けのコード学習サービスの1つ。独特なグラフィックで本格的なコード学習を進めることができます。

タスク管理の手法を学習しようとすると、「GTD（Getting Things Done）」という手法がよく取り上げられます。しかし、GTDは厳密に行なおうとすると、そのタスク管理のために時間が取られてしまい、本来の目的である「業務を効率的に行なう」という所に効果が出ないことがあります。