Linux上でWebアプリケーションを組む場合、面倒になるのがコンテンツのアップロードだ Sambaを利用することによって、直接ファイルが編集できるようになるので、そのあたりがかなり楽になるファイアウオールに穴を開ける(GCEを使用している場合) パッケージのインストール サービスの起動と有効化 Samba用ユーザの作成 確認 書き込みアクセスの許可
無料で利用できるMyDNSのサービスを利用して、サーバにドメイン名をつける方法を解説するMyDNSの利点は、動的IPでもドメイン名とIPアドレスを関連付けられることだ AdSenseを利用しようと思っている場合、MyDNSの無料ドメインでは審査が通らないので独自ドメインが必要となる独自ドメインを安く取得したい場合は一年目の価格が安いお名前.comをおすすめする取得した独自ドメインをMyDNSに持ち込むことも可能だダイナミックDNSとは ユーザ登録 利用するドメインの設定 通知コマンド 自動通知
WSL+Ubuntuではaptで一通りのパッケージをインストールすることが出来ます。もちろんnginxもすんなり入ります。インストールと起動 動作確認 自動起動の設定 手動の起動/停止用BATファイル Windowsの一般領域をコンテンツ置き場にする
WSL(Windows Subsystem for Linux)はWindows10(1709)以降に搭載されたLinux用のSubsytemです。これを利用することによってLinuxのプログラムをWindows上で動作させることが可能です。WSLと仮想環境の違い Ubuntuを入れた場合のネイティブLinuxとの相違点 用途に関して
rootにパスワードをつける root権限を得る AppArmorの無効化 swap領域の作成 タイムゾーンの設定
この項目はサーバ上のPHPプログラムをVisualStudioCodeでデバッグする方法に関しての説明となる 前提条件としてnginx、php-fpm、php-xdebug、sambaの設定が完了している必要がある また、sshのポートフォワードを利用するため、クライアントとしてRLoginを前提に説明するxdebugを有効にする VisualStudioCodeの設定 RLoginでのポートフォワード設定 デバッグの開始
PHPを利用するに当たってApacheであればモジュールとして内部に組み込むことができる一方nginxはphp-fpmを別に起動して連携する方式となるphp-fpmのインストール(PHP7.3) php-fpmの起動と有効化 php-fpmにnginxと連携するための設定を行う nginxからphp-fpmに接続するための設定 確認
インストールと起動 設定ファイルなど 動作確認 トップページの内容変更
VirtualHostとはドメイン名によって、コンテンツを切り替える機能である 前項目のMyDNSの設定が終わっていることを前提に設定を行っていくVirtualHost用コンテンツを用意する nginxの設定 ブラウザで確認
この項目はサーバ上のPHPプログラムをVCodeでデバッグする方法に関しての説明である 前提条件としてnginx、php-fpm、php-xdebug、sambaの設定が完了している必要がある また、sshのポートフォワードを利用するため、クライアントとしてRLoginを前提に説明するxdebugを有効にする VSCodeの設定 RLoginでのポートフォワード設定 デバッグの開始
前提条件としてGoogleのGCP(GCE)環境下でのUbuntu(対象18.10)のサーバ構築方法をまとめていくちなみにCentOS7とUbuntuを比較すると、ランタイムやアプリのデフォルトのバージョンがUbuntuの方が新しいものを使用しているできるだけ新しいものを利用したいと考えるならUbuntuをおすすめするちなみに真に新しいものに飛びつきたいのならFedoraが一番だが、飛び抜けすぎていてGCPにはパッケージが提供されていないおそらく危ないからサーバで使うなということなのだろう
Webコンテンツに対するアクセスを行う場合使われるプロトコルはhttpかhttpsである。httpsは暗号化されているため、セキュリティ面で使用が推奨されている。 ただしhttpsを使うためには、認証局(CA)に証明書を登録しなければならない。有料のCAを使うと年間に数万円の費用が発生する。これを無料で行ってくれるのがLet's Encryptである。 Let's Encryptで発行した証明書は、ドメインに関する操作権限は確認するものの、発行先の身元の証明は一切無い。ドメイン所有者との通信を保証することだけが目的となる。必要なものをインストールする VirtualHostのデータを削除 証明書の作成 VirtualHostの設定 証明書の定期更新 nginxでLets'sEncryptのアクセスだけhttpsにリダイレクトしない設定
rootにパスワードをつける root権限を得る SELinuxの無効化 swap領域の作成 入れておいた方がいいもののインストール タイムゾーンの設定
主にGCE環境下での各種サービスの設定方法など
CentOSとUbuntuの違いのメモ コマンドメモ
[300円/月]Google Compute Engine格安VPSサーバ構築
低価格で高性能サーバ、そんな夢を叶える方法を紹介しますGoogleのVPSサービス GCEの特殊な料金 プリエンプティブで安くなる金額 プリエンプティブサーバのアンデッド化 再起動頻度 話題に上らない格安GCE
ここでは使えそうなテクニックを記載していく予定定期スナップショット用スクリプト GCEのブートディクスを縮小する 中華バリア 中華バリア2
無料で利用できるMyDNSのサービスを利用して、サーバにドメイン名をつける方法を解説するMyDNSの利点は、動的IPでもドメイン名とIPアドレスを関連付けられることだ AdSenseを利用しようと思っている場合、MyDNSの無料ドメインでは審査が通らないので独自ドメインが必要となる独自ドメインを安く取得したい場合は一年目の価格が安いお名前.comをおすすめする取得した独自ドメインをMyDNSに持ち込むことも可能だダイナミックDNSとは ユーザ登録 利用するドメインの設定 通知コマンド 自動通知
GCEのコンソールまでたどり着く インスタンスの作成 インスタンス始動！ ssh接続 RLoginの設定 ここまで出来たらsudoだけ覚えて帰って
GCPとGCE GCEのトライアル
このサイトに関して このサイトが収集する個人データに関して アフィリエイトの関して
システム構成 SPA(Single Page Application) お問い合わせフォーム
一昔前はWebサーバと言えばApacheだったが、軽量で高速に動作するサービスが求められnginxが利用されることが増えている ここではnginxの基本的な設定方法を紹介する
モードに関して 必要頻度の高いコマンド バックグラウンドに関して 不正終了
・ファイルの末尾を表示 tail ファイル名・ディレクトリの作成 mkdir ディレクトリ名・ディレクトリの削除 rmdir ディレクトリ名 rm -r ディレクトリ名・ファイル内容の表示 cat ファイル名・ファイル内容を終端部分のみ表示 tail ファイル名・ファイルリストの表示 ls・ファイルリストの詳細表示 ls -l・ファイルリストの隠しファイルの表示 ls -a・カレントディレクトリの表示 pwd・カレントディレクトリの移動 cd ディレクトリ名・テキストファイルの編集(細かい使い方はviエディタの使い方を参照) vi ファイル名・ファイルの削除(削除するかどうか聞いてきた場合はyを入力すること) rm ファイル名・ファイル名の変更/移動 mv 移動元 移動先・ファイルのコピー cp コピー元 コピー先・管理者権限の取得 su -・属性の変更 chmod 属性 ファイル名 属性 a:全て u:所有者 g:グループ o:その他 +:追加 -:削除 r:読み込み w:書き込み x:実行 例 chmod o+w file.txt・所有者の変更 chown ユーザID:グループID ファイル名 -R 下の階層すべて 例 chown -R x13g000:x13g000 ファイル/ディレクトリ名・サービスの起動/停止等 systemctl アクション サービス名 アクション start(開始) stop(停止) reload(更新) restart(再起動) 例 systemctl start network・サービスの自動起動設定 systemctl アクション サービス名 設定 enable/disable 例 systemctl enable network ・パッケージのインストール yum -y install パッケージ名・IPアドレスの表示 ip a・再起動reboot・シャットダウンpoweroffhalt
今回のネタは最速でPHPのテスト環境を作ることである。テスト環境といっても、本番に近い環境であることが望ましいのは当然である。今回はコピペすればあっという間に環境構築が終わるという流れでやっていきたい ローカル環境でテストするとの違い、サーバでテストするのはデプロイが面倒くさいと思う人もいるかもしれない。しかしファイル共有を有効にするので、デプロイなんて作業は存在しないコピペで作るPHPテスト環境 構築する環境 さあ、コピペの始まりだ！ 何が起こったのか？ 穴を開ける 動作確認 まとめ デバッグしてみる
Google Compute Engine (GCE) 入門
Googleの提供するVPSの使い方の解説
VPS(Google系)やLinux(CentOSやUbuntu)などのサーバ構築系情報
実動作 https://javascript-windowframework.github.io/jwf_sample01/dist/ソースhttps://github.com/JavaScript-WindowFramework/jwf_sample01/Sample001 Sample002 Sample003 Sample004 Sample005
CUIでファイルやディレクトリを扱う上で最低限必要な知識を確認するディレクトリの種類 ディレクトリの確認 ファイルの確認 絶対パスと相対パス 相対指定
基本コマンドとviエディタの使い方は覚えておこう
Linux上でWebアプリケーションを組む場合、面倒になるのがコンテンツのアップロードだ Sambaを利用することによって、直接ファイルが編集できるようになるので、そのあたりがかなり楽になるファイアウオールに穴を開ける(GCEを使用している場合) パッケージのインストール サービスの起動と有効化 Samba用ユーザの作成 Sambaの設定 確認 書き込みアクセスの許可
Node.jsが入っていることが前提ですビルドまでの手順 プログラムを書き換えてみる
JWF(JavaScript-Window-Framework)
JavaScript(TypeScript)で仮想ウインドウシステムを実現します単純なフレームウインドウの他にListViewやTreeViewの機能も実装済みですこのサイトもこれで開発していますnpmで公開中ですnpmによるインストール ソースコード
WebシステムをJavaScriptで構築する際、絶対に知っておくべきCSSはノードの位置指定がに関してである。逆に、細々した装飾などは、システムを動かす上では無くても全く困らないのだ そういった理由から、ここでは配置のためのCSSを紹介するタグに関して セレクター CSS基本中の基本
動作させるまで
ディレクトリ構成 初期設定ファイル トップページテンプレート バックエンド:テスト用サンプルモジュール フロントエンド:テスト用サンプル
バックエンド系のAMFとフロントエンド系のJWFを作っています。その二つで作ったのがこのサイトです。
プログラミング言語やアプリケーションサーバ系の内容
まずはボックスを表示するためのプログラムを作成する。位置やサイズを指定し、目的の場所へ表示させる プログラムから座標データを扱う場合、styleにpx単位で位置情報を指定する。面倒なのがstyleに入っているデータが文字列として扱われることだ。計算するためには常に数値に変換する必要がある この手間をなくすのであれば、別の場所に座標に関するデータを記憶しておくという方法がある。今回はプログラムを単純にするため、値はそのままstyleの中のものを用いるここで重要となるCSSの項目は以下の三つ・position・left/right・width/height positionに関しては、fixedかabsoluteを使用することになる。バックグラウンドに通常のコンテンツを表示し、その上にウインドウシステムを構築する場合は最上位のウインドウに対してfixedを指定すると都合がいい。逆に特定のコンテンツの一部としてウインドウを活用する場合はabsoluteを指定する。ただしabsokuteによる相対指定は、親コンテンツ事態もfixedやabsoluteの属性を持ち、ボックスの位置が更新されている必要がある。これに関してはJavaScriptのためのCSS入門の内容を確認してほしい。 left/rightは位置を指定するだけなので問題は無いと思う。fixedとabsoluteで位置が絶対か相対かがことなることにだけ注意すること。 width/heightは幅と高さを指定するだけなのだが、やはり注意事項がある。ここでは出てきていないbox-sizing属性だ。基本的にはborder-boxを指定しておけば、面倒な状況にはならずにすむ。出力結果 Test01.html
1．はじめに 2．フロントエンド開発では結局必要になるWebPack 3．バックエンドのTypeScriptをコンパイル済みにすべきかどうか 4．フレームワークのパッケージ化
1．はじめに 2．Node.jsによる完全包囲 3．異世界転移のJavaScriptと自らを縛るTypeScript 4．PHPからNode.jsへの移植作業とその理由 5．Node.jsの特徴 6．非同期地獄と入門と門前 7．TypeScriptと流星 8．必要となる知識 9．次回の予定
Node.jsとTypeScriptによる高速かつ軽量なWebシステム構築
ここのシステムの制作話をまとめて行く予定です。
VisualStudioCode SourceTree Snipping tool draw.io RLogin A5:SQL Mk-2
オブジェクト指向にクラスはいらない オブジェクト指向の重要な要素 機能の明確な分割とそこで発生する問題 意思の力、それがオブジェクト指向だ
セルにフォーマットの適用
プロパティの入出力 排他制御とID生成
GAS側 レイアウト Java側 New
GAS側 Android側の準備 Androidのマニフェストの変更 MainActivity.javaの編集 結果をTextViewに表示する 通信機能の分離
GAS側 Java側
単純なデータ
単純データ 配列
AndroidのUnitTestで作成するコンソールプログラム
AndroidStudioでテストプログラムの作成 Json用ライブラリの組み込み
ここではAndroidアプリからGASを呼び出す方法を紹介します。やり方は二種類あります。・GASを単純にWebサーバとして扱い、JSON形式でデータのやりとり・GASをAPIサーバとして扱い、権限の管理なども同時に行う 前者の方が簡単に作ることが出来ますが、権限の管理などを自分で行う必要があります。後者は利用手順が少々面倒ですが、Googleアカウントによる権限管理が利用できるので、GoogleAPIとの連携がやりやすくなります。
GASはGoogleDriveのアプリケーションとして簡単に追加でき、無料でありながら様々な事が行えるサーバサイドスクリプト環境です。Googleのサービスだけあって、Google系のAPIとの連携が比較的簡単に行える上、作ったプログラムに対して独自のアプリケーションからアクセスすることも可能です。 これ一つ覚えれば、何らかのアプリケーションからデータを共有したい場合など、わざわざ独自のサーバを立てる必要がなくなります。
ログ出力 ログとフォーマット ループによる出力 if文
スクリプトの作成 プロジェクト名の設定 コードの入力 実行方法
データをまとめて出力 データをまとめて出力2 データをまとめて取得 合計の計算 データの検索 データの検索 修正
GASを扱う場合、SpreadSheetをDBのかわりに活用すると効率的です。 ここではSpreadSheetを簡単に扱うためのコードを紹介します。操作用ファンクション スプレッドシートの操作 データの追加 JSON文字列として出力
共通変数 ID処理 データ追加処理 データ追加テスト データの削除 データ削除テスト WEBアプリケーション化
フロントエンドでTypeScriptを利用するための環境構築(非モジュールバンドラ版)
フロントエンド開発にTypeScriptを用いようと思っても、最初に何をすれば良いのか分かり辛いため、意外に高いハードルがあるのが現状です。 開発であらゆる便利機能を利用し、フル装備の環境を作るならWebPackのようなモジュールバンドラを使用することになりますが、設定内容や必要とするプラグインの情報量が多すぎて、最初からそれをやると大量の死人を出すことになります。 ここではJavaScriptからTypeScriptに移行する過程で、余計な機能などを一切入れず、コンパイラのみで行う最低限の設定内容を紹介します。
Node.js自体のインストールに関しては、サーバ構築系のCentOSとUbuntuの項目を参照してください。Windowsに関してはこのサイトで解説しなくても、VSCodeとNode.jsのインストールプログラムを実行するだけなので問題ないと思われます。TypeScriptのインストール
フレームウインドウを表示するサンプルだ。ウインドウの移動の他に、フレームを引っ張ってサイズを変更する部分も含め、重ね合わせも順位の変更も行っている。 今回はタブレットやスマートフォンのタッチパネルのイベントも含んでいる。マウスのイベントとは座標の取り方が違うので注意が必要だ。 極力ソースコードの量を削るため頑張ったものの、それなりのコード量になってしまった。出力結果 Test03.html
マウスのイベントを受け取って、ウインドウの移動処理を行う。マウスをクリックしたときに座標を記憶し、マウスの移動とともにウインドウの座標を変え、マウスが離されたら移動処理を解除する。この処理のため、移動ノードの情報を記憶する共通変数が必要となる。 クリックの処理はウインドウのノードで処理するが、移動と離された場合のイベントはブラウザのクライアント領域全体に対して行う。出力結果 Test02.html
サーバやプログラミングの技術情報
GitHub上にリポジトリの作成 SourceTreeからリモートの設定 ブランチをプッシュ プッシュ、プル、フェッチ
アプリケーション Webサービス
Javaのプログラムを使って、チュートリアル的に利用の仕方を確認するJavaのコードを入力 SouceTreeの操作 追加コミットとソースの巻き戻し ブランチの追加と枝分かれ
PHPについて 言語の種類 サーバとクライアント
WebシステムをJavaScriptで構築する際、絶対に知っておくべきCSSはノードの位置指定がに関してである。逆に、細々した装飾などは、システムを動かす上では無くても全く困らないのだ そういった理由から、ここでは配置のためのCSSを紹介するタグに関して セレクター CSS基本中の基本
Windowsのコマンドプロンプトを確実に出すならWindowsキー+Rを押す。するとMS-DOS時代から引き継がれた黒い背景と白い文字のウインドウが出現する。現在ではMicrosoftはPowerShellを推奨しているが、どうしてそうなったと叫びたくなるような面倒な仕様になっており、いまだこのコマンドプロンプトを対象として動くBATファイルが活躍している。 ということで今回はコマンドプロンプト上で動作させるプログラムに関して紹介していく。公式リファレンス BATファイルの作成 基本的な入出力 制御構文
スタートアップクラス 標準出力 デバッグ
日本語版Eclipseのダウンロード Eclipseの展開 Eclipseの起動 プロジェクトの作成 スタートアップクラスの作成 プログラムの実行 デバッグ ショートカットなど 操作動画
C言語を学ぶにあたって「ポインタが理解できない」という声を聞くことがある。自分の記憶をたどってみると「ポインタが理解できない」と考えたことは一度も無かった。何故なのか、答えは簡単である。C言語をやる前にアセンブラをやっていたからだ。そしてアセンブラをやることによってポインタで必要となるアドレスの概念だけでなく、レジスタやスタックという高水準言語では直接使うことの無い重要な構造を学ぶことが出来るのだ。今回はx86系32bitを前提に話を進めていきたい。アセンブラを使うにはどうしたらいいのか 早速アセンブラに触れてみよう レジスタ(32bitの場合)と型 領域 サンプルから学ぶアセンブラ
select文の実行 テーブルの作成 データの挿入と抽出
正確な情報は公式サイトを参照されたしhttps://www.sqlite.org/datatype3.html基本的なデータ型 データ型と別名 日付の扱い 日付を扱う上での注意事項
ServiceプログラムはUIを持たずに、他のアプリケーションの裏で動作することが前提となります。ただしAndroidのバージョンによっては、組み方によって動作中でもあっさりと停止させられてしまう場合があるので注意が必要です。 完全にUIを使わないと動作状態が分からなくなってしまうので、今回は通知領域を使うサービスを作っていきます。サービスの作成 onBindの書き換え 通知出力用メソッドの作成 開始処理 サービスの起動 サービスの停止 メッセージのやり取り(送信) メッセージのやり取り(受信) おまけ New
Androidのセンサーは、機種によって対応の有無が違っており注意が必要です。また、使いどころが難しいので、なんだかんだでうまく活用しているアプリが少ないのが現状です。レイアウト MainActivity 回転抑制
言語の選択 TypeScriptによる両面開発の利点 両面開発で気を付けるべきこと 最終的な開発環境とビルド手順 利点は大きいが移行するまでの壁も大きい
Android6.0以降にはカメラやストレージアクセスなど、実行後にユーザから権限許可を受ける必要があります。Activityのコールバック等があるため、これを記述するのはそれなりに面倒です。 ここでは汎用的に使える権限許可のソースコードを提示します。Permission.java MainActivit.java 動作に関して
UnityからAndroidStudioにエクスポートプロジェクトでFragmentを使用する方法
UnityからAndroidStudio用にエクスポートされたプロジェクトは、UnityPlayerというViewクラスが貼り付けられたActivityが生成される。このActivityは特殊なものではないので、自由にカスタマイズすることができる。 今回はこのUnityPlayerをFragmentに貼り付けることによって、Fragment上でUnityを表示させる部分を解説する。Fragmentを使うために、ライブラリを追加 UnityPlayerActivityの基本クラスの入れ替え UnityPlayerActivityからUnityPlayerを取り出せるようにする スタイルの変更 フラグメントの作成 レイアウトを普通に読み込ませる 動作確認 戻るボタンを使えるようにする 実は
Gitを扱うためのソフト(Windows)
Androidではタイマーはサブスレッド扱いとなる そしてサブスレッドを扱う上で特に注意すべきなのは、UIの操作が一切できないことだ サブスレッドからUIがらみの命令を実行すると例外が発生する サブスレッドからUIをいじるためには、いったんメインスレッドに処理を投げて、メインスレッド側でUIの操作を行う 今回はその内容を説明していくレイアウト ソースコード(エラーが発生するケース) ソースコード(エラー回避) 実行結果
Androidプログラミングにおいて、コードで直接動的にオブジェクトを追加するケースは少ない しかし、少ないとはいえ無いわけではないので、一応使い方は確認しておいた方がいいレイアウトの作成 ソースコード
Fragmentを使えばレイアウトの表示や操作を独立したクラスとして作成することが出来る そのおかげでActivity上に大量にコードを記述する必要がなくなり、複数画面のコードを分散出来るのでコードの見通しがよくなるのだ プロジェクト レイアウト Fragmentの作成 Fragmentのレイアウトの書き換え ソースコード 実行結果
Android端末の設定 Windowsでのドライバ組み込み
最初に表示される画面といきなりの罠 実行 ビルドの高速化
WebViewでローカルファイルを読み込む方法ですアプリケーション無いのストレージを使うので、パーミッション設定は不要ですassetsフォルダの作成 ファイルの作成 ページの指定 WebViewからJavaScriptを呼び出す JavaScriptからAndroid側の処理を呼び出す
WebViewを使うとアプリ上に簡単にWebページが表示可能です。Webのフロントエンドのスキルがあるならば、いっそアプリのUIをこれで作ってしまうことも可能です。レイアウト URLの指定 内部ブラウザの指定 ページの履歴移動 URLをEditTextに表示 URLの直接指定 JavaScriptの有効化 戻るボタン
AndroidStudioのダウンロード 初回起動
Androidのプログラミングは、Googleが過去を振り返らない作り方をしているため、古い情報を参照するとまともに動かないということが多い このサイトの情報もすぐに陳腐化してしまうことだろう Androidに関しては入門書籍としてのお勧めの本は存在しない 気がついたらAndroidStudioの仕様は変更されているからだ Web上で出来る限り最新の情報を探して回るしか無いのだ
Androidには様々なイベントがある。その中で一番使うのはタップイベントだろう 開発言語がJavaという都合上、イベント発生時のコールバックはインタフェイスを介すことになる これが見た目を複雑にしてしまう原因だが、どうしようもないので諦めるしかないレイアウト インナークラスで直接書くパターン インナークラスを変数で受け取るパターン Activityで受け取るパターン
レイアウトにテキストビューとボタンを追加し、タップされたらテキストを変更するところまで作成する最上位レイアウトの編集 オブジェクトの追加配置 ソースコードの変更(TextViewの更新) ソースコードの変更(Buttonのイベント)
PHPのDateの書式に関する部分である実際に使う場合はDateよりもタイムゾーンが個別に設定できるDateTimeの使用を推奨する混沌の書式 PHPの定数として用意されている書式 用意するプログラム 各種ブラウザごとの結果 まとめ
掲示板はあらゆるWebシステムの基礎だ。 これを自分の力で作れるようになれば、大抵のシステムは実装可能となる。世の中のWebシステムは掲示板の変形に過ぎないからだ掲示板を作る上で必要なこと PDOのDBアクセス 掲示板用のスタイルシート 掲示板(ページ遷移あり) 掲示板(ページ遷移なし) 大抵なんとかなる
種類と構造 基本コード 参照型とObject
分岐 繰り返し
RecyclerViewは複数のデータをリスト表示する場合に利用する似たような機能を持ったクラスとしてListViewがあるが、全ての要素に対してレイアウトが生成されるため効率が良くないのだRecyclerViewでは表示するのに必要な最低限のレイアウトが作られ、スクロール時にはすでに表示した例愛とを再利用するListViewでも同様なのだが、アイテムごとのレイアウトを管理するためにAdapterクラスを作らなければならないソースコード 完成図 RecyclerViewの配置 アイテム用レイアウトの作成 Itemデータ用クラスとAdapterの作成 MainActivityでのRecyclerView初期化処理 タップ処理の追加 データの更新と再表示
PHPの命令は数が多すぎて、一つ一つ解説していったらシャレにならないということでWebアプリを作る上で、最低限知っておくべき命令を解説するecho print printf sprintf
新規プロジェクト
「ブログリーダー」を活用して、空雲さんをフォローしませんか？
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。
