WordPressのテーマを作る羽目になったWebエンジニアへ
はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界
Web制作者はブックマークしておくと便利！ 各UIコンポーネントのさまざまな実装方法のまとめ -The Component Gallery
Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。 コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。 The Component Gallery The Component Galleryの特徴 The Component Galleryの利用方法 各UIコンポーネントのまとめ The Component Galleryの特徴 The Component Galleryには、実際のデザインシステムで使用されているUIコンポーネントがまとめられています。フロントエンドのデベロッパーとして毎日経験する問題を解決するために作成されました。 The Component Gallery コンポーネントや要素に名前を付けるの
React 時代に選ぶ GraphQL - とろろこんぶろぐ
概要 先日新規の Web サービス開発でフロントエンド側の技術選定を行いました。 利用する技術の中で GraphQL を提案した際に、RESTful な API で呼び出す方法と比較して納得感がないという意見があがりました。 そこで、なぜ、どういうときに GraphQL を選定すべきだと思うか、文章にして自分なりにまとめておこうと思います。 前提 構成が BFF か BE かで意見は大きく変わりません。 例えば BFF として利用されるケースでは、バックエンド側には BE チームとマイクロサービス的な API が存在しており、 BFF として GraphQL を配置するようなケースです。GraphQL のリゾルバは API を叩きます。 一方、 BE として利用されるケースとは、リゾルバが直接 DB を叩くような形です。 今回はフロントエンドのチームが管理する BFF として、JS のみで
独自Webアプリや社内ツールが作り放題のオープンソース開発環境「ToolJet」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、さまざまなWebサービスやデータベースと連携して、独自のWebアプリなどを手軽に開発できるサービスをご紹介します！ データソースの連携や画面デザインなどはドラッグ＆ドロップの操作で簡単に構築が可能で、ロジックやイベント処理などもわずかなJavaScriptを利用するだけで開発できるのが特徴です。 オープンソースで開発が進められており、セルフホストすることで大きな制限もなく活用できるのでご興味ある方はぜひ参考にしてください。 【 ToolJet 】 ■「ToolJet」の使い方 それでは、「ToolJet」をどのように使えばいいのか詳しく見ていきましょう！ まずはメールアドレスを入力したら【Create an account】ボタンをクリックして無料のユーザー登録を済ませておきます。 メールアドレス宛にユーザー登録用のリンクが送付されるの
LINE上で動くアプリ開発!? "LIFF"を初心者向けに分かりやすく解説。事例や実装方法も - Workship MAGAZINE(ワークシップマガジン)
『LIFF（LINE Front-end Framework）』とは、LINEが提供している開発者向けサービスのひとつです。2020年現在、多くの企業LINE公式アカウントで利用されています。 国内でも利用者数の多いLINE上にアプリを展開することで、多くのユーザーに直接サービスを提供できるようになりました。今後ますます需要が高まることが予想されます。 そんななか「LIFFを使って何ができるの？」「実際にどんな使われ方をしてるの？」と気になっている方も多いのではないでしょうか。 この記事では、LIFFについて初心者向けに分かりやすく解説するとともに、実際に利用されているサービスの実例や実装方法についてもご紹介します。ぜひLIFFを有効活用してください。 LIFF（LINE Front-end Framework）とは LIFF（LINE Front-end Framework）とは、LIN
1000ページ超の大規模サイトのサイトマップを1分で作成する方法 - DESIGN JOURNAL - 株式会社モンスターラボ
こんにちは、情報アーキテクトの曽です。主に情報設計の部分を担当しています。 A.C.O.ではWebサイトのリニューアル案件を多く取り扱っているため、現状調査の一環として既存サイトのサイトマップ（サイト構造図）を作成するタスクが定期的に発生します。案件によってはサイトの規模が数百〜数千ページにのぼることも多く、手動で一つ一つのリンクを辿りながら作成する方法ではとても間に合いません。そのため、必然的に複数のアプリやツールを使って効率よくサイトマップを作ることになります。 情報設計業務の経験を重ねていく中で、もともと社内で確立されていたサイトマップ作成方法をさらに一歩進化させることに成功したので、今回はその方法をご紹介します。この方法のおかげで、数千ページ級のサイトであっても実作業時間1分足らずでサイトマップを作成できるようになりました。サイトマップ作成に手間取っている方がいたら、ぜひ参考にして
Liquid template language
Safe, customer-facing template language for flexible web apps. Download View on GitHub Liquid is an open-source template language created by Shopify and written in Ruby. It is the backbone of Shopify themes and is used to load dynamic content on storefronts. Liquid has been in production use at Shopify since 2006 and is now used by many other hosted web applications. Used by
Shopify Cheat Sheet — A resource for building Shopify Themes with Liquid
Build your dream business for $1/month Start your free trial, then enjoy 3 months of Shopify for $1/month when you sign up for a monthly Basic or Starter plan. Sign up for a free trial Select a monthly Basic or Starter plan $1/month pricing will be applied at checkout Add products, launch your store, and start selling!
AmazonEC2 上に、Redmine 2.6.5 を構築したメモ - 技術をかじる猫
2017/6/15 : 流石に陳腐化したので AMI は消しました。 AMI 好きに使って 下記で作った AMI を共有しました。好きに使って。 当たり前ですが、バージョンアップとか色々あっても保証しないっすよー ami-4001ac40 メールサーバは立ててないので、ご自分で立てて運用してください。 こいつは何よ？ 普通に入れても発狂したくなる Redmine を Amazon EC2 上に構築したメモ。 教師はこれバージョンはあえて 2.6.5 を入れる。 何で今更こんな古い物を入れるのかってーと、BackLogsが 2.3.1 までしか対応していないのと、2.6.3 で動かしたという記事を見つけたため。 BackLogs は有志で 3.0.x 対応してる臭いが、公式はだんまりしてるので、とりあえず現状は動かせるもので動かそうって腹。 ベースは Amazon Linux AMI 201
数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWebディレクターの日常
なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです
一番簡単なフォントライセンス使用許諾まとめ
標準的デザイナーのための必ず知っておくべき 主要フォントメーカーのフォントライセンスまとめ2015年度版 一番簡単に見れるフォント使用許諾一覧です。 もちろん各メーカー微妙に使用許諾条件・商用利用の約束が違うので 〇△×、表記の項目で分けられない部分もあるのですが この記事ではとにかく早くチェックすることを目的としていますので その点をご理解ください（重大なミスがあればご連絡下さい） また確実にチェックをする場合は必ずメーカーサイトをご覧下さい。 （個人のブログですし、メーカーも変更をよくいたしますので） ・印刷、画像〜印刷物やWeb画像などです。通常の一般用途。 ・ゲーム、アプリ〜ゲームソフトやアプリAppなどを作る ・映像、動画〜映像、動画作品やCMなど ・ロゴ〜ロゴタイプのデザインもしくはロゴマーク ・Webフォント〜webフォントとしての使用・webフォントに近いネットサービス ・
Bootstrapの画面を手軽に作れるツールまとめ
業務システムの画面やWebサービスの管理画面にBootstrapを採用するケースが増えていますが、それでもBootstrapならではの書き方を覚えないといけません。バージョンが上がるごとに書き方が変わるので習得が面倒と感じる人も多いでしょう。 そこで使ってみたいのがBootstrap用のUIビルダーです。ドラッグ&ドロップで画面が設計できれば作成も簡単ですよね。 lollytin beta 1.4 – A yummy HTML5 blockouterer! Bootstrapのデザインをドラッグ&ドロップで作っていくのですが、見た目はデフォルメされています。その分、細かいところにこだわりすぎずにさくさくと作っていくことができます。 Pingendo – web authoring with comfort PingendoはBootstrap専用のオーサリングソフトウェアです。Mac OS
Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ - paiza times
どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScriptライブラリ」を活用しているでしょうか？ Webサイト制作はもちろんのこと、さまざまなWebアプリやサービスなどを開発する時に、大幅な時間短縮やクオリティを飛躍的にアップすることが出来るようになります。 そこで今回は、国内外で人気が高くて誰でも簡単に扱える「JavaScriptライブラリ」を厳選してご紹介しようと思います！ ■多機能な「写真ギャラリー」を組み込めるライブラリ！ ◆1.Viewer.js 複数の画像を表示する際に、オシャレな「ギャラリー風」に変換してくれるライブラリです。 類似のライブラリはいくつか存在しますが、「Viewer.js」は使い方が非常にシンプルで扱いやすいのに、多機能性も備えているスグレモノとなっています。 基本的な使い方としては、HTMLファイルに表示させたい画像を「リスト要素」で指
こんなあんこう鍋みたことない！あん肝マウンテンが凄まじい「月島ほていさん」 - ぐるなび みんなのごはん
こんにちは、ほそいあやです。 冬のイメージといえば、「魚の肝がおいしい」ですよね。 今日はちょっと奮発して、あんこう鍋をいってみましょう。 東京であんこう鍋の名店はいくつかありますが、あん肝好きなら絶対いくべきなのが月島の「ほていさん」だそうです。 予約をとるのも難しいときいていましたが、電話をすると「2週間先までいっぱいです」とのこと。 しかしキャンセルが出たのか翌日の一枠がたまたま空いたので、早々にあんこう鍋にありつけることが決定。 お店に来てみると大賑わい。 このお店は食べ物のメニューはあんこう鍋のコース（一人前7000円）のみなので、全員あんこう鍋を食べています。 若い人が多いような。美食家で知られるアンジャッシュの渡部さんが大プッシュしていたせいかも？ 着席するとまず小鉢、鍋、お刺身が置かれます。 小鉢はもずく酢とごま豆腐。ごま豆腐は甘めなのでデザート代わりになります。少し残して
ベリーキュート Blog » Blog Archive » Webサイトのアクセス数増加と必要メモリ
Webサイトのアクセス数が増加するのは単純に嬉しいものです。 商用サイトなら売り上げに関わってきますのである程度の認知度とアクセス数は必要不可欠と言えます。 アフェリエイト目的（広告収入目的）のサイトは特にアクセス数増加が収入に比例してくるので何が何でも増やしたいところでしょう。 ところで、Webサイトのアクセス数と、それに耐えうるサーバーのスペックについて、一般の方々はどれくらいの認識を持っているでしょうか？ 大抵の人は、とても夢見がちです。 よくあるレンタルサーバー（専用サーバーじゃなく、root権限のないサーバー、他のユーザーと同居の共用サーバー）を使用していて、「あなたのホームページはサーバーに負荷をかけるから」ということで上位プランへ変更のお願いや、やんわりと出て行ってくれるように勧告を受けた人が、次にVPSや専用サーバーに移るとき、10万ページビューとか、ゆくゆくは100万ペー
今風になった！Web制作で使える最近のjQueryプラグインまとめ
作成：2014/10/14 更新：2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動き １．ジオメトリック 背景 ２．フルスクリーンでスライドさせる ３．ドロアー風ライトボックス ４．動画を再生するタイプ３つ スクロール ５．スクロールでクロスフェード ６．スクロールで奥行きを表現 ７．スクロールで分割 画像 ８．APNG ９．Google 画像検索風ライトボックス １０．トイカメラ風のフィルター ポップアップ １１．おしゃれなアラート １２．
Web業界からEC業界に行ってブチ当たった、皆が教えてくれない「EC業界の見えない壁」の正体を、もやっと掴めました！ - 永上裕之のネタ帳
皆さん、あけましておめでとうございます！永上裕之です。 2015年は、引き続きメンズファッションプラスと非モテ＋の運営を頑張っていきたいと思います。 2014年はweb業界とEC業界の違いを実感 昨年1年を振り返ると、2012年に始めたメンズファッションプラスの「EC業界」としての壁にぶち当たった1年でした。 先月、私は28歳になりましたが、私は中学生から25歳までは主にコミュニティサイトやニュースサイト等を運営してきました。私は、こういうサービス運営のノウハウを「webサービス系ノウハウ」と呼んでいます。 メンズファッションプラスを始めた時は、この「webサービス系ノウハウ」で、「どこまでEC業界で通用するのかなぁ。」というのは正直興味がありました。 そして現在、メンズファッションプラスを始め2年半ほど経ちました。１年目はサービス立ち上げでやることに追われる年でしたが、２年目というのは昨
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webチートシート for エンジニア
harold-spm.com
これを無断使用しちゃっていいの？ブログのアイキャッチ探しがはかどる高クオリティーCC0写真サイトまとめ
