どうも、まさとらん（@0310lan）です！ 今回は、ドラッグ＆ドロップで誰でも簡単にWebサイトを製作できるサービスのご紹介です！ そのままでもWebオーサリングツールとして大変便利なのですが、JavaScriptで好きなようにカスタマイズしてオリジナルのエディタを開発＆公開できるという面白い特徴があります。 現在、オープンソースとして活発に開発が進められているので、ぜひこの機会にみなさんも試してみてください！ 【 GrapesJS 】 ■「GrapesJS」の使い方！ それでは「GrapesJS」を使ったWeb製作エディタがどのようなツールなのかを見ていきましょう！ トップページにある「Webpage Demo」というボタンからアクセスすることができます。 登録なども不要で、すぐにブラウザ上で「エディタ」が表示されます。 この画面上で、自分の好きなようにWebサイトを製作することができ

今回は、ブログ運営をするのにおすすめしたいWordPressテーマを紹介します。 私自身、WordPressのテーマを開発しており、ある程度テーマには精通しています。 今回紹介するテーマは、全て利用した上でおすすめをしています。 ブログ向けのWordPressテーマをお探しの方は是非参考にしてください。 テーマは有料と無料どちらがおすすめ？ テーマには有料のものと無料のものがあります。 無料のテーマはお金がかからないというメリットがある反面、デザインと機能を両立させたものがほとんどありません。 デザインにこだわりがない、機能さえよければ良いのであれば、無料でも問題はありませんが、デザインにもこだわりたいのであれば有料がおすすめです。 また、無料テーマは更新が止まってしまうことも多いです。 現在頻繁に更新されている有名な無料テーマは、「Cocoon」くらいで、他は更新が止まっています。 長く

Site will be available soon. Thank you for your patience!

Bootstrap 4.0のテンプレートやコンポーネントのデザインを確認しながら、定義されている変数を簡単にカスタマイズできるオンラインツールを紹介します。 BootstrapでWebサイトやブログを作成する時に、BootstrapのUIコンポーネントを利用する時に、Bootstrapのテーマを作成する時に、便利なオープンソースの無料ツールです。 Bootstrap Magic Bootstrap Magic -GitHub Bootstrap Magicの特徴 Bootstrap Magicの使い方 Bootstrap Magicの特徴 Bootstrap 4.0対応 最新のBootstrap 4.0のすべてのテンプレート・コンポーネントに対応しています。 Sass対応 BootstrapはSassにも対応しているので、Bootstrap　Magicでも同様にSassの変数が利用できます

YouTubeなどの動画投稿サイトにムービーを投稿したいと思ったことがある人は少なくないでしょうが、同時に「ムービーを編集するのって難しそうだな……」と考えて結局やらなかったという人も多いはず。そんな動画投稿に興味がある初心者でも簡単に扱え、しかも無料で使えるオープンソースの動画編集ソフト「OpenShot Video Editor」を使ってみました。 OpenShot Video Editor | Free, Open, and Award-Winning Video Editor for Linux, Mac, and Windows! http://www.openshot.org/ ◆ダウンロードとインストール まずは「OpenShot Video Editor」の公式ページから最新版をダウンロードします。「Download v2.4.1」をクリック。 「OpenShot Vide

Microsoft PowerPointやGoogle スライドで作成するスライドはプレゼンテーションの資料作成で欠かせないツール。しかし、スライドの作成や操作ができても、自分で作ったスライドのデザイン性に、物足りなさを感じている人も多いはず。そんな悩みの手助けになり、作成時間の短縮になるサイトが「SlidesPPT」です。デザイン性の高いスライドのテンプレートがそろっており、無料で使用できます。 SlidesPPT - Powerpoint & Google Slides templates for presentations https://slidesppt.com/ 「SlidesPPT」は、グラフィックデザイナー兼システムアドミニストレータのMatt氏が運営しており、15種類以上のプレゼンテーション用スライドテンプレートが提供されています。テンプレートがどんなものなのかはトップペ

自分の訪問履歴を記録する「foursquare」 私が長年愛用しているウェブサービスに「foursquare（フォースクエア）」というサービスがあります。 Singapore 食べ物、ナイトライフ、エンターテイメント Foursquare ではお友達との外出にぴったりのスポットを検索できます。近くの食べ物、夜遊びや娯楽のトップスポットを見てみましょう。 このウェブサービスは、自分が訪れた場所をアプリ内で検索し、そこに「チェックイン（来たよ！という記録）」をすることで、様々なサービスを受けられる、というもの。 周辺のスポットを検索したり、SNSで繋がった友人のチェックイン履歴を見たり、そのスポットの口コミを見たりと、いろいろできます。ただ、シンプルに「自分が訪れた場所をチェックインしまくる」というだけでも、かなり楽しいウェブサービスです。 チェックインする方法 iPhoneアプリ「Swarm

最大2000人の購読者に対して、月間1万2000通までのメールマガジンを無料で配信できるクラウドアプリケーションが「MailChimp」です。同サービスは購読者の登録と管理を行う専用ツールやHTMLメールの作成支援機能、課金管理システムなどを備えており、ウェブブラウザ上で簡単な作業をするだけでオリジナルのメールマガジンを配信することが可能となっています。 Email Marketing and Email List Manager | MailChimp http://mailchimp.com/ 「MailChimp」のサイトにアクセスして「Singn Up Free」をクリック。 「Email」などの必要事項を入力して、「Create My Account」をクリック。 登録したアドレスに以下のようなメールが届くので、「activate your account」をクリックしてアカウン

こんにちは、ブログ主のまっつん（Twitter: @kiki_brero）です。中国復旦大学でジャーナリズムとメディアビジネスを学び、帰国後は中国ITのリサーチをしています。 今回は、先日中国IT勉強会で共有した中国のニュースアプリToutiaoの解説スライドを共有します。Toutiaoについて恐らく一番よくまとまった日本語ソースだと思うので、ご参考ください。 詳しく知りたい方はTwitterの方に連絡してくださればお答えいたしますので是非。 （後半のメディア大比較については追々ブログにアップします）

これからWeb制作に関する仕事に就こうと考えている方の中には、具体的にどのような業務を行うのか調べている段階という方もいるはずです。Web制作の現場では、Webデザイナー、コーダー、エンジニア、Webディレクターなど様々な職種のメンバーが連携を行うのが一般的です。 Web制作の現場においてメンバー間での業務を円滑に進めるために、自身がどういった職種に就くのか関係なく、それぞれ分野ごとの業務への理解を深める必要があります。 とはいえ、全ての業務の知見を短期間で身につけるのは難しいでしょう。そこで活用できるのが、「SlideShare」です。 今回は、SlideShareから、Web制作現場でのノウハウや実務を進める上でのポイントが学べるスライドをまとめました。 Web制作現場でのノウハウや実務のポイントが学べるスライド11選 1.イマドキWebメディアの制作手法 Webメディアはコンテンツ内

Case: Looping Selfies アメリカン・トラディショナル・スタイルの代表格として人気のアパレルブランド・Brooks Brothersが発売している、メリノウール Ｖネックセーター。自宅で洗濯が可能で、滑らかな風合いを持つこのセーターのユニークなプロモーションをご紹介します。 まずは以下のクリエイティブをご覧ください。 静止しているモデルの持つ本のページがパラパラとめくれたり、部屋の中を羊が横切ったりしているのは、画像の一部にだけ動きを取り入れた“シネマグラフ”という技法。何とも不思議な感覚で、思わず見入ってしまいますね。 この広告を制作したのは、ニューヨーク在住で、写真家・インスタグラマーとして活動するMike Melliaさん(ちなみにモデルも彼が務めています)。普段からブルックス・ブラザーズのセーターを愛用しており、今回のオファーを受けた時、すぐに様々なアイディアが頭

日本未発売のガジェットを海外通販サイトから買う際に便利な個人輸入代行。 お得に使うには、商品以外にかかるコストをなるべくおさえたいところです。 そこで、アメリカからの個人輸入の場合でどのサービスが最安値になるかまとめました。 個人輸入代行サービスを選ぶときの参考になればと思います。 個人輸入代行とは？転送サービスとの違い個人輸入代行とは、海外通販サイトでの商品購入〜自宅配送までまるごと代行してくれるサービスです。 輸入～自宅配送のみを代行する「転送サービス」と違い、購入時の出品者とのやりとりまで代行してくれます。 サービスのカバー範囲が広いぶん手数料もかかりますが、英語でのやりとりやトラブル対応も任せられるのは嬉しいポイント。 ebayなど個人出品者と密なやりとりが必要なサイトと特に相性がいいです。 個人輸入代行でかかる主なコスト個人輸入代行で、商品代金以外にかかる主なコスト項目は以下の7

海外旅行での食事はどうしてますか？ ガイドブックを参考にしたり知人に聞いたり、或いはふらっとお店に入ったり。 色々あると思いますが、行きたいレストランが混んでいて入れなかった、ってないですか？ せっかく来たのに2時間待ちとか、事前に英語での予約の面倒だし。 そんな時に役に立つのが海外レストランの予約サイト『グルヤク』です。 日本語で世界中で1万軒を超えるレストランの予約が可能です。 行きたい有名レストランがある、そんな時にぜひ活用してみてください！ 海外レストランの予約はグルヤクが便利！ 運営企業について 予約可能都市 予約方法 店舗情報 グアム・プロア（タモン店）で実際に利用してみました まとめ 関連記事 海外レストランの予約はグルヤクが便利！ 運営企業について グルヤクの運営企業は株式会社昭文社です。 旅行ガイドブックや地図を販売、旅行ガイドブックはまっぷるやことりっぷが有名です。この

2024.0915更新 チラシの効果は論より証拠 いきなりですが皆さん、次の①両面チラシと②片面チラシの２つを見比べて頂けますでしょうか。どちらも同じ美容院さまのチラシです（画像はあえて粗くしてあります）。 2024.0915更新 ①業者に委託したチラシの表面 ①業者に委託したチラシの裏面 ②自作の手書きチラシ この２つのチラシ、どちらが効果があったと思われますか？ ①の業者に委託したチラシは１２５００枚印刷し、業者によるデザイン費とポスティング費用を含めてチラシ作成にかかった全経費は２０～３０万円だったそうです。このチラシでの新規来店数は５名。もちろん大赤字ですよね(^-^; ②の見よう見まねで初めて作った手書きチラシは、５０００枚印刷し、チラシ印刷代１３０００円とポスティング代行業者費２１０００円の計３４０００円。このチラシを見て来店した新規来店数は１３名で、新規売上１２１０００円を達

Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

サイドバーをスクロールに合わせて、ぴたっとくっつける快適に動作する超軽量スクリプトを紹介します。 コンテンツが長い・短い場合はもちろん、サイドバーが長くてビューポートをはみ出す場合にも期待通り完璧に対応します。スクリプトは単体で動作し、jQueryのプラグインとして動作させることも可能です。 スクロール時にすべてのサイズを計算するのではなく、必要なサイズだけを再計算。 スクロール時のラグやジャンクを発生せず、リフローを起こさずにスムーズに動作。 サイドバーとコンテナのサイズが変更された時は、それらのサイズを正確に再計算。 特定の状況下でフックするために、イベントトリガーを用意。 コンテナが長くても短くてもサイドバーを扱うことができます。 他のスクリプトへの依存はなく動作。 jQueryやZeptoのプラグインとして利用することも可能。 実装はスーバー簡単！ Sticky Sidebarのデ

修正になんでも応えてくれるデザイナーさんが上司からの「チーズ感が足りない」というダメ出しに全力で応えてくれた結果…ミルクシーフードヌードルの広告がこのような形になりました！ https://t.co/0T7aFfBXtN