Anycloud Inc.COO ex-SAGOJO Inc. COO マーケのコンサル→プログラミング独学して起業。 プログラミング、データ分析、デジタルマーケディングなどが得意。 学校講師、プロボクサーもたまに。
Barba.jsとは 今回は、シームレスなページ遷移を実現できる「Barba.js」について書きたいと思います。 Barba.jsとは、 XMLHttpRequestによる非同期通信処理を行い、現在閲覧しているページ以外からも情報を取得することが可能なajax。 閲覧履歴を操作するpush state API。 この二つを利用したpjax。 そして、さらにそれに動きを付けてインタラクティブな画面遷移を可能するのがBarba.jsです。 Barba.js公式ページ http://barbajs.org/ アプリのような動きをしたWebサイトを作ることができて、なおかつUXも高めることができるという優れものなのです! メリットとデメリット とても楽しく便利なものなので、どんなサイトも使ったらいいじゃないか! 確かにその通りなのですが、ライブラリにはデメリットは付きもの。しっかりと良し悪しを把握
たぶん1000回くらいは言われてきているがいまだに絶滅しないので、もう1回言う。ファイル名でもソースコード上の変数でもCSSのセレクタでもなんでもいいけど、相対的なネーミングはやめよう。 Safe Harbor Statement この投稿は個人の(中略)であり、所属する組織とは関係ありません。 なぜ相対的なネーミングをしてはいけないか 名前をつけた人の主観が入り込むため 時間が経つにつれ名前が実態と乖離し混乱を招くため 実装に無駄な制約をかけるため なぜ相対的なネーミングがなくならないか なにが相対的なネーミングなのか理解していないため じゃないかな多分。 避けるべき語 というわけで相対的なネーミングを回避するための禁止ワードのうち代表的なものをあげておきます。 new, 新, latest, 最新, old, 旧 など これらの時系列を表す語は、比較対象がないと新なのか旧なのかわかりま
日本のオンライン海賊版の歴史をふり返ると、時代時代にさまざまなトレンドがあった。Warezに始まりNapster、WinMX、Winny、Share、BitTorrentなどのP2Pファイル共有、YouTubeやニコニコ動画などのストリーミングプラットフォーム、そしてMegauploadやRapidshare、Rapidgator、Uploadedなどのサイバーロッカーへ。 日本でも昨年10月にリンクサイト「はるか夢の址」の運営者や投稿者が摘発され、サイバーロッカーへの注目(というか圧力)が高まっている。ただ、海賊版の世界を観察していると、サイバーロッカー型の海賊版はすでに過去のものになりつつある。たとえば、サイバーロッカー自体の人気は2012年のMegauploadの閉鎖前後にピークアウトし、根強い人気のBitTorrentですら下降の一途を辿っている。 Rapidshare、Megau
WordPressを使ってブログサイトやホームページを作成しているひとは多いかもしれません。しかし、もしあなたにプログラミングの知識が多少なりともあって、SEO上も有利にしたいのであれば、静的サイトジェネレーターを使ってみるのはいかがでしょうか。 静的サイトジェネレーターを使えば、データベースが不要になり、一般的にページの読み込み速度も上がるとされています。汎用的に使えるものからシンプルに使えるものまで幅広く存在するので、用途にあったものが選べます。 そこで今回は、2018年に注目の静的サイトジェネレーターを、概要を中心にご紹介していきます。 サンプルコードなどは、参考として挙げているページをご覧ください。 静的サイトジェネレーターとは? 静的サイトジェネレーターとは、Markdownなどで書かれたファイルをもとに、静的なコンテンツのテンプレートだけでビルドを行いサイトを作成するためのWe
ビジネス系のサイトをはじめ、ランディングページ、ポートフォリオ、もちろん個人ブログにもぴったりなイラストのSVG素材が無料でダウンロードできるサイトを紹介します。 シンプルでセンスのあるイラストが揃っており、しかもクレジット表記不要の太っ腹ライセンスなので、使い勝手がよいと思います。 unDraw unDrawの特徴 イラストのSVG素材 素材のダウンロード unDrawの特徴 unDrawではランディングページ、スマホアプリ、プロダクトなどで利用できるイラストのSVG素材が無料でダウンロードできます。 イラストのフォーマットは、SVGと透過PNG イラストのテーマカラーは変更可能 MITライセンスで、使用時のクレジット表記は不要 テーマカラーの変更は、オンラインで簡単にできます。SVGだけでなく、PNGにも対応しています。
「わたしが知らないスゴ本は、きっとあなたが読んでいる」の中の人、Dainと申します。古今東西のスゴ本(凄い本)を探しまくり読みまくってます。今回は、過去読んだ本の中でも「これ、もっと早く読みたかった!」というスゴ本をご紹介しよう。 人生を何十年もやっていると、さまざまなハードルに出くわすことになる。それは、人間関係のトラブルだったり、仕事や結婚生活に立ちはだかる問題だったりする。解決するために、それなりの準備が必要で、時間がかかり、そもそも全貌を捉えるのにも一苦労するやつ。 人生が用意するハードルを越えたり潜ったりするため、先人の知恵を借りるべく、さまざまな本を読んできた。たいていは、試行錯誤と苦労の連続でしのいで、ずっと後になって、知りたかった一冊にたどりつく。これを最初に読んでおけば、あんなに苦労しなくても済んだのに、もっと上手く対応できたのに! そんな、「あのときの私に読ませたい本」
「わたしが知らないスゴ本は、きっとあなたが読んでいる」の中の人、Dainと申します。 今回はお金で買うことのできる一生モノの自己投資になる本をご紹介したい。 現金や不動産、貴金属からビットコインまで、財産は盗られたり目減りしたりする恐れがある。だが、頭の中の財産は、誰も奪うことができない。すなわち、知や教養は、いったん頭に蓄えたら、一生涯あなたのものとなるのだ。 ここでは、あなたの知となり教養となる入口として、お薦めの本を選んでみよう。とはいっても、ただ選ぶだけでは面白くない。だから、日本の知を担う大学の最高峰、東京大学に務める教師が選んだ「アンケート・東大教師が新入生にすすめる本」から、合計1万円で買えるものをピックアップした。 「アンケート・東大教師が新入生にすすめる本」*1では、東京大学で毎年春に行われる新入生のためのブックガイドとして、エンタメから啓蒙書まで多種多様な本が紹介されて
どうも、まさとらん(@0310lan)です! 今回は、基本的なJavaScriptプログラミングが出来るようになった人向けに、さらなるステップアップを目指せる「YouTubeチャンネル」を厳選してまとめてみました! 海外のプログラミング系YouTube動画は、有料でもおかしくない「質」の高さと豊富なコンテンツ量に魅力があり、確実にレベルアップが期待できるのでぜひ参考にしてみてください。 ■JavaScriptの勘所を勉強できるYouTubeチャンネル! 【 Fun Fun Function 】 プログラミング動画とは思えない超ハイテンションなノリで、JavaScriptを学ぶうえで欠かせない勘所を分かりやすく教えてくれるのがコチラのチャンネル! 「Spotify」の開発にも携わっていたというプログラマーの彼は、得意のJavaScript言語を分かりやすく伝えることに情熱を注いでおり、それは
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです! ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP
当サイトでは、毎月新しく公開されたフリーフォントをまとめて紹介しています。その中でも日本語、和文フォントは特に人気の高い素材ですが、英字フォントに比べて量が少ないこともあり、理想のスタイルが見つからないということもしばしば。 今回は、無料ダウンロードできる最新の日本語フリーフォント35個を厳選してご紹介します。さまざまなデザインに活用できる万能スタイルから、手書きやポップなデザインまで幅広く揃います。見逃しているフォントがないかチェックし、今後のデザイン制作に役立ててみましょう。 日本語フリーフォント、これだけは持っておきたい厳選22個まとめ 商用可!日本語フリーフォント、かわいいデザインコレクション厳選83個まとめ デザイナーが確認しておきたい、最新の日本語フリーフォントまとめ【2017年保存版】 廻想体 森川龍文堂カナモジ活字のカタカナを参考に制作を開始したフォント。漢字や記号を含んだ
HTMLの無料テンプレートのほとんどは単一ページのみですが、今回紹介するのはなんと、サイトの主要ページまるごと無料テンプレートとして、しかもデザインファイルやフォントファイルまでもまとめてダウンロードできるMashup Templateを紹介します。 時間がないときに、予算がないときに、さくっと作成できるテンプレートです。 また、最近のトレンドを採用したさまざまなコンポーネントが用意されているので、デザインやコードの引き出しとして、勉強にもいいですね。 Mashup Template Mashup Templateの特徴 複数ページとコンポーネントが含まれたテンプレート 単一ページのテンプレート素材が多いですが、Mashup Templateはサイトやブログで使われる複数のページとコンポーネントが用意されています。 カスタマイズが簡単 そのまま使ってもよいですが、コンポーネントが用意されて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く