カテゴリー: コーディング

アルテガの平尾です。 アルテガではフリーランス or 業務委託のフロントエンドエンジニアさんの募集を開始しました。 めでたしめでたし! 具体的には下記のような技術スタックをお持ちの方がいらっしゃいましたらご連絡ください。… 続きを読む 業務委託のフロントエンドエンジニアさん募集します

おばんです、アルテガエンジニアのはるきちです。 私はWeb制作会社でエンジニアとして働いていますが、細かい指示がないとアニメーションを実装できない自分に不安を感じて、徹底的に学ぶために『100日間アニメーション探求』とい… 続きを読む アニメーション探求を100日間やってみた【Notion公開】

弊社では2023年現在、制作しているサイトの7割以上が多言語サイトへの対応となっています。 多言語サイトとは、それぞれの異なる言語のページをあらかじめ準備したサイトのこと。 自動翻訳とは少し違って、あらかじめ人の手を介し… 続きを読む 多言語サイトが増えたら。自動翻訳機能を使って翻訳の手間を削減

アルテガメンバーの尾崎です。 Shopifyのテーマは、LiquidというShopifyがオープンソースで開発しているテンプレート言語で構築されています。 そのため、独自のルールを持っており、色々な文法やオブジェクトが存… 続きを読む [Shopify]自作テンプレート開発者向けの基礎知識

アルテガメンバーの尾崎です。 去年の暮れより、Shopifyを活用したお仕事に関わらせていただいており、オリジナルテーマ公開までの手順や、作業の中で躓いた点などまとめておこうと思います。 制作したサイトはこちら。 クライ… 続きを読む [Shopify]独自ドメインの設定方法

アルテガメンバーの尾崎です。 去年の暮れより、Shopifyを活用したお仕事に関わらせていただいており、オリジナルテーマ公開までの手順や、作業の中で躓いた点などまとめておこうと思います。制作したサイトはこちら。 目次 は… 続きを読む [Shopify]ローカルに開発環境を構築する(mac OS版)

WebPのジェネレーターをまとめました。 モダンな開発では一般的になりつつあるWebP。 WebPは新しい画像の保存形式です。 JPEG 画像のよりも三分の二以下になり、圧縮だけでは限界を感じていた、ファイル容量問題に終… 続きを読む WebPで画像圧縮！便利なジェネレーターまとめ

去年のまとめ記事を集めてくれてるのってとてもありがたいですよね。 PHOTOSHOP VIPで取り上げられてたCodePenのソースコードでとても使えそうなものをここに備忘録として置いておこうと思います。 今すぐ使いたい… 続きを読む 2020年のCodepen で今すぐ使えそうなインタラクションがまとめられてた

webデザイナーの平尾です。 最近NoCodeがクリエイター界隈を賑わせています。 NoCodeとはプログラミングの知識がなくても、ブラウザからの操作だけでプロダクトが作れると言ったものです。 でも、実際にweb制作会社… 続きを読む NoCodeツール色々調べてみた【NoCodeまとめ】

webデザイナーの平尾です。最近新しいツールにできるだけたくさん触れています。 少し前にShopifyの感想を書いていましたが、今回はwebflowを初めて使ってみた感想をまとめます。 webflowはコードを書かなくて… 続きを読む 【webflow入門】ノーコードを初めて使ってみた

メガドロップダウンメニューを今度コーポレートサイトで使う予定です。 だから今のうちに作っておこう。 コピペして使えるようにしたので、こちらをお使いください。 目次 jqueryでメガドロップダウンメニューを作ろう使ったj… 続きを読む jqueryでメガドロップダウンメニューを作ろう

webデザイナーの平尾誠です。 最近はvue.jsを学習しています。 そこでVue.jsを始めるために役立った記事を、これから始める人のために備忘録としてまとめておきたいと思います。 何から学習していいかわからない イン… 続きを読む vue.jsの学習で役立った記事にありがとうを言いたい

Webデザイナーの平尾誠です。 例えばヘッダーとかフッターは全ページ共通のパーツだったりしませんか？ たくさんのページで使われる同じソースコードは、コンポーネント化してインクルードしましょう。 PHPを使いますが、理解し… 続きを読む PHPがわからなくてもオッケー。HTMLをPHPにして共通パーツを外部読み込みする。

Webデザイナーの平尾誠です。 現在CSSを書いている人は、SCSS に記法を変えるだけでCSSの記述が極端に減りますよ。 SCSS は一言で言うと、CSSの記法です。 よく使うSCSS の記法は限られています。 調べれ… 続きを読む SCSSの使い方を初心者用にまとめた

Webデザイナーの平尾誠です。 表題の通りweb系プログラミングの歩き方をまとめています。 この記事は筋肉質な勉強法を否定するものです。 あらかじめご了承ください。 僕はもともとオリジナルの家具を作る家具の施工会社にいま… 続きを読む Web系プログラミングを独学で継続したければ脱線しよう

Webデザイナーの平尾誠です。 最近アップデートしたポートフォリオが評判が良くて驚いています。 本当にありがとうございます。 さて、僕は最近MENTAというサービスを使い、Webサイト制作初学者へ向けたメンターをしていま… 続きを読む Web系エンジニアのスキルチェックシートを作ったよ

Webデザイナーの平尾誠です。 Wordpress5.0にアップデートしたら、想像以上に使いにくい。 30分くらい使っていれば慣れるだろうと思っていました。 でも理解した上で、やっぱり使いにくいので戻しました。 快適。 … 続きを読む WordPressの投稿作成画面を昔のエディタに戻す

Webデザイナーの平尾誠です。 今日は汎用的なテキストアニメーションを集めました。 テキストの現れ方が魅力的だと印象はグッとよくなります。 また、引きつけたいものに目線を導くことも可能です。 ほとんどのものはJquery… 続きを読む 魅力的なCSS/javascript のテキストアニメーションまとめ

Webデザイナーの平尾誠です。 PC表示の際に、マウスポインターを利用してユーザーの体験を新しくするサイトが増えています。 ユーザーの体験をよりリッチに表現してくれます。 こんな感じですね。 自分もポートフォリオで実装し… 続きを読む マウスカーソルを利用したマウスストーカー好例まとめ

これ以上ないんじゃないかってくらい簡単で便利なJsのプラグインを発見！ スマホで見たら傾けたときに、ふわふわっと傾きます。 これは携帯に内蔵されているジャイロセンサーを使用したものです。 PCで見たときはカーソルに追従す… 続きを読む お手軽なスマホでジャイロを用いたparallax.js

制作現場では決まって時間がない。 だから決まって使うソースコードは使いまわしたいですよね。 コピペで使える便利なコードを、役割別にまとめました。 今後もどんどん追加していくので、ブックマークとしておくと困った時に役に立つ… 続きを読む 【jquery】ユーザビリティをよくするサンプルコードまとめ

今年のエイプリルフールは休日です。 休みの日に出社しなくてもいいように、特定の時間が来たら表示して、終わったら消す。 そんなソースコードを紹介します。 時限式で実装できるのでとてもおすすめです。 <section … 続きを読む 特定の時間で表示を変更する時限式javascript

テキストにとてもインパクトを与えることができるJavascriptを発見しました。 その名もBlotter.jsです。 読み込んでテキスト打ち替えておしまい。超簡単。 Blotter.jsをダウンロード 公式サイトはこち… 続きを読む テキストにインパクトを与えるBlotter.jsをこれから多用しそうな予感