ミライスタート TECH系ブログ

株式会社ミライスタートのエンジニア達が気になったTECH系の記事等をアップしています!

2016-01-01から1年間の記事一覧

【Mautic】wordpress4.7にMauticトラッキング用のプラグインをインストール

こんばんは、Mauticをなんとかインストールした石井です。今回は、wordpressサイトをMauticでトラッキングできるようにするための プラグインをインストールします。wordpressのプラグイン追加から選択すれば簡単にインストールできるだろうと思っていたら、…

【Mautic】インストール②

こんにちは、本日3つ記事をアップしなければいけない訳ありな石井です。【Mautic】インストール① - ミライスタート TECH系ブログ でブラウザからインストールできるようになったと思ったら、 早速エラーが表示されてます。解消していきましょう。 Mautic is…

【Mautic】インストール①

こんにちは、エンジニアの石井です。MAに興味があって、 オープンソースでMauticというのを知ったので、 インストールしてみようと思います。オープンソースのMAツールなので、 インストールで詰まった時にアップしようと思います。 https://jp.mautic.orgOS…

Illustrator CC 2017 新機能

こんばんは。ミライスタート川口です。 今回はIllustrator CC 2017 新機能をご紹介します。 まずは、背景の色というか ユーザーインターフェースの色が4 つのカラーオプション(暗、やや暗め、やや明るめ、明)からいずれかを選択して、カスタマイズできるよ…

Photoshop CC 2017 新機能2

こんばんは。ミライスタート川口です。 OpenType SVG フォントがサポートされるようになりました。 今後は、Trajan Color Concept と EmojiOne フォントが付属されます。OpenType SVG フォントでは、1 つの字形にさまざまな色とグラデーションを指定できます…

Photoshop CC 2017 新機能

こんばんは。ミライスタート川口です。 新機能の1つとして、ゆがみフィルターの”顔立ちを調整”が進化した。 目を個別/対称的に調整できるようになりました。 最新版の2017で、目の大きさ/目の高さ/目の幅/目の傾きが片目ずつ個別に調整できるようになりまし…

Dreamweaver CC 2017の新機能 ブラウザのリアルタイムプレビュー

こんばんは。ミライスタート川口です。 ブラウザーに接続できるようになり、ページをリロードしなくてもブラウザが変更されます。 https://helpx.adobe.com/jp/dreamweaver/using/previewing-pages.html#real-time-preview

Dreamweaver CC 2017の新機能 CSS プリプロセッサーに対応

こんばんは。ミライスタート川口です。CSS プリプロセッサー(Sass、LESS、SCSS など)がサポートされるようになりました。 コードを生成するのに、エディッタを選ばなくてよくなりました。https://helpx.adobe.com/jp/dreamweaver/using/css-preprocessors.…

Dreamweaver CC 2017の新機能

こんばんは。ミライスタート川口です。2016 年 11 月リリースのDreamweaverの新機能をご紹介します。 https://helpx.adobe.com/jp/dreamweaver/using/whats-new.htmlコード表示機能を強化これが一番です。 最近では当たり前のように思いますが、Dreamweaver…

【JavaScript】【Riot】【勉強】タグのネスト

こんばんは。とりあえず、3日続いたので一区切りを考えている石井です。Riotでタグファイルからタグファイルをコールできるのか興味本位で調べていたら、 タグのネストがそれっぽかったので試してみました。index.html <html> <body> <sample></sample> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.0.1/riot+compiler.min.js"></script> <script type="riot/tag" src="sample.tag"> </script> <script> ri…</body></html>

【JavaScript】【Riot】【勉強】ソースの分割②

こんばんは。今日も少しRiotを触った石井です。今回はタグファイルを2つ用意しました。index.html <html> <body> <sample></sample> <sample2></sample2> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.0.1/riot+compiler.min.js"></script> <script type="riot/tag" src="sample.tag"> </script> <script type="riot/tag" src="sample2.tag"> </body></html>

Railsで環境毎のdatabase.ymlの違いを吸収する

こんにちは。ミライスタートの高橋です。 チームでRailsアプリを作成している際、databaseの設定(ユーザー名やパスワード)が開発環境毎に違う場合があるかと思います。 自分の環境に合わせて編集したけれど、毎回差分として表示されて面倒な場合は figaro …

【JavaScript】【Riot】【勉強】タグファイル中でスタイルを宣言できる

こんばんは。訳あって連投中の石井です。タイトルの通り、タグファイルにスタイルを持たせることもできるようです。index.html <html> <body> <sample></sample> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.0.1/riot+compiler.min.js"></script> <script type="riot/tag" src="sample.tag"> </script> <script> riot.mount('sample',{ title:"テスト" }) </script> …</body></html>

【JavaScript】【Riot】【勉強】タグファイルにオブジェクトを渡す

こんばんは。少しでも手元にソースを貯めておきたい石井です。前回はタグファイルを作成してsampleタグを切り出しました。 ただ、タグファイルに引数を渡したい時もあるかと思いますが、 そういう場合に以下のようにオブジェクトをタグファイルに渡せるよう…

【JavaScript】【Riot】【勉強】ソースの分割

こんばんは。Riotを勉強してみようと思った石井です。最近時間がないけど、Riotの勉強もしたいということで、 超低速でRiotを勉強しようと思っている。とりあえず、前回はRiotで簡単なHTMLを1ファイルで作成したので、 今回は2ファイルに分けてみる。index…

Dreamwaver コメントアウト

こんばんは。ミライスタート川口です。 今回はコメントアウトです。 HTML上は、いくつかコメントアウトにするマークがありますが、Dreamwaverではコメントアウトにした場合は、 薄いグレーで表示されます。 使う人がわかりやすいようにメモにつかったり、用…

Dreamwaver 検索から個別箇所への移動

こんばんは。ミライスタート川口です。前回は「レイアウト」を検索しましたが、今度は検索結果をクリックした後の動作です。 検索結果が1件1件表示されますが、それをダブルクリックしますと、上のウインドウの所定の箇所に遷移します。 こちらを個別に編集…

Dreamwaver 検索結果

こんばんは。ミライスタート川口です。 今回は前々回にお話しした、検索画面から検索した後の画面です。 検索した結果は、画面の下側に出る検索タブのウインドウ内に表示されます。 今回は「レイアウト」という単語で検索してみました。 HITした箇所は、9項…

Dreamwaver サイト定義

こんばんは。ミライスタート川口です。 今回はサイトの定義です。この機能はDreamwaverにサイトとして認識させる設定です。 サイトとして認識すれば、画像やCSSがサイトととしてみなされ、絶対パスでもパスが認識され、 レイアウト表示されます。 サイト内の…

Dreamwaver 検索・置換

こんばんは。ミライスタート川口です。今回は、検索や置換をする画面です。 ツール内でサイト指定した場合や、開いたファイルだけに範囲を絞れたり、実行したいフォルダを様々指定できます。 正規表現も使用可能です。 一度使うと他のエディッタでは実現でき…

Dreamwaver 挿入 テーブル

こんばんは。ミライスタート川口です。今回は、便利機能のテーブルの挿入です。 挿入 > テーブル でキャプチャの画面がでてきます。 行と列に数字を入れるだけで、そのテーブルのコードが出来上がります。 エディッタだと、タグを打ち込まないと生成されない…

Xcode, iOS ナビゲーションコントローラーに右スワイプで前画面に遷移する処理を追加

こんにちわ。エンジニアの横田です。 ナビゲーションコントローラーの子コントローラーにスワイプで前画面に遷移する処理を作ってみました。 まずextensionでUIViewControllerに以下の関数を追加します。 import UIKit extension UIViewController { func ad…

Xcode, swift セグエなどのアニメーションを一時的に無効化する方法

こんにちわ。エンジニアの横田です。 iOSアプリでshowセグエ、presentセグエなどでの画面遷移時のデフォルトのアニメーションはありますが、これを無効化したい場合もあります。 XcodeにはAnimatesというチェックボックスはありますが、どうもこれはiOS9以降…

Dreamwaver HTML

こんばんは。ミライスタート川口です。 今回はdreamwaverのHTMLのコード画面です。 私自身10年以上使っています。 dreamwaverの特徴として、こちらが一番便利と感じる部分ではないでしょうか。 コード打ち込んだそばから、画面をリアルアイムで生成してくれ…

Dreamwaver CSS

こんばんは。ミライスタート川口です。 今回はdreamwaverのCSSのコード画面です。色もそこそこ付き、見やすい画面となっております。 自分でどのコードの何色を使うか設定変更もできます。内部でサイトの定義もでき、コードの画面、階層の画面等、別々に表示…

【JavaScript】Riotを勉強してみようと思った話

こんばんわ。Reactの勉強の前にそびえ立つ大きな壁に阻まれて おめおめと引き下がった石井です。Reactと一緒にフロントを軽く諦めかけていた時に、 Riotというライブラリが話題になっているのを見つけ軽く触ってみました。 <html> <body> <sample></sample> <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.6.4/riot+compiler.min.js"></script> <script type="riot/tag"> <sample> <h3>{ title }</h3> </sample></body></html>

【JavaScript】Reactを使おうと思って諦めた話

こんばんわ。VB6erの石井です。かなりフロント界隈の技術から取り残されてしまったので、 Javascriptも勉強しないと、と思い 流行っているReactの勉強から始めようと思いました。そう、結果はタイトルの通りです。Reactで最初に出てきたキーワードは以下の通…

Dreamwaver

こんばんは。ミライスタート川口です。 今回はdreamwaverの紹介です。もっとも有名なhtmlやCSS、Javascriptを制作するときに使うツールです。 この画面はCS6ですが、現在はCCが最新版です。月額課金制です。 多くの機能を有しますが、エディッタとして使うの…

【swift2.2】【備忘】クロージャー②

こんばんわ、浦島現象に日夜悩まされている石井です。クロージャー①【swift2.2】【備忘】クロージャー① - ミライスタート TECH系ブログから 引き続き備忘です。▪️書き方④ クロージャーの引数は、 自動で『$0』『$1』・・・が割り当てられるので、 引数を省略…

Photoshop フィルター空模様1

こんばんは。ミライスタート川口です。 今回は空模様1です。 左側の色のものが、下記のフィルタで、簡単に左の描画になります。 フィルター>描画>空模様1 背景を作ったりする再に簡単に加工可能です。 ご利用してみてはいかがでしょうか。