注目の投稿
すべての投稿
株式会社ロジカルスタジオ
NEW
5日前【jQuery】スクロール量はscrollTop()で取得、わかりにくいoffset().topとの違い
二週連続でお送りしております。フロントエンドエンジニアの野手です。jQueryのメソッド、「scrollTop()」というのは難しいですよね。。なんとなくわかってくるとそこまで難しくないのですが、いざ、はじめて触れてみると何か得体の知れない拒否感があります。ウインドウの高さと、、スクロール量が、、x座標とy座標の、、とか言われてもわかりません。あと、似たメソッドに「offset().top」というものもあったりしますので余計にややこしいです。ねえ、それよくわかりませんよ。と肩を叩いてあげたい気分になります。なので、今回は「scrollTop()」メソッドについて分かりやすく解説してみよう...
株式会社ロジカルスタジオ
12日前
乗算などのブレンドモードはCSSの「mix-blend-mode」で解決
はじめまして、ロジカルスタジオでフロントエンドエンジニアをしておりますノテです。早速ですが、この間、調子に乗っていて大ハマりしたことがあります。例えば、このようなデザインデータがあったとして、 「うわあ。background-colorが透けてるように見えるぜ！opacity!opacity!」と言いながらdivにopacityをかけてあげます。ちなみにこの綺麗な盛りつけのサラダは僕が盛りつけたもので、謎に社内で酷評されていましたが、めげずに引っ張り出してきました。それはおいておいて、余裕綽々とdivにopacityをかけてあげた結果がこちら。続きはロジカルスタジオオフィシャルブログから...
株式会社ロジカルスタジオ
16日前
広告バナーの知っておきたい基本ルール〜GDN・YDN〜（vol.01）
今回は、「広告バナーの知っておきたい基本ルール」シリーズということで、市場を伸ばしているインターネット広告のクリエイティブについての基本的なルールや情報をまとめてガッツリガツガツとお伝えしていきたいと思います。インターネット広告におけるクリエイティブのあれこれを知っていきましょう！第一弾は「GDN・YDN」編です！！ちなみに、、この「広告バナーの知っておきたい基本ルール」は、全四弾に渡ってお送りします。ぜひご期待ください！では、早速、説明していきます！【日本の広告市場】唐突ですが、、あなたは日本の広告市場の規模を知っていますでしょうか？日本の広告市場は、大きくマスコミ媒体広告費インターネ...
株式会社ロジカルスタジオ
16日前
【ひとり暮らし歴３ヶ月】家事が面倒すぎるので時短を徹底することにした話
こんにちは！新卒2年目、デザイナーのドラゴンです。先日PR部のノテ部長と、一人暮らしトークに花を咲かせていたところ、春が新生活の季節ということもあり、「ひとり暮らしの記事書いてくださいよ！」との“部長命令”が下りました。記事引用：新卒0年目で部長になった話。ここ最近はコロナウィルスの影響で自宅にいる時間が激増しているということで、この機会に自宅での過ごし方、特に家事の方法を見直すブログを書きたいと思います。私自身ひとり暮らし歴自体は短いですが、それなりに家事を突き詰めてきた自負があるので今回は「ズボラなりに家事を効率的にこなす」方法についてお伝えします。この記事では、仕事に帰ってきてから...
株式会社ロジカルスタジオ
16日前
これからはじめるPWA〜入門編〜
こんにちは。マークアップエンジニアのノテです。早速ですが、最近、注目されている技術『PWA』というものをご存知でしょうか。すっっっごく簡単に言うと、『スマートフォンアプリのようなWebサイトにできる技術』です。ネイティブアプリ特有の「上にシュッと出てくるプッシュ通知」や「ホーム画面へのアイコン追加」などなど。現在のネイティブアプリ特有の機能をWebサイトに追加することができます。というのが、『PWA』です。『プログレッシブ・ウェブ・アプリケーション』です。では、今回は「これからはじめるPWA」の「入門編」ということで、「PWA」を噛み砕いて、わかりやすく解説していきます。【PWAとは？】...
株式会社ロジカルスタジオ
16日前
新卒0年目で部長になった話。
こんにちは。2020年の新卒入社予定のノテです。現在はロジカルスタジオでインターン生として働かせて頂いております。職種は「マークアップエンジニア」です。僕は今まで、機器と対峙するのはゲームのみという、PCとは縁もゆかりもない生活を送ってきたので、入社しても最初の数年は、寿司屋の修行のように下積みに下積みを重ねていくんだろうな、と思いながら、インターン生として入社させて頂きました。しかし、実際のインターンでの業務内容は、実際にがっつりコーディングをやらせて頂いたり、はたまた、動画を作らせて頂いたり、はたまた、ブログの記事を書かせて頂いたり、はたまた、誰かの業務のお手伝いをしたり、わりと、じ...
株式会社ロジカルスタジオ
約1ヶ月前
Zeplinを導入してコーディングの効率UP！ディレクター×デザイナーの連携にも使えます！
こんにちは。ロジカルスタジオPR部です！！コーダーの皆さん、こんなこと思ったことありませんか？。デザインデータから要素の距離が自動で出ないかなって、デザインデータの補足情報を簡単に連携できないかなって。他にも、「アセット書き出し便利だけど全部自動的に書き出してくれないかな」とか、「カラーコード勝手に出てこないかな」とか、しかし、この間、こんなお悩みを解決してくれるツールを見つけてしまいました。。その名も『Zeplin』です。◆『Zeplin』とはZeplinは、マークアップエンジニアとデザイナーの間で連携を円滑にする為のツールです。デザイナーがPhotoshopやAdobeXD、sket...
株式会社ロジカルスタジオ
3ヶ月前
ゆるっとVue.js「明日から使えるVue.jsの話」
こんにちは、ロジカルスタジオPR部です！平均月1回のペースで展開する外部向け勉強会「ゆるっとStudy」、ついに4回目となりました！回を追う毎に、参加枠が満員になるまでの時間がどんどん短くなっているように感じています…！リピーターの方もちらほらいてくださり、たくさんの方に参加いただき、スタッフ一同、感謝の気持ちでいっぱいです！さて、今回のテーマは？第4回目となります今回の「ゆるっとStudy」、今回のテーマは「Vue.js」です！前々回同様、技術を身につけるというよりはVueこんなことをやってみたVueのこんなことについて調べてみたVueはここがすごい！といったことを登壇者が持ち寄り、V...
株式会社ロジカルスタジオ
3ヶ月前
バルセロナ★コワーキングスペース事情
こんにちは！！ロジカルスタジオPR部バルセロナ支部のコーマツです！！バルセロナに来て、最初は家に引きこもって仕事をしていたのですが、やはり人間、誰かと交流したいもの。最近は、コワーキングスペースを利用しています！そこで、今日は！バルセロナのコワーキングスペース事情をお伝えします★【コワーキングスペースの見つけ方】私はいつも、meetupというサイトを使ってコワーキングスペースを見つけています。meetup: meetup.com▼開催日と開催場所をチェックして、参加しやすそうなコワーキングスペースを選びます♪📷meetupでは、コワーキングスペース以外にも、異文化交流会や、デザイン勉強会...
株式会社ロジカルスタジオ
3ヶ月前
Output Study！〜ちょっと変わった勉強会〜「#6 レスポンシブコーディング」
こんにちは！！ロジカルスタジオPR部です！！先日、社内でレスポンシブコーディングについて勉強会が開催された様子をご紹介★勉強会の雰囲気はこんなかんじ！📷会議室が満杯になるのではないかという程の人数です。。！📷コーディングはWeb制作の基礎なので、HTMLコーダーの方はもちろんデザイナーの方やエンジニアの方も大勢参加されているようでした！◾︎はじめに今回はHTMLファイルをCSSでレイアウト通りに構築するということをテーマにしたハンズオン形式の勉強会です。ハンズオン形式なので、聞いて学ぶよりも、実際に手を動かすことで理解がグッ、グググっと深まります。それに加えて、今回はレスポンシブ対応、い...
株式会社ロジカルスタジオ
4ヶ月前
【WordPress】WordPressの記事投稿をサイトTOPに連携する！
こんにちは！ロジカルスタジオPR部です！！さて、今回のテーマは「静的サイトにWordPressのブログ・記事投稿を連携させ、自動更新を実現させる」ということを行っていきます！ロジカルスタジオのオフィシャルサイトは静的ページで作成している為、ブログを更新する度に、手動でTOPページのブログバナーを最新のものに差し替える必要がありました。📷微々たる業務かもしれませんが、塵も積もればなんとやら…自動更新ができるようになれば、社員の時間も割かなくて済む！ってことで、自動更新の導入手順をブログに記しておきます。あと、今回のやり方はPHPを一切使わず、JavaScriptだけで実装可能です！フロント...
