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

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

【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 背景を作ったりする再に簡単に加工可能です。 ご利用してみてはいかがでしょうか。

Photoshop フィルター逆光

こんばんは、ミライスタート川口です。 今回は写真に逆光をいれてみました。加工する上ではあまり使わないフィルタですが、 光源を与えてみたり、局所的にアピールする時に使ったりします。 立体的に使う場合は、影をいれてみても面白いかもしれません。

Photoshop フィルターダスト&スクラッチ

こんばんは、ミライスタート川口です。 今回は、写真などにゴミが写っている場合の削除方法です。 画面左側に白い点を描いてみました。 フィルターのダスト&スクラッチを使ってみました。 半径としきい値を設定しますが、値が大きすぎると写真がぼやけてし…

MySQLのインストール

こんばんは、石井です。久しぶりにLinuxにMySQLをインストールしようとしてハマったので、 備忘録です。▪️phpとmysql関連のインストール yum install --skip-broken php* mysql*▪️MySQLをローカルに取得 yum localinstall http://dev.mysql.com/get/mysql57-…

Photoshop フィルターシャープ

こんばんは、ミライスタート川口です。 写真がぼやけていて、はっきりとさせたい時に使う機能です。 シャープを使いたい画像を選択し、 フィルタ>シャープ>シャープと選択します。 選択範囲を決定してから使用すると、部分的にはっきりさせることもできま…

CIImage→顔発見→顔トリミング→UIImageで保存する方法

こんにちわ。エンジニアの横田です。 今回の記事は備忘録です。 カメラから取得したCVPixelBufferRefを変換したCIImageから顔を発見し、その顔領域だけをトリミングしてUIImageとして保存する処理についてです。 ちなみに最初引っかかったのですが、Face Det…

Photoshop ガイド

こんばんは、ミライスタート川口です。 今回はガイドについてです。 新規で何かを制作する場合、px単位での目印として使用します。 また、既にデザインされているものを切り分ける場合は、特に、部分部分での区切り線として使用します。 この部分でpx単位で…

Photoshop 自動選択ツール

こんばんは、ミライスタート川口です。 今回は自動選択ツールです。 こちらを一番使うパターンは、画像を分離する場合です。 1つのレイヤーにいくつかの画像が1つになっている場合、今回は赤色の背景と白の円を分離したい場合は、白色の部分に自動選択ツール…

Photoshop レイヤー

今回はPhotoshopの基礎ともなる、レイヤーという考え方です。 基本的には、1つ1つ文字、図形ともに表示する順序がありまして、赤枠のレイヤーを表示している箇所がありますが、 表示順が上であれば、画面上に表示する重ね順番も上になります。 より上に表…

NavigationControllerのトップ画面に戻るボタン(<)を表示させる方法

こんにちわ。エンジニアの横田です。 NavigationControllerのトップ画面に戻るボタンを表示させる方法についてです。 本来、トップ画面と言う以上は戻るべきところなどなく、戻るボタンなど表示させることはないはずですが、時としてイレギュラーな画面設計…

SCPコマンドで簡単にファイルをダウンロード

Webサービスの開発を行っていると、サーバー上からファイルをダウンロードしたりする機会があるかと思います。そんな時に使えるコマンドをご紹介します。