株式会社ロジカルスタジオ

僕は我慢できずちゃっかりコタツdeぬくぬくライフ、解禁しています。一度入ると出られない魔性の空間。そこでホットチョコタピオカを味わいながらゆっくりNetflixを見て・・る場合じゃなぁーーーーーーーーーーーーい！！！！日々制作に携わる者として、『つくる』側に回らねば！！ということで、実はロジカルスタジオでは先日社内でAfter Effects（以下AE）のハンズオン講座が開催されました！企画・講師を務めてくださったのは弊社ロジカルスタジオのAE鉄人ことノテさんです！よろしくお願いします！！ というわけで今回はロジカル社員たちが悪戦苦闘しつつも1本の動画を作っていく様子をご紹介していこう...

10月某日。ロジカルスタジオ大会議室アドリアでは、机が並べられ、スクリーンがセットされ、着々と準備が進められており……そして10時30分、ロジカルスタジオ初！オンライン内定者懇親会が行われました～～～～！！！ドンドン！ぱふぱふ！📷📷私たち会社でマスクしてるから誰が喋ってるか分かり辛くない？との問題点もクイズ番組の回答者のごとく、パソコンの背に名札を貼ることで解決。ホワイトボードに歓迎のお絵描きもしてさあ開始！物理的な距離はあれど、心の距離は密を目指して始めていきます。実はなんと、海外から参戦してくれている方も。まずはロジカルスタジオ社員側からの自己紹介から。自称クールのケンティが仕切っ...

はじめまして、ぷくぷくです。ロジカルスタジオという、大阪にあるWEB制作会社のWEBディレクターとして働いています。前職では、全く異なる業種の会社で働いていました。未経験の私が、一人前のWEBディレクターになるべく、現在どうやって勉強しているのか、お伝えしたいと思います。１．自己紹介改めまして、ぷくぷくと申します。ロジカルスタジオという大阪の本町にあるWEB制作会社で、WEBディレクターとして働いております。好きなものは、「かつ丼」です。ロジカルスタジオでは、社員になると似顔絵をプレゼントしていただけるのですが、私の似顔絵の横には、大好きな「かつ丼」を描いてもらいました。 とっても美化...

題材ロジカルスタジオのロゴはこちら。Three.jsやReact Three Fiberはまだそんなに触ったことはありませんが、キューブの組み合わせなのでなんとかなりそうです。📷Next.jsとReact Three FiberについてNext.jsはReactをベースにしたフレームワークです。Reactは公式サイトにも書かれてる通りUI構築のためのライブラリなので、ルーティングやSSR、SSG、その他もろもろやりたいことは自分で環境を作る必要がありますが、Next.jsはそれらの機能が備わっています。また、next/imageのImageタグを使うだけで、閲覧デバイスによる画像リサイ...

実はこの度、弊社が中途採用業務に活用させていただいている、若手IT/Web系経験者採用に強いGreenさんのキャンペーンで、キャンペーン期間内の中途採用1名につき2万円分、ロジカルスタジオは期間内に2名の採用を行ったため、合計4万円分の「ジェフグルメカード」をいただきました！こちらは主に中途入社社員への歓迎会実施費用としての側面が強く、新しく仲間に加わるメンバーと、積極的に理解を深め合うことが趣旨のキャンペーンとなっています。ですが我々ロジカルスタジオ、まぁ何かと普通ではありません。ただ普通にお店に行って、無難な話をするだけの歓迎会にはしたくない！なにかこう、突飛な、殻を破ったような歓...

作字とは「印刷で、必要とする活字がないときに、既存の活字の部分を合成したり削ったりして新しい活字を作ること。また、その作った活字。パソコンなどで、内蔵・登録されていない字体を作ることにもいう。」つまり、既存の文字を加工したりして新しい文字作っちゃおうぜ、ということです。この作字という文化がここ数年でデザイナーの間でとても活発になってきた印象があります。僕はTwitterで色々なクリエイターさんをフォローしているのですが、デザイナーもそうでない方も作字を投稿されている方がたくさんいらっしゃって、日々刺激をもらってます。今回は普段お仕事では使用しないような、趣味全開の作字に挑戦してみました...

https://www.wantedly.com/companies/logical-studio/post_articles/346661今回は麻雀ではなくJavaScriptでCSSアニメーションの完了後にイベント処理を行う方法をご紹介します。イベントの種類CSSのイベントにはtransition とanimationの2種類が存在します。名前の通りなのですが、transitionの完了を検知するにはtransitionendanimationの完了を検知するにはanimationendを使用します。実際のJavaScriptの記述はこんな感じです。const element = ...

https://liginc.co.jp/555599 https://liginc.co.jp/ https://liginc.co.jp/565364 LIG取材陣がご来社しゅこっ！📷 取材開始しゅこっ！ ※あすにゃんは割といつもバキバキです。 3F執務室に突入しゅこっ！ タピオカドリンクの材料達。めちゃくちゃ手間がかかっています…！ 麻雀開始しゅこ…！ 取材裏の麻雀3人娘卓球開始しゅこ！ 最後に記念撮影しゅこ！ 取材を受けてみて、どうだったしゅこ？ T.K（つっちー） https://logical-studio.com/deve...

はじめにある日急に集計を依頼されたものの、元のデータがフリーテキストで困ったエンジニアの話をします。ロジカルスタジオでは独自の日報システムを使用しています。その日報を入力する際、作業種別をプルダウンから選ぶようになっています。ある程度の種別を用意しているものの、どうしても「その他」という選択肢も必要になります。「その他」の内容として入力されたフリーテキストから、どういった内容が「その他」として登録されているのか集計するというのが目的になります。フリーテキストなので助詞や接続詞などで表記が揺れて集計しずらい為、NLPライブラリを利用して集計しやすいようにします。茶番が長いので本編までSK...

日常から少しだけはみ出せる唯一の場所、銭湯。浴場を通して各々が社会と曖昧な関係となり、つかの間の極楽を得る。公共空間でありながら、時間の流れは自分だけのもの。裸一貫、ワンコインで、あなたとわたしの境目である湯へ目指す。 風にあてられながら歩いて帰るのが楽しみになり、明らかに季節の変わり目を感じる頃、気づけば少し前に越してきたはずの場所が自宅としての役割を纏い始めた。素敵新居だと思っていた住処は、ため息と酔いを吐き出す場所にフォルムチェンジしている。少し前まで冷蔵庫すらなく、汚くなりようがないと思っていた殺風景な空間に、デザインが可愛くて飾っていたレトルトカレーのパッケージや、季節外れのラ...

13時、ロジカルスタジオではお昼の時間ですね。そんなお昼時に私は今、アドリア（大会議室）に来ています。今、ここではなんと麻雀大会が開催されております。 こちら、ロジカルスタジオ社が保有する雀卓です。実はロジカルスタジオは社内で雀卓を持っているWEB制作会社なんですよね。麻雀、楽しいですよね。社内で麻雀ができる会社ってそうそうないですよね～。ところでこのブログって採用面を強化するために書いてるんですけど、麻雀好きにはもう十分なんじゃないかな。ということで、社内で麻雀がしたい人はここをクリック！https://www.wantedly.com/projects/418546うそです、終わ...

今回は、Webの開発現場で使われている、WebアプリとWebサイトを調査してきました。大まかな内容として、以下の３つの項目でご紹介していきたいと思います！・生成系Webアプリ・整形系Webアプリ・デザイナーおすすめWebサイト生成系Webアプリ【パスワード生成（パスワード作成）ツール】 最初にご紹介するのはパスワードをカスタムして、生成できるWebアプリです。このWebアプリが便利な点は、「任意の文字数で作成」「記号なしで作成」といったパスワードをカスタムできるところにあります。業務ではパスワードを設定することが頻繁にあるので、このアプリでよくパスワード生成しています！パスワード生成（...

📷ロジカルスタジオでも、動くものを作ることが最近増えました。動画制作や、ちょくちょく3Dも弊社では取り扱うことがあります。最近では当たり前になってますが、WEBでのアニメーションもですね。先日、社内で、コーポレートサイトのローディング画面に「モーションロゴ」をつけてみようという試みのもと、モーションロゴ社内コンペがおこなわれました。私も、動画に関しては撮影の編集とかコンテしか作ったことないけど、満を辞して参加です。今回も、その制作過程を備忘録として書いていきます。早速、なんとかなるだろう精神のもと、ダウンロードしたまま起こすことのなかったAfter Effectsを起こしました。おはよう...

まだまだ暑いこの季節、新卒の方はいよいよ新しい会社に慣れてきたかな？という時期ではないでしょうか。弊社ロジカルスタジオにも新卒の子が７人も入ってきてくれています。しかし、入社式の自己紹介で知れるものといえば、名前、趣味、地元くらい…そんなとき、お酒を共にすれば、あんなことやこんなことも知れて、仲良くなりやすいもの。さて、今年の頭ぐらいに、私には新卒の子以外にも「名前くらいしか知らないが、仲良くなりたい」という方がいました。そして、ディレクターに根回しをしつつ、仲良くなる機会を伺っておりました。そんなある日のこと… そう、私が仲良くなりたい方の名前はReactといい、Vue.js、Ang...

いきなりですがWeb制作の現場で飛び交うUI要素の名前について、皆さんはパッと出てくるでしょうか・・？もちろん言葉を尽くせばメンバーにも説明はできるんです・・でもパーツ名がパッと出てこなかったり、人によって名前の呼び方がまちまちだったり・・個人的にはかなり苦手意識があり、関係各所からも「いい加減覚えろよ！」と怒られてしまいそうです。これはいけない。なので今回は、そんなWEB制作の現場でよく用いるUI要素の名称や働きについてまとめます。UIとはそもそもUIとは、ユーザーインターフェイス（User Interface）の略称です。一般的にはユーザ（利用者）が製品やサービスを扱うときに操作す...