イノベーション エンジニアブログ


株式会社イノベーションのエンジニアたちの技術系ブログです。ITトレンド・List Finderの開発をベースに、業務外での技術研究などもブログとして発信していってます!


このエントリーをはてなブックマークに追加

Tag: A-M-I


  1. Googlebotのアクセス数を数えてモバイルファーストインデックスに備える

    お疲れ様です、AMIです。 我々SREチームでは、ハンサム風マーケター男子のMさんからの依頼で Googlebotのアクセス数を数えてマーケのチームのお伝えするという業務を行っており、 このたび、自動化しましたのでそちらを紹介させていただきます! モバイルファーストインデックス(MFI)って? そもそも、モバイルファーストインデックスとは、Googleでの検索結果の表示順を決めるのに、 モバイル用のページを優先的に見て、判断するよーという内容みたいです。 ただ、全てのWebサイトに対して一斉に一律モバイルファーストインデックスを適用するのではなく、 準備が完了したWebサイトから順番に適用していく、ということらしいのです。 Googleウェブマスター向け公式ブログ:https://webm…

    AMI, MobileFirstIndex, MFI, shellscript

  2. GASで業務効率化 ~スプレッドシートからGoogleドキュメントを作成する~

    こんにちは、亜美です。 会社で一二を争うハンサム風男子である、Mさんからこんなご相談をいただきました ・タスクをスプレッドシートで一覧化し、管理している ・一つずつ内容をコピペしながら、作業用のGoogleドキュメントを作成している ・非常にしんどいからこういうやつをつくってほしい 図 ①スプレッドシートの変更点を取得 ②Googleドキュメントを作成し、スプレッドシートから取得した内容を書き込む ③作成したGoogleドキュメントのURLを取得 ④スプレッドシートにURLを書き込む イメージ 担当者が入力されたのをきっかけに、ドキュメントが生成されるようなイメージです コードの全体像は以下です function createDocumentForWork() { //スプレッドシート…

    GAS, GoogleAppsScript, GoogleDocument, Spreadsheet, AMI

  3. swiftで電卓アプリをつくる

    会社のみんなでXcodeによるアプリ開発を勉強しており、 簡易電卓アプリを作成したので発表します 作ったもの 開発環境 Xcode 9 Swift 4 条件 ・入力画面と結果画面がある ・計算するで結果画面に ・もう一度で入力画面に戻る ・戻ると入力画面が空になる ・途中でアプリを閉じてもテキストフィールドに数字が保存されている プロジェクトを作成したら、以下の流れで作成をしてきます。 ①画面を作る ②入力画面側の処理を作る ③結果画面側の処理を作る ④2つのページを繋ぐ処理を作る ①画面を作る 以下のような配置にします 数値部分はキーボードで入力し、演算子はボタンで選択するしようにします。 ②入力画面側の処理を作る 各テキストフィールドを紐付けます @IBOutlet weak var…

    Xcode, Swift, iOS, AMI

  4. ワンクリックで総務に発注できる便利ボタンを作った

    亜美です。情シスにミッション変更となり、早4ヶ月強となりました。 コーディングをすることが少なくなり、少し寂しい気持ちもあります・・・。 そんな寂しい気分を払拭するため、忙しい業務の合間に「ご褒美タスク」を挟んで息抜きをしています。  ※  業務改善のGASや、Salesforceのカスタムボタン(ボタン押したらJSが動くみたいなやつ)の改善など、  私の中の好きな業務を「ご褒美タスク」と呼んでいます 今日はそのご褒美タスクに関するブログを書きます ワンクリックで総務に社内発注できる便利なボタンを作りたい ■概要 GoogleAppsScript(GAS)で作成。 スプレッドシート内のオブジェクトをクリックすると、総務宛に発注依頼のSlackが飛ぶ スプレッドシートに発注履歴が記録される…

    AMI, GoogleAppsScript, GAS, slackBot

  5. zapier(ザピエル)でGoogleフォームの内容をTrelloに登録してみた

    こんにちは、亜美です 久しぶりにブログを書きます! Zapierという便利なツールを使ってみたので、紹介します。 Zapier(ザピエル)とは システムとシステムを、簡単に連携させることができるツールです。 Gmail、Trello、Slackなど、多様なツール同士を連携させることが可能です。 無料でも利用することができます。 今回は、Googleフォームにお問い合わせすると、Trelloにタスクが追加されるというのをやってみました! まずはZapierにアカウントを登録し、システム検索画面に行きます https://zapier.com/app/explore こちらの画面で、Zapierが対応可能なシステムを一覧で見ることができます。 ここからGoogleフォームとTrelloを選択し…

    AMI, Zapier, Trello, Google Form

  6. CSSでアコーディオンメニューを実装

    こんにちは、亜美です。 一ヶ月ぶりにブログを書きます。 CSSでaccordionメニューを作りました! 完成品 <!DCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <style> .menu { width: 320px; margin: 0 auto; } .menu a { display: block; paddin…

    AMI, HTML, CSS, accordionMenu

  7. 梅雨なのでCSS画像切り替え3種

    梅雨ですね。AMIです。 魔が差して書いてみました。よければご覧ください。 ホバーすると鋭くKTNさん HTML <!DCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <style> div.img { width: 394px; height: 425px; background: url(josei.png) no-repeat; } div.img:h…

    HTML, CSS, AMI

  8. お客様用インターネットの設定をした時のメモ

    AMIです 先日、会社にお客様用Wi-Fiが利用できるように設定をしました。 弊社のネットワーク魔術師であるKTN先生※を講師に 小柳津くんと一緒に、ネットワークの基礎から教えていただいたので、その時のことを忘れないようにメモします。 ※KTN先生の前回の記事:http://tech.innovation.co.jp/2017/04/13/Suffer-Fortigate-V-L-A-N.html ■現状を知る まずは現在使われている機器の紹介 ・UTM :FortiGate80C  社内のLANをWANに繋いでくれるやつ ・L2スイッチ  OSI参照モデルの、Layer2の原理を使って情報を振り分ける機器  LANケーブルを刺す穴を増やしてくれたりする ・アクセスポイント :ゼブラ AP…

    Network, Wi-Fi, AMI

  9. CSSの三角形でいろいろ作る

    こんにちはAMIです 最近、CSSで三角形を作る方法を覚えたので、三角形を使って幾つか作ってみようと思います。 borderの一辺を使って、三角形を作ります 三角形の作り方の流れは以下のとおりです。 ・四角形にborderを設定する ・4辺をそれぞれ違う色に設定するとこんなふうになっているので ・四角形のwidthとheightを0にして ・bottom以外の辺を透明にすると、三角形の完成! HTML <div class="sample"></div> CSS .sample { width: 0px; height: 0px; border: 50px solid; border-color: transparent; b…

    CSS, triangle, AMI

  10. 空間に絵を描ける夢の3Dペンをいただいたので使ってみた

    こんにちは! 先日誕生日を迎え3Dペンをいただき、夢膨らんでおります、AMIです。 3Dペンとは、熱したプラスチックをペン先から絞り出し、 冷まして固めることで空間に絵を描けるという夢のペンです。 色々試しに使ってみたいと思います。 3Dペンについて 使うのはこの3つです ペン本体 電気のコード プラスチックフィラメント(インク) ペンは電源をさしながら使います。 ペンが温まったらインクをセットし、▽ボタンを押します。 すると! インクが出てきた! とりあえず何か作ってみる 3Dペン処女作「テーブル」 まっすぐ線を引くのも難しい・・・ 人形 弊社で提供しているリストファインダーというツールの マスコットキャラクター、リストくん! 手の震えによる絶妙なタッチ・・ 人相も変わってしまった・・!…

    3Dpen, AMI