JavaScript初心者にもオススメ！クリーンなコードでHTMLを拡張する「Stimulus」とは？
HTMLやCSSは得意だけれど、JavaScriptは苦手…という方は、多いのではないでしょうか。HTMLやCSSは書き方がある程度統一されていますが、JavaScriptは数えきれないフレームワークやライブラリがあるので、どれを使えばいいのか迷ってしまいます。 そのような方にこそおすすめしたいのが、StimulusというJavaScriptライブラリです。 今回は、*クリーンなコードでHTMLを拡張する「Stimulus」*の概要や基本的な操作方法を紹介します。初心者でも比較的簡単に扱えるので、ぜひ利用してみてはいかがでしょうか。 Stimulusとは？ Stimulusは、世界的なプロジェクトマネジメントツールBasecamp(旧37シグナルズ)を開発しているメンバーによって開発されているフレームワークです。 JavaScriptはフレームワークだけでも、Angular.JSやReac
サイトリニューアルにおけるUXの考え方と4つのプロセス
タスク・プロジェクト管理ツール「Jooto」の責任者の下田祐介です。2018年7月18日にサービスを刷新しました。ひとつのSaaSがどのようにしてリニューアルしたのか、そのプロセスと手法の全貌をお伝えします。 これからWebサービスをリニューアルしようとしている方にとって少しでも参考になればと思い、今回ferretに寄稿することにしました。 簡単に紹介をすると、Jootoはかんばん方式のタスク管理ツールです。ユーザー数は10万人を突破していましたが、よりスタートアップらしい成長を遂げるために、2017年9月20日にPR TIMESに事業譲渡し、すぐにリニューアルプロジェクトが始まりました。以下時系列にそのプロセスを紹介します。 リニューアルを決めた理由 調査フェーズ 分析フェーズ 情報設計フェーズ デザインフェーズ この記事で紹介するJootoのリニューアル事例をもとに、自社サービスのリニ
軽量なのに強力！jQueryそっくりなJavaScriptライブラリ「Umbrella」とは？
オープンソースのjQueryライブラリはWeb開発の現場において何年もの間不動の地位についていました。 JavaScriptのことを深く理解していなくとも、オブジェクト指向で分かりやすい構文、豊富な外部プラグイン、加えてAjaxなどの非同期通信も簡単に扱うことができたのが、その人気の理由です。 JavaScriptを用いた開発現場ではいまもなお人気のjQueryですが、ここに来て新たなJavaScriptライブラリが注目を集めています。 それが、Umbrellaです。 UmbrellaはjQueryと同様に完全オープンソースで、jQueryと同じく要素セレクタを扱うことができたり、DOM操作ができたり、Ajaxリクエストを行うことができます。 また、UmbrellaはjQueryと若干異なる文法や関数の呼び出し方を採用していますが、基本的に残りの部分はほとんどjQueryと一緒です。 それ
5年間のランディングページ制作で行き着いた鉄板の構成と7つのポイント
こんにちは。株式会社FREE WEB HOPEの代表取締役社長 相原 祐樹です。Webマーケティングは、やるべき事や覚えなきゃならないことが沢山あります。何か調べ物をしようとした時に情報が抽象的だったり、概念的だったりと最終的には調べることに疲れてしまった……なんて経験はありませんか？ 僕はいつも思っていました。 「考え方やマインドセットはいいからやり方を教えほしい」ということを。 そこで、もう自分でWebマーケティングで中小企業がやるべき事を時系列でわかるようにまとめてしまおう思い、「中小企業が今すぐ出来る 実践！WEBマーケティング大全（全116ページ！）」を執筆しました。 実際に僕の会社が設立から4000万/1億/3億/5億(たった8人で)と毎年伸び続けてこられたWebマーケティングに関する5年分の情報を全て整理して分かりやすく解説しています。 本記事では、その中から弊社の得意とする
アプリ開発者必見！無料で開発用素材がダウンロードできるサイト32選
アプリ開発を行う際には、キャラクター素材はもちろん、背景、BGMといった様々な素材が必要となります。 特にゲームアプリにおいてはちょっとした効果音も含め多くの素材を使用します。 全てを一からデザインするという手もありますが、最近では数多くのフリー素材を無償公開しているホームページも多数存在しますので、利用しない手はありません。 今回は、アプリ開発で使えそうなフリー素材を配布中のホームページをまとめてご紹介します。 キャラクター素材から、音楽素材までジャンルごとにピックアップしておりますので、アプリ開発用の素材を探しているという方はぜひ参考にしてみてください。 アイコン素材を配布しているホームページ 1.Google Material Icon http://google.github.io/material-design-icons/ Googleのマテリアルデザイン向けのアイコン素材をダ
インフォグラフィックとは？視覚で情報を伝える技術を理解しよう
この記事は2016年9月1日に更新しました。 突然ですが、皆さんはインフォグラフィックという言葉を聞いたことはありますか？ インフォグラフィックとは情報を視覚的に表現した資料を指し、ここ数年、多用する企業が増えています。 インフォグラフィックが多用される背景には、世の中に流通している情報量が多くなり、ひと目で言いたいことが分かるように工夫された「インフォグラフィック」に対する需要が高まったことがあるでしょう。インフォグラフィックは基本的にイラストや図形と数字から成り立っているものがほとんどです。 言語がわからなくてもある程度意味を理解できるのでクオリティの高いものは世界的に広がりやすい傾向にあります。 今回は、インフォグラフィックの基礎知識から、実際に自分で作るときに使える無料の作成ツールの紹介、そして実際に大手企業などの事例を紹介します。 プレゼン資料作成やホームページ掲載用の画像作成な
年商1億円超えネットショップの売上データを大公開｜ferret
ferret編集部：2014年12月24日に公開された記事を再編集しています。 弊社ベーシックで運営する「デザインスマホケースのネットショップphocase（フォケース）」の売上やアクセス数までサイトデータを赤裸々に公開します。 ネットショップ運営者だけでなく、ホームページ運営者にとって有益な情報となるよう下記に記載します。 【訂正】文中に問題のある画像を掲載しておりましたので削除いたしました。ご指摘いただきありがとうございました。 そもそも、phocaseをはじめたきっかけ 先ほどの採用ページにも記載しているように、はじめたきっかけは、 「なぜ、普段使いできるオシャレなケースがないの？」から始まっています。 当時のスマホアクセサリー市場は約700億円（内半数がケース）の今後期待の市場だったにも関わらず、世に出ている商品のほとんどが画一的なデザインやキャラクターものか、高価なブランド物ばか
SEOに大きな影響を与えたGoogleの主なアップデートまとめ
ferret編集部：2014年12月9日に公開された記事を再編集しています。 GoogleのSEOアップデートと言えばペンギンアップデート、パンダアップデートが有名ですが、実は検索順位に大きく影響するアップデートは他にも複数あります。 それぞれのアップデートをしっかり理解し、現状の検索エンジンの精度を把握しておきましょう。 今回は、SEOを行う上で確実に知っておくべきアップデートをご紹介します。 GoogleのSEOアップデートの歴史 2000年9月 検索サービス開始 2010年6月 インデックスシステム「カフェイン」導入 Googleはウェブページをクローリングし、インデキシングすることで検索結果に表示していますが、このスピードを大幅に速めるためにインデックスシステムの再構築を行いました。 2011年12月 「フレッシュネスアップデート」導入 新鮮でタイムリーなコンテンツを上位表示させる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
