Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」
Vuestic AdminはVue.jsベースのオープンソースな管理画面テンプレートです。40以上のUIコンポーネントも同梱されています。 コンポーネントを含むレイアウトは完全なレスポンシブ対応となっています。管理画面系のコンテンツによく必要とされるコンポーネントは概ね揃えられているので、1から作るよりはかなり工数を減らせそうです。 細かい部分のサポートの充実 更にVuestic AdminはJSONファイルによる他言語化対応、MEDIUMライクなテキストエディターの搭載など、ユーザーフレンドリーな設計となっています。 細かい部分もサポートしてくれているのは嬉しいですね。これだけ揃っても完全にOSSなのは貴重かもです。 ライセンスはMITとの事です。 Vuestic AdminOn Github
頻繁に使用している便利なお役立ち系ブックマークレット・19個 - かちびと.net
個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送
検索するエンジンやサイトを自由に決定、追加可能なChromeエクステンション・Search Center
以前にも似たようなChromeエクステンション をご紹介しましたが、より使いやすい拡張 がありましたのでシェア。検索したいサイト や使いたい検索エンジンを自分好みに決め られ、追加できるエクステンションです。 基本的に検索可能なサイトならなんでも追加 出来ます。 以前ご紹介したUniversal Searchと機能はまったく同じですが、使い勝手は今日ご紹介するSearch Centerのほうが上でした。というわけで乗り換え。 Universal Searchよりもワンステップ少ないプロセスで検索出来る、という感じ。サジェスチョンも出てくれます。 ショートカットでらくらく検索 Ctrl+Qのショートカットキーも使えます。キーワードをドラッグしてショートカットキーを使えば上画像のように検索ボックスがドロップダウンします。 グループ化も出来る 検索対象のサイトをグループ化出来るので多くなってもゴ
最近よく使ってる、Web制作に役立つWebサービス的なやつ
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
jQuery Mobileを使ったシンプルなHTMLファイルを作成→ダウンロード出来るWebサービス・mobjectify - かちびと.net
なかなか良かったのでご紹介。jQuery Mobileを使ったスマフォ向けのHTML ファイルをオンラインで作成出来る シンプルなWebサービス・mobjectifyで す。直感のみで作成することが出来ま す。ユーザー登録も不要なのはいいですね。 jQuery Mobileのサンプルを自作してダウンロード出来ます。いくつか似たようなサービスがあった気がしますけど・・これはこれで覚えておいて損は無さそうです。 [note]因みに当サイトでもjQuery Mobileのサンプルを配布していますので宜しければどうぞ。[/note] jQueryMobileを使ったHTMLファイルをダウンロード出来るのですが、諸事情でモックアップとして使うしか無さそうですが、ユーザー登録も不要で手軽に使えるので。 以下に使い方を少しご紹介。 Pageを作成 Try Nowをクリックしてスタート。まずはPageをク
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた - かちびと.net
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
HTML5やCSS、jQueryなど、Web制作に関する日本語スライドを集約したSlideFinderが便利っぽい - かちびと.net
結構便利だったのでシェア。Web制作 に関する日本語スライドを集約している フォロワーさん作のWebサービスです。 話題のHTML5やCSS、iPhoneの事や jQueryからPHPやRubyと幅広くサポート してあります。 人気のスライド共有サイト、SlideShareで日本語のスライドのみを集めています。スライドはその場でLightbox風にポップアップして見れます。英語が苦手な方も探す手間が省けるのでは。 @deeekiさん作のWebサービスです。クックパッドのエンジニア向け「第2回 開発コンテスト24」に応募する予定だったようで、数時間で作成されたみたいで見た目はシンプルですね。 カテゴリもHTML5やjQuery、PHPやiPhone、WordPressなど多岐にわたりサポートされていますので全Web屋さん向けと言えそうです。 日本語のスライドのみを集約 集められたスライドは全
YoutubeのAPIとjQueryを使って動画をインクリメンタルサーチする
便利に感じたのでメモ。Youtubeの 動画を検索キーワードを入れただけ で瞬時に結果を表示させる、という、 インクリメンタルサーチをjQueryで 実装するというもの。検索には YoutubeAPIを使用します。 Youtubeの動画検索をWordPressの管理画面内で出来るプラグインを自作して使っていたんですがどうにも使いにくかったところ、jQTubeUtilなるプラグインでサクっとインクリメンタルサーチが可能のようでこれを採用しました。 jQTubeUtil インクリメンタル検索を可能にするjQueryプラグインです。インクリメンタルサーチと言ってもあまり聞きなれないかも知れないのでデモ触ったほうが早いですかね・・ 以下にデモを用意しました。サジェストとして検索結果が即時表示されます。 サンプル +Mobily PlaygroundデモはMobily Playgroundのサンプル
自分の心が疲れた時に、紙に書きだす15の言葉 - かちびと.net
地震やその関連のこともそうですが、ここ1年ほど、個人的に自分の身の回りで色々な事があって、普段あまり気にしない性格なのに少し心が病んでいたと、今になって振り返って実感したのですが、なんとなく思いついたことを紙に書き出すことで少し精神的に安定した気がしました。 元々僕は少し気にし過ぎる面があるので、ちょっとした自己啓発的なものを(依存しない程度に)与えないと不安定になるようです。という訳で、自分の心に効かせる15の安定剤を書いてみるテスト。 自分で思ったことだったり、どこかで見かけた言葉だったり、というものも含まれているかも知れませんが、よく脳裏によぎったり、紙に書き出す言葉です。イメージするだけでなく、紙に書きだす事で自分の心に強く言い聞かせます。 思ったより人は自分を見ていない 昔はコンプレックス（容姿も含めて）が多々有りましたが、ある時、叔父にこう言われて随分楽になりました。「お前、随
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net
自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
