textlintで日本語の自動校正サービスを作ってみた！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアのほりでーです。 Web関係のお仕事をされている方のなかには、業務のノウハウを自社のブログや個人のサイト、はてなやQiitaなどのブログサービスを通じて発信されている方も多いでしょう。私もLIGブログへ載せるには敷居の高いネタはQiitaへ投稿することが多いです。しかし、推敲が苦手なので自分のあまりの誤字脱字の多さに辟易してしまうことがあります。 エンジニアにとっての国語のライティングは、技術記事の執筆以外においても案外重要なスキルです。要件定義書、仕様書、環境構築手順書、Wiki、README、コミットログ、チケット、バグレポートなど、コード以外にもエンジニアが書くべきドキュメントはたくさんあります。 こういった日本語のライティングを強力にサポートしてくれるのがtextlint（テキストリント）という校正支援ツールです。 今回はこのtextlintとT
Webサービスの多言語・多通貨・複数地域展開におけるバッドプラクティスについて考えてみる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
2021年1月15日追記：当記事でご紹介しておりますdoorは、2020年にサービスを終了いたしました。今までご愛顧いただきましたお客様に、深く御礼申し上げます。 こんにちは、バックエンドエンジニアのグッチです。 2019年にもなったことだし、今日はWebサービスを作った思い出を振り返りながら、多言語・多通貨・複数国対応のバッドプラクティスについて書いてみようと思います。 Webサービス・アプリなどを仕事や趣味で作って（作ろうとして）いる方の参考になれば嬉しいです。実際に自分のサービスが全世界で使われるサービスになるかはさておき、いつか来るかもしれないその日に向けて、考えてみる機会にしていただけたら……。 ▼最近のご飯 Webサービスの海外展開って結構大変 日ごろWebサイト/サービス/アプリを使っていて、こーゆーの見たことありますよね？ 海外のサイトなはずなのになぜか初めから日本語で表示
ネタ探しも仕事の内！フロントエンドのネタさらし！2017春の陣！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
春ですね、いや、夏の匂いを感じる人もいることでしょう。 フロントエンド担当、ザワです。 今回は、フロントエンドエンジニアの私が日常的にチェックして情報を得たり、困ったちゃんの時にお世話になっている主なサイトをご紹介します。 フロントエンド系記事 CSS-TRICKS https://css-tricks.com/ CSS関連といえばこのサイトではないでしょうか。サイト名もカッコイイですし。CSSでお困りの際に検索すると、大体ヒットしてきます。CSSのTips系の記事や、最新のプロパティに関する記事などが掲載されるので、フロントエンドならマストでチェックしておきたいサイトです。 HTML5Experts.jp https://html5experts.jp/ Web技術に関する最新動向、エキスパートによる見解などが見所のメディアサイトです。最新の技術に関してプロ中のプロ、いわゆるロープーの人
担当サイトが受賞したので、アニメーションの演出に使ったJavaScriptライブラリ、webツールを晒してみる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
担当サイトが受賞したので、アニメーションの演出に使ったJavaScriptライブラリ、webツールを晒してみる こんにちは、まろCです。 最近、僕が担当した JOYSOUNDのキャンペーンサイトで、いろいろな賞を受賞することができました。 CSSREEL Design Awards Asis CSS WINNER 今回は、このような演出を入れるサイトで僕がいつも使っているJavaScriptライブラリや、webツールを晒したいと思います。 アニメーションの基本的なフロー 基本的に、アニメーションはCSSにtransitionやanimationで記述しています。 javascriptで、ロードやスクロールをトリガーにして、その要素にaddClassやremoveClassしてアニメーションを発動しています。そのほうが軽いからです。 より複雑、かつ連動して動かしたい場合は、ライブラリを使用し
PHPだけでもデプロイしたい！だってPHPアプリだもの。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、まさくにです。 先月、バックエンドエンジニアとしてLIGに入社しました。 直近の悩みとしては、取締役のづやさんが旧知の友人にすごく似ていることです。雰囲気、たまんなく似てる。この強烈で一方的なシンパシーは抗いがたく、気を抜くと「おーい、づやー、野球しようぜー」と声をかけてしまいそうです。ですが相手は取締役ですので、そこそこ自重しています。よろしくお願いします。 人物紹介：づや LIGの取締役にしてバックエンドユニットの長。 いろんなことを知ってる。 初めて会ったときのTシャツはとてもくたびれていた。 さて、本稿ではPHPのデプロイツールについてお話したいと思います。 みなさん、デプロイはどうしてる？ 本稿では「デプロイ」について、下記のような処理を行い、Webアプリケーションを実行可能な状態とすることとさせていただきます。みなさんもデプロイ時には、このような処理を行っているの
はじめてのphina.js - JavaScriptゲームライブラリを使ってみた！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ Nike大好き！ダンサー兼フロントエンドエンジニアのシスコです。 我が足は常にNikeと共にあり！というくらい毎日大切に履かせてもらってます。ダンスシューズもNikeに変えたら前より調子よいのです……。 それはさておき、今回はJavaScriptゲームライブラリであるphina.jsというのを一緒に触っていきましょう！！導入方法や基本的な操作の部分を説明できればと思います！ phina.jsとは？ HOME|phinajs.com ゲームやツールなどを作れるJavaScript製のゲームライブラリです。PC, スマホ両方に対応しており、簡単にゲームが作れるみたいです！ また、国産なので日本語のリファレンスがあるというのも、これから初める人には優しくなっているところかもしれませんね。 使うための下準備 任意のhtmlファイルのhead内に下記のコードを追記してください。 <sc
【写真・画像加工アプリ10選】女子向けかわいい無料アプリを集めました | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターのキャシーです。 スマホで写真を撮るのが好きで、現在カメラロールには1.3万枚もの写真が入っています。日常の何気ないシーンを写真に収めた後、カメラアプリを使って写真を加工し自己満足の世界に浸っています。最近のカメラアプリは、クオリティが高くて素晴らしい……！ ということで、今回は女性向けの人気カメラアプリをご紹介します！ 1. スタンプがつくれる「B612」 1,500種類以上のスタンプがあり、オリジナルのスタンプを手書きで作成することも可能です。これは嬉しい機能ですよね。写真撮影はもちろん、人気曲をBGMにして、ビデオ撮影をすることも可能です。もちろん、フィルターやビューティーなどのエフェクト機能も搭載されています。SNOW INC.が出しているアプリなので、信頼できますね。 B612 iPhone版はこちら B612 Android版はこちら 2. 5,000種類以
LIGブログの安全な開発のために 〜WebdriverIOでスクリーンショットを撮る編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのいなばです。 8月より自社開発チームに異動となり、最近はLIGブログの改善に勤しんでいます。 Webサイトも長く運用されるとどうしてもCSSが負債になってしまいがちですね。 負債返却のために安心してコードを綺麗にしていきたいのですが、修正が思わぬ場所で影響を起こしてしまってCSSが壊れていてもなかなか気づきづらいものです。 今回は、目視での確認漏れを少し楽にするべく、WebdriverIOを使ってスクリーンショットを撮るサンプルを作ってみました。(検証してないのでWindowsをお使いの方は動かなかったらごめんなさい。) WebdriverIOの導入 事前にNode.jsのインストールとJava7（jdk7）以上がインストール（確認方法はこちら）されている必要があります。 リポジトリのクローン後、npmの依存モジュールのインストールが済めば、Webdr
ついに「Adobe XD」の日本語版リリース！Webサイト制作がはかどり過ぎて楽しい | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。長野チーム・デザイナーのずんこです。 突然ですが、今日は何の日かわかりますか？ ・ ・ ・ 答えは、デザイナーのみなさんお待ちかねの「Adobe XD」日本語版のリリース日です！ webデザインの現場でも存分に使える「Adobe XD」。アドビさんのご厚意とPRのため、一足早めに使わせてもらいました。 早速、その使用感についてレポートしていきます。 そもそも「Adobe XD」とはSketchやProttのいいとこ取りソフト 「Adobe XD」の正式名称は「Adobe Experience Design CC」。新しいUXデザインツールとして、プレビュー版が今年の春にリリースされ話題になりました。 公式の記事はこちら。 アドビの新しいUXデザインツール、Adobe XD (Preview 1) 登場！ 使い方をクイックに解説 「Adobe XD」は、デザインが作成できるだけで
浮気ってどこから？ 今日こそ浮気のボーダーラインを決めようぜ。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 わたし、エディターのユリナーシュカ。こっちはその辺にいたクマ。 本日は原宿に来ております。みなさん、一度は「いったい、浮気ってどこからなんだろう？」と思ったことはないでしょうか。 わたしは好きな人のSNSをTwitterもfacebookも毎日監視しているし、女の子と絡んでいるのを確認するとその女の子のアカウントまで飛んでプロフィールをチェックしています。 束縛のしすぎも良くないかもしれませんが、好きだからこそ気になってしまう「どこからが浮気なのか問題」。 そこで今日は原宿にいる男女20人に「浮気ってどこから？」と聞いてみたいと思います！ 用意した選択肢はこちら！ はてさて、いったいどんな結果になるのでしょうか？ 今回1位になった行為を今後は浮気のボーダーラインと呼びましょう。 原宿にいる男女20人に聞いた浮気のボーダーラインランキング というわけで、原宿に来ています。 さっ
機械学習について調べてみたら、3行のソースコードを入れるだけで機械学習できるサービスがあった（前編） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
人物紹介：うらら LIGブログDevRelチャンネル担当のエディター。テクニカルエディターを目指し、プログラミングやIoTについて鋭意勉強中。最近ハマっているのはUnity。 森の中から失礼します。ちょっと調べものをしていまして……。 先週からLIGブログの編集部一同で「調べてみた」連載を始めました。私は毎週日曜に記事を出すことに。せっかくの日曜なので、IoTやテクノロジーで “日曜大工” をしてみたいと思います。 今週のテーマとして取り上げたのは機械学習。これは機械が自分で学習する技術のことです。機械に仕事を任せてサボりたい技術的にとても面白そうだったので、調べてみました。 そもそも機械学習って何？ 機械学習（machine learning）とは、簡単に言うと「機械（コンピューター）にたくさんのデータを読み込ませ、解析することでアルゴリズムを作ること」です。最大の長所は、人の手でデータ
Google Maps APIをコピペで使い倒せ！Web初心者でもカスタマイズできるgmaps.js | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。 最近はひさしぶりに浅草をランニングして健康オタクを気取っています。 さて、ランニングといえば、アプリを使ってタイム測定をしている人も多いのではないでしょうか。大半のアプリには地図が内蔵してあり、特にGoogle Mapsを呼び出しているものが多いですね。 そこで今回は、そのGoogle Mapsをカンタンに導入できるgmaps.jsを使ってみたいと思います。コピペで試せるので、JavaScriptが得意ではないデザイナーやコーダーの方にもおすすめです。 http://hpneo.github.io/gmaps/ gmaps.jsはGoogle Maps APIを使いやすくしてくれるライブラリです。 そのメリットは大きく3つあります。 1. シンプルなコード 記述方法がとてもカンタンで、通常のGoogle Maps APIよりも分かりやすいソースコード
Raspberry Pi OSインストール・日本語設定方法【初期設定編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。DevRelライターの加藤恵美（かとえみ）です。先日、同じ会社の人に「ツイートを大声で勝手に読み上げる悪魔のロボット」を作られてしまいました。 「ぐへへへ かとえみさんが、ツイートしたよ。『きのうふぐおいしかった……』」 将来、もしかしたらこのロボットが、勝手にいろんなところへ行ってしまうかもしれませんし、あなたの会社に訪問してくるかもしれません。今の世の中、誰でも手に入る部品でこんなものが作れてしまうようです。 これは、止めなければいけない。 まったく仕組みがわからないのですが、自分の身を自分で守るためにも、基幹として使われている「Raspberry Pi（以下：ラズベリーパイ、ラズパイ）」というマイコンボードをいじり、「ラズパイ」でロボットを作る仕組みを勉強をしていきます！
アプリ開発の基本は“スモールスタート” 開発コストを通常の1/10に抑える方法とは
こんにちは！ メディア事業部マネージャーのたくです。 今、世界的にアプリ市場が急拡大しているようです。 2015年、世界のアプリ市場の収益はアプリ市場は411億ドルでしたが、2016年は24%成長し510億ドルを突破する見込みです。2020年には1,000億ドルを上回ると予想されます。 参照元：App Annie「モバイルマーケティング研究所」 あらゆる業界がアプリ市場に参入しているそうで、今後もしばらくアプリ開発の市場が拡大していく見込みなんだとか。 LIGブログはまだアプリ化していませんが、そろそろ検討しても良いかもしれません。アプリ化することで、いつもLIGブログを見てくださっているロイヤルな読者に新しいサービスを提供できたり、ブログ内の回遊がしやすくできるはずです。 でも、アプリ開発はお金がかかるという話もよく聞きます。それだけのコストに見合う効果が出るのかも半信半疑。 はたして僕
AWSのAmazon Elasticsearch Serviceを使って簡単にElasticsearch環境を作成してみる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアのづやです。 LIGにもオープンソースの検索エンジンElasticsearchを導入したいなぁと思いまして、AWSの公式サービスがリリースされていたのを思い出しました。そこでAWSのElasticsearch環境を作るところまでとりあえず試してみましたので、その紹介をさせていただきます。 「Elasticsearchとはなんだろう？」という方は公式サイトをご確認ください。 AWSのコンパネから設定する まずは各種設定を行っていきます。 ドメイン名の入力 ドメイン名を任意で入力しましょう。 エンドポイントのURLに利用されます。今回は「liginc」にしました。 インタンスの設定 次は設定がいっぱいあります。 インスタンスタイプとインスタンスの数を選びます。1番小さいt2.microを選択しています。 ストレージタイプの設定 次にストレージのタイプです。 インスタンスス
フロントエンドエンジニア、そしてCTOとしての2015年を振り返る | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、CTOの林です。みなさんにとって2015年はどのような年でしたか。記憶に残るような1年でしたでしょうか。 私は今年からCTOとなり、多くのことがこの1年で変化し、それに伴いたくさんの出会いや経験がありました。今日はこの1年間を振り返りながら、CTOになった経緯や来年の取り組みについてお話しさせていただきます。 ※これは「LIGinc Advent Calendar 2015 最終日」の25日目の記事です。 6月にフロントエンドリーダーという立場に加えて、CTOになりました。 さらに組織体制が変わったことにより、Web制作グループ長も兼任となり、最終的には「CTO兼Web制作グループ長兼フロントエンドチームリーダー兼フロントエンドエンジニア」となりました。長い。 CTOになった経緯 2014年4月にフロントエンドチームのリーダーとしてLIGへジョインしてから、職種にとらわれない活
ブラウザ上で画像を加工・編集できるおすすめサイト6選【全部無料】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのはるかです。 資料作成時など、写真やキャプチャをサクッと加工・編集したいとき、ありませんか？ でも、ちょっとしたリサイズ・トリミングやファイルの変換などのために有料のソフトを買うのは気が引けてしまいますよね。 そこで本記事では、知っていると便利な写真加工や画像編集が簡単にできる無料のツールをご紹介します。フリーソフトはもちろん、ブラウザ上でサクッと作業できるものもありますよ！ 【こちらもおすすめ】 ※ 【2021】無料で商用利用可なフリー画像・写真素材サイト12選+2 ※ センスがなくてもそれっぽい！無料インフォグラフィック作成ツール5選 ※ ノンデザイナーのための無料ビジュアルコンテンツ作成ツール9選 ※ 動画挿入でインパクトあるオリジナル資料を作成する方法 デザインの世界に飛び込んでみませんか？ デザインツールを使えるようになりたい、クリエイティブな仕事がした
Bootstrap3管理画面用テンプレート5選（デザインが苦手なエンジニア向け） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、tetsuです。 エンジニアでデザインもできる方はいますが、できない方もいるのが現状です。僕自身もできないほうに入るかと……。 ただ、システムを構築する際に、ほぼ作成しなければならないのが管理画面でしょう。デザインができないにも関わらず、管理画面のデザインを考えなければいけない。そんなときには大変ありがたい、Bootstrap3対応の管理画面のデザインテンプレートを提供してくれる方々がいます。 今回はその中から特におすすめのテンプレートを5つ、ご紹介いたします。 ライセンスについて 今回は、以下のライセンスが表記されているものを中心にピックアップしました。 ▼ MIT license 1. このソフトウェアを誰でも無償で無制限に扱って良い。ただし、著作権表示および本許諾表示をソフトウェアのすべての複製または重要な部分に記載しなければならない。 2. 作者または著作権者は、ソフト
さくらVPSにLAMP環境をインストールする方法をまとめてみました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのJackです。 すっかり秋ですね。焼き芋が食べたいです。 さて、本日はさくらVPSにLAMP環境をインストールする方法をご紹介します。普段はディレクション業務をしているのですが、空いた時間にサーバサイドエンジニアの業務もしているんです。 LAMP環境とは、OSにLinux、WebサーバにApache、データベースにMySQL、プログラミング言語にPHPを利用したWebアプリケーションの開発環境のこと。とある案件でさくらVPS上への環境構築が必要になったので、その方法をまとめていきます。 SSHの設定をする デフォルトのさくらVPSですと、公開鍵認証を用いていないため、下記のようにrootでログインができてしまいます。 $ ssh root@hostname これはセキュリティ上、かなり危険ですよね。 秘密鍵と公開鍵を生成する 公開鍵認証に利用する秘密鍵と公開鍵の生
今日から使える！HTML5,CSS3のコーディングメモ7個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 ちょっと前からHTML5.1やCSS4が話題になっていますね。 とはいえ、まだHTML5やCSS3の内容さえ把握できてないよ！という方も多いのではないでしょうか。(´ω｀) そこで今回は、あえてHTML5,CSS3の小ネタを紹介してみたいと思います。 すぐに実務で使えるものばかりなので、ぜひお試しあれ！ HTML5、CSS3のコーディングメモ7個 1. どんなサイズの画像でも固定サイズの枠にいい感じに表示させる方法 imgタグではなく、divなどのタグにインラインでbackground-imageに画像のパスを指定し、background-size: coverを用いることでいい感じの見栄えにすることができます。 メディアサイトやブログサイト、複数人で運用していてルールを統一しづらいプロジェクトなどで有
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
