marc tech

株式会社MAISON MARCが運営するブログです。Tech Blogとは名ばかりの、採用・福利厚生の情報や、日々の活動記録(?)からエンジニアのくだらない小話までMAISON MARCに関する情報をお伝えするブログとなっています!興味のある方は是非ご覧になってください。

技術

マークアップに便利なアプリ、サービスをまとめてみました。

ウェイさん ビアガーデンに出かけたい季節になってきましたね!仕事を早く終わらせるために、少しでも役立つツールを紹介させていただきます。 弊社ではLPなどの制作をする際、マークアップに関わる範囲ですと ・タスクランナーとしてGulp ・HTMLはEJS ・CSS…

GoogleAnalyticsの内容をSlackに流してみよう!【statsbot】

ウェイさん みなさん。こんにちは。デスクに箱ティ(※箱のテッシュ)が必要な季節になりました。箱ティって呼び方マイナーなんですかね? 今週はみなさん大好き、Google AnalyticsをSlackに通知する方法を紹介させて頂きます。とても簡単に導入出来ますので使…

ITの力でペットと人を幸せに。新規自社サービス開発を担うペット大好きiOSエンジニアを情熱募集!

こんばんは、カリスマギタリスト改め、フロントエンドエンジニアの豪勝鬼 卍丸です。 近年ではペットブームと言われていますが、 あなたは犬と猫がどれくらい飼われているかご存知ですか?

AWSでチャットサービスを公開してみよう! 【EC2 + Express + Socket.io】 後編

ウェイさん AWSでチャットサービスを公開する、後編です。前回の記事を読まれていない、アプリケーションを作成していない方は前回を参考にしてください! marctech.hatenadiary.com 今回は記事がかなり長いので、頑張って。。ください笑

AWSでチャットサービスを公開してみよう! 【EC2 + Express + Socket.io】 前編

ウェイさん 日本酒だいすきエンジニアのウェイさんがお送りします。 みなさんこんにちは、AWSという言葉聞いたことあるでしょうか。 AWSは『Amazon Web Service』の略称で、Amazonが提供するクラウドコンピューティングサービスです。 とにかく色々と出来る…

gulpで編集中のscssファイルをwatchしてCSScombした話

こんにちは!フロントエンドエンジニアのセイです! ネタな記事が増えていたので堅実な記事を書きたいと思い、開発環境を整備した際に書いたコードを紹介します。

animationとcallbackのあれこれ

※「パリピ 写真 フリー」で検索したけど良い画像がなかった・・・ 8月に入り学生さんは夏休みですかね。 海にプールに花火大会・・・。カリスマギタリストもキラキラした学生時代を送りたかったです。 現実は辛く悲しいものです。 敗北を知りたい(言ってみた…

Material-UI 使ってみたよ!

こんにちは。 メゾンマークでフロントエンドを担当している、k-taroです。 今回は最近趣味開発で使い始めたMaterial-UIについて導入から実装までを行います。 viewはもちろんReactです!

PHPの世界へダイヴ!【入口編】

こんにちは。バックエンドエンジニアのなとはんです。 今回からPHPの講座(的な)なるものをシリーズで掲載していこうと思います! いろんなことができるPHPですが、今一度基礎からおさらいし、応用技術まで理解を深めていきましょうというコンセプトです。…

Angular version4からやって見た

皆さん、こんにちは。フロントエンドを担当しておりますセイです。 今回はjavascriptのフレームワークであるAngularをチュートリアルを通して勉強したのでご紹介したいと思います。 Angularを押さえればwebアプリなども開発出来るのでワックワクしながら進め…

良いコードの条件とは?

こんにちは。 メゾンマーク内オセロ無敗のshuです。 敗北を知りたい。 本当は対戦者数が少ないだけなんですけどね。 今回はJavaScriptを用いて良いコードの条件について語っていきたいと思います。

さくっと学ぶ!! ES2015(ES6)入門 〜Destructuring 編〜

こんにちは。 メゾンマークでフロントエンドを担当している、k-taroです。 第5回目は分割代入(Destructuring)をみていきます!

世の中を便利にするフレームワーク

こんにちは、エセ外国人の…じゃなかったバックエンドエンジニアのなとはんです。 蒸し暑いニッポンの夏にへばりそうになっていませんかー?僕は冷房をガンガンにかけてへっちゃらです!笑。 育ちは日本だけれども、体はなぜか外国のままなので平熱が37度ある…

動画編集の頼れるソフト『ffmpeg』

皆さん、こんにちは。フロントエンドを担当しておりますセイです。 今回はフリーで利用することが出来て、動画や音声を自由に編集出来る、ffmpegという素晴らしいソフトウェアをご紹介したいと思います。 ffmpegとは 導入方法 サンプルコマンド

未経験エンジニアならメゾンマークで!!

こんにちは! 最近採用活動をしていて、頻繁に「未経験からエンジニア」「文系学生大歓迎」などと謳っているIT企業が増えてきており、学生目線で考えると企業の選び方が難しくなってきているのではないかと思いましたので、今回は改めて、入社する際に決めて…

フォントサイズのあれこれ

最近のマイブームは焼きそばパン。 どうもこんにちは、カリスマギタリストです。 夏もいよいよ本番・・・みなさん満喫してますか? さて、今回はフォントサイズに関してのあれこれ。 弊社ではレスポンシブ対応が基本なのですが、そこで発生するのがフォント…

あゝ素晴らしきかなsublime

どうもどうも、皆さんお久しぶりです。 にこるです。 今回は、コーデイングなどで使用するテキストエディタであるsublime textの良さについて簡潔に語りたいと思います。 以前、どっかの誰かがBraketsとかいう○○なエディタについて語っている記事があったの…

WEB制作に関する略語紹介

こんにちは。 慣れてしまえばなんてことはありませんが、覚えるまでお客様や他部署の方に伝わりづらい場合も。 最近では異業種からのWEB業界への転職が多いかと思います。 なので今回はWEB業界で頻繁にでてくるであろう、専門用語を少し解説できればと思いま…

React VR 触ってみた!

こんにちは。 メゾンマークでフロントエンドを担当している、k-taroです。 現在Reactを勉強しており、React VRが気になっていたのでこの機会に少しだけ触ってみることにしました。 今回はReact VRを導入して、ナビゲーションメニューを作るところまでやって…

HTML,CSS,JavaScript,jQueryとは?

メゾンマークは、 完全未経験からフロントエンドエンジニアを育てるカリキュラムを取り揃えております。 marctech.hatenadiary.com しかしながら、応募するにあたって これからどんな技術を身につけていくのか全く知らない というのは、 なんとなく[^1]おか…

エセ外国人がエンジニア?!

堅苦しい前置きは省略しまして、自己紹介からはじめようとお思います。 どうも、はじめまして、なとはんです。 →外国生まれ日本育ちのよく居るハーフを連想してもらえれば、テンションが割と高めだけれども意外とシャイだっていうことはご察し頂けると思いま…

『display: block, inline, inline-block』を見直してみた。

皆さん、こんにちは。元アパレル、現フロントエンドエンジニアのセイです!今回はこれからHTML,CSSを始める、もしくはまだ始めたばかりの人のためによく使う基本的なdisplayプロパティについて解説したいと思います! 今回解説するプロパティは dipslay: blo…

cssのfont-sizeの単位は一体どれを使うべきだろうか

新入社員のshuです。 今回はよく使う単位、px,em,rem,vwの選択について述べていきたいと思います。 px 誰もが使用したことのある絶対指定の単位。 スクリーンの1ピクセルの長さを1とした単位。

【朝まで】エディタって何使ってますの?【討論】

この時期はビールが美味い!!!!!!!!! こんにちは、カリスマギタリストです。 まあ、基本的にビールは一年中美味しいのですが、 今年の梅雨はどうしちゃったんですかねー。

さくっと学ぶ!! ES2015(ES6)入門 〜Template literal 編〜

こんにちは。 メゾンマークでフロントエンドを担当している、k-taroです。 第4回目はテンプレートリテラル(Template literal)をみていきます!

『0からエンジニア始めました。』

皆さんこんにちは! 5月、6月とフロントエンドエンジニアが一気に増えまして、 新人エンジニア3人目となりますセイが本日お送りさせていただきたいと思います! 簡単な自己紹介をさせていただきますと、前職は某セレクトショップの(カリスマ。。ではない…

【AIシンキング -Web制作者・担当者のためのAI思考術】参加レポート

こんにちは、デザイナーのひとみです。 メゾンマークでは、IAシンキングという本をデザイナーカリキュラムに取り入れています。理由は、情報アーキテクチャを学んでからWEBサイトデザインの設計を行って欲しい想いがあるからです。 今回は、IAシンキングのス…

さくっと学ぶ!! ES2015(ES6)入門 〜Class 編〜

こんにちは。 メゾンマークでフロントエンドを担当している、k-taroです。 第3回目はClass記法をみていきます!

【音楽×web】常識をブチ破るロックな配色

みなさん、初めまして。 カリスマギタリストです。 メゾンマークでは主にフロントエンドとお祭り男を担当しています。 今後とも宜しくお願い致します。 早速ですが、皆さんは「夏」と聞いて何を連想するでしょうか? ↓ ↓ ↓

【初学者向け】DOM操作チートシート【jquery】

毎日の業務お疲れ様です。 過去2回の掲載の反響が上々でプロブロガーに目覚めそうな、にこるです。 今回は、初学者向けのjqueryチートシートを作成しました。 ど忘れした人もリファレンス用に使ってください。